看网站学排版!17个文字排版优秀的国外网站设计

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

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

Bigdropinc

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

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

看网站学排版!17个文字排版优秀的国外网站设计

Oribe

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

看网站学排版!17个文字排版优秀的国外网站设计

LE28 LILLE

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

看网站学排版!17个文字排版优秀的国外网站设计

Truedigital

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

看网站学排版!17个文字排版优秀的国外网站设计

Aaa

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

看网站学排版!17个文字排版优秀的国外网站设计

Activetheory

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

看网站学排版!17个文字排版优秀的国外网站设计

Sehsucht

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

看网站学排版!17个文字排版优秀的国外网站设计

Finnlough

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

看网站学排版!17个文字排版优秀的国外网站设计

Oursroux

看网站学排版!17个文字排版优秀的国外网站设计

Gelateriadelbiondo

粗字体与细字体排版。

看网站学排版!17个文字排版优秀的国外网站设计

Kret

看网站学排版!17个文字排版优秀的国外网站设计

Cultureexperiencedays

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

看网站学排版!17个文字排版优秀的国外网站设计

Codetasty

看网站学排版!17个文字排版优秀的国外网站设计

Loppist

看网站学排版!17个文字排版优秀的国外网站设计

Quiver

看网站学排版!17个文字排版优秀的国外网站设计

Natan

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

看网站学排版!17个文字排版优秀的国外网站设计

「看网站学设计系列」

插画网站合集:
《灵感大餐!8个有趣有特色的国外插画师官网》

交互优秀的网站:
《身临其境!那些给人逼真交互体验的优秀网页设计》

卡片式网站案例:
《高手才能这么玩!一组创意+色彩都超赞的「卡片式设计」网站》

原文地址:shejidaren

看网站学排版!17个文字排版优秀的国外网站设计

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量104万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

点赞
收藏 21
继续阅读相关文章

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
评论 收藏