网站首页第一屏的排版非常重要,很多时候能决定用户的去与留,特别是目前的扁平化网站,对图文排版要求较高,因为没有花哨的质感特效,重点以展示内容为主。今天为大家分享一系列图文排版不错的国外设计网站,也许会给你带来不同的排版灵感。
对于下面这些例子,除了排版不错外,重点可以看看字体风格的选用,同样是值得我们思考学习的。
下面的图文的排版十分常用,用法简单,效果好。因为有了图像,文字色彩不能太多,布局以大标题文字 + 一段小字体 + 按钮方式,并居中展现。
还有个小 Tips:字体与背景要够「靓」哦。没灵感的或赶时间的话,就选用这样的布局吧。

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

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

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

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

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

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

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


粗字体与细字体排版。


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




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

情非得已
40款优秀的色彩搭配网页设计案例欣赏2013-11-16
70个暗黄色风格的复古网页设计欣赏2013-09-17
精选国外红色大气的网页设计欣赏2013-08-15
精选设计师朱腾鹏网页设计作品欣赏2013-07-31
35个国外超赞的苹果APP网站设计欣赏2013-06-17
2010年网页设计的流行与趋势2010-06-27
50个漂亮的蓝色网站设计欣赏2010-06-25
让你一眼就能记住的博客设计欣赏2010-06-23
50个黄色为主的网页设计欣赏2010-03-15
26个创意布局的网站界面设计2010-02-03
以插画为设计元素的优秀网站欣赏
相关文章3742019-03-20
40个创意爆棚的电商网站设计欣赏
相关文章2772019-02-17
20个简洁风格的设计师网站设计欣赏
相关文章3062019-01-10
精选国外优秀大气WEB网页设计欣赏
相关文章3812018-11-08
优秀的天猫双11预售页面设计欣赏
相关文章4232018-11-05
精选国外杂志风格网页设计欣赏
相关文章2522018-05-29
10款精美的旅游网站设计欣赏
相关文章3612018-01-25
10个优秀手机应用界面设计欣赏
相关文章4432018-01-10
