网站首页第一屏的排版是非常重要的，很多时间能决定用户去与留，特别是目前的扁平化网站，对图文排版要求较高，因为没有花哨的质感特效，重点以展示内容为主，使网站更实用，本文就为大家分享一系列图文排版不错的国外设计网站，也许会给你带来不同的排版灵感哦。
下面的图文的排版是十分常用哦，用法简单，效果好。因为有了图像，文字色彩不能太多，布局以大标题文字 一段小字体 按钮方式，并居中展现。
还有个小 Tips: 字体与背景要够「靓」哦。没灵感的或赶时间的话，就选用这样的布局吧：）
国外网站设计
https://bigdropinc.com/
看这张排版，人物与文字的凸凹感是有关系的，你看到了吗？SSS
http://www.oribe.com/
le28网站背景是视频来的，当然也可以用图片代替，这里的文字在屏幕左下角的方式呈现，点线面都做得不错。
http://www.le28-lille.com/?
和第一张图的用法类似，居中形式，但这个文字比较大，占满一个屏幕。
https://www.truedigital.co.uk/?
一个个人网站，文字设计先赞一个。鼠标移动到导航菜单会显示不同的背景，又一个灵感可以模仿（抄）了。。。
http://www.riccardomarconato.it/?
如果你的文字很短，那么试试像 activetheory 网站一样把字体的间距、行距适当拉宽。
https://activetheory.net/?
http://www.google.com/maps/about/behind-the-scenes/streetview/treks/petra/#streetview?
文字动画很 Cool！并提示用户按空格，互动性很高的网站，用创意留住用户，营销设计也是我们设计师要了解的哦。
http://www.because-recollection.com/sebastian?
很简约的网站设计，连英文字体也被精简了。
http://www.sehsucht.berlin/?
使用了
手写字体
风格，设计师不要只管看首页，试试「使用」这个网站，你会发现很多体验不错的小细节。
http://www.finnlough.com/en?
http://www.oursroux.com/?
粗字体与细字体排版
http://www.gelateriadelbiondo.it/en/?
http://kret.com/en/?
https://moteurdereussites.withgoogle.com/?
http://www.marie-sixtine.com/fr/?
排版有点艺术感，有木有？此网页是横向滚动的，所以此网站的排版也是以横向设计为主，
https://cultureexperiencedays.adami.fr/#_home?
https://codetasty.com/?
https://loppist.com/
浏览网站 https://quiver.net/
当重点是展示人物的时候你的文字不应该太抢眼。
浏览网站 http://natan.be/
更多精彩实用内容请关注 @Photoshop大师
设计素材收藏，给大家分享12个人气超高的顶尖图片设计资源网站！
Photoshop将很普通的静物照片设计打造成超赞的新海诚手绘风格！
简单粗暴，巧用 photoshop 两步轻松设计搞定酷炫的金属艺术字！
掌握这10个photoshop抠图方法，帮你轻松应对大部分抠图工作！
日本绘师まなあか设计制作的配色环，50种类别非常全面，炒鸡好看
photoshop教程之拼图系列教程~千人成像做胡歌照片拼图！
photoshop设计打造2017最流行时尚的渐变风格幻彩波尔卡圆点！
photoshop AI 及 CDR 格式如何进行互转教程！
联系客服
