国外杂志排版设计参考：扁平化网站首屏图文字体布局灵感合集

网站首页上面这一屏的版面安排是非常重要的一点, 很多时候它能直接决定用户是离开还是留下。特别是现在大家用的这种扁平化风格网站，对图片和文字的排版要求很高。

因为在这种设计里看不到那种花里胡哨的材质和特效效果, 所以主要就是把内容展示出来。今天为大家分享很多国外的设计网站的图片文字排版做得很不错。这也许能给你带来不一样的版式设计灵感方向。

对于这些实例, 我们除了可以注意到它们在排版方面有着出色的表现之外, 还应当将关注重点放在对于字体风格这一方面的选择上, 这部分内容也是需要我们认真地进行思考和加以学习的。

Bigdropinc

这种图文排版的样式在实际应用中是非常常见的, 操作起来也比较简便, 并且能够呈现出不错的视觉效果。因为页面中包含了图片元素, 所以文字部分的色彩搭配不宜过于繁杂, 整体布局通常是由大号的标题文字、一小段字号较小的正文内容以及一个按钮共同构成, 并且这些元素都会以居中的方式来进行展示。

另外还有一份小巧的小提示需要补充给大家, 那就是字体的样式以及背景的设计都必须显得非常漂亮和出色。如果你此刻正好没有任何灵感, 又或者时间确实是非常紧迫的话, 那么你就直接选择采用这里所展示的这样的画面布局吧, 相信它能够很好地解决问题。

Oribe

你观察到这张排版的布局了吗? 在这个布局里, 人物影像以及文字内容呈现出的那种富有层次感、凹凸分明的视觉效果, 是互相关联的。

LE28 LILLE

le28这个网站的背景视频是采用的, 当然也可以使用图片来替代, 屏幕的左下角这里采用了显示文字的方式, 点与线还有面都处理得到了不错的效果。

Truedigital

它的用法和第一张图差不多, 也是居中的形式, 但是这几个文字的尺寸特别大, 直接就把整个屏幕给占满了。

Aaa

针对这一个人网站的情况, 我们在文字设计方面首先要对其进行大力夸赞。其次, 当鼠标指针移动到导航菜单区域的时候, 会呈现出不同的背景样式这一做法, 又为我们提供了一个非常值得去进行模仿和借鉴的灵感来源。

Activetheory

如果你的文字的篇幅比较短, 那么建议你去尝试一下类似 Activetheory 这个网站的排版方式, 将字体的间距和行距都进行适当的放宽, 让整体视觉效果显得更加开阔。

Sehsucht

这个网站的设计非常简约, 甚至连英文字体也都进行了简化处理。

Finnlough

采用了手写体的风格样式, 设计师不应该仅仅只看首页部分, 而是应该去试用一下名为「使用」的这个网站平台, 通过实际操作你就会发现其中存在着不少让人感到体验良好并且值得称赞的那些细微方面或者小地方哦。

我们的是roux。

Gelateriadelbiondo

粗体的字体和细体的字体进行排版。

Kret

Cultureexperiencedays

这个排版是不是充满了艺术的氛围感, 你感受到了吗, 有没有? 这个网页是采用横向滚动的方式来呈现内容的, 因此, 这个网站的视觉布局也主要以横向上的设计作为核心进行构建。

Codetasty

Loppist

Quiver

Natan

当你的重点在于展示人物形象的时候, 你就应当避免让文字本身过于夺目, 从而喧宾夺主。

「看网站学设计系列」

插画网站合集：

这是一顿灵感的丰盛大餐, 文章里罗列了八个具有有趣又有特色的国外插画师的官方网站。

那个网站的交互表现非常出众。

让人身临其境的, 那些能够给人提供逼真交互体验的优秀网页设计。

卡片式网站案例：

只有高手才会采用这种操作方式, 这一组具有创意设计并且色彩也非常出色的卡片式风格的网站作品。

继续浏览有关 排版设计扁平化设计 的文章