17-fabulous-typesetting-websites-1

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

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

Bigdropinc

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

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

国外网站设计

Oribe

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

LE28 LILLE

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

Truedigital

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

Aaa

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

Activetheory

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

Sehsucht

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

Finnlough

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

Oursroux

Gelateriadelbiondo

粗字体与细字体排版。

Kret

Cultureexperiencedays

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

Codetasty

Loppist

Quiver

Natan

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

「看网站学设计系列」

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

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

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

原文地址:shejidaren

uisdc-hao

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

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

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

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

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