陌北默

网站首页第一屏的排版非常重要,很多时候能决定用户的去与留,特别是目前的扁平化网站,对图文排版要求较高,因为没有花哨的质感特效,重点以展示内容为主。今天为大家分享一系列图文排版不错的国外设计网站,也许会给你带来不同的排版灵感。

对于下面这些例子,除了排版不错外,重点可以看看字体风格的选用,同样是值得我们思考学习的。

Bigdropinc

下面的图文的排版十分常用,用法简单,效果好。因为有了图像,文字色彩不能太多,布局以大标题文字 + 一段小字体 + 按钮方式,并居中展现。

还有个小 Tips:字体与背景要够「靓」哦。没灵感的或赶时间的话,就选用这样的布局吧:)

0452155OT

Oribe

看这张排版,人物与文字的凸凹感是有关系的,你看到了吗?

045216iJi

LE28 LILLE

le28网站背景是视频来的,当然也可以用图片代替,这里的文字在屏幕左下角的方式呈现,点线面都做得不错。

045216QR6

Truedigital

和第一张图的用法类似,居中形式,但这个文字比较大,占满一个屏幕。

045216nP3

Aaa

一个个人网站,文字设计先赞一个。鼠标移动到导航菜单会显示不同的背景,又一个灵感可以模仿(抄)了。

045216Ieg

Activetheory

如果你的文字很短,那么试试像 Activetheory 网站一样把字体的间距、行距适当拉宽。

045216N3l

Google 地图

0452164Y9

Because-Recollection

文字动画很 Cool!并提示用户按空格,互动性很高的网站,用创意留住用户,营销设计也是我们设计师要了解的哦。

045216Y8I

Sehsucht

很简约的网站设计,连英文字体也被精简了。

045216zUF

Finnlough

使用了手写字体风格,设计师不要只管看首页,试试「使用」这个网站,你会发现很多体验不错的小细节。

045217iJi

Oursroux

0452170hk

Gelateriadelbiondo

粗字体与细字体排版。

045217uRx

Kret

04521721z

Moteurdereussites

045217WWX

Marie Sixtine

045217R6T

Cultureexperiencedays

排版有点艺术感,有木有?此网页是横向滚动的,所以此网站的排版也是以横向设计为主。

0452178pQ

Codetasty

045217nb3

Loppist

045218OLu

Quiver

0452180hO

Natan

当重点是展示人物的时候,你的文字不应该太抢眼。

045218pSg

原文地址:设计达人

转载请注明:学UI网 » 17个文字排版优秀的国外网站欣赏

登录收藏
 
你可能喜欢的:
Apple 的设计哲学 · 网页篇Apple 的设计哲学 · 网页篇
中台系统基础知识- 文字规范系统中台系统基础知识- 文字规范系统
一些视觉作品集合一些视觉作品集合
8个大胆的赛博朋克网页设计案例8个大胆的赛博朋克网页设计案例
产品体验日记 01 期丨发现优秀的设计产品体验日记 01 期丨发现优秀的设计
让你灵感爆表的创意进度条设计让你灵感爆表的创意进度条设计
【UI/UX案例分析】设计提升转化,看高手如何重设计网页【UI/UX案例分析】设计提升转化,看高手如何重设计网页
超好看的30款网站侧边栏设计超好看的30款网站侧边栏设计
搞定UI中报错信息设计,轻松提升用户体验搞定UI中报错信息设计,轻松提升用户体验
官网设计 - DataFox官网设计 – DataFox