Contact

0574-27729591
city@city-design.cn

Address

中国·宁波·江北区同济路
云汇中心3号1312

WeChat
menu
宁波网站建设 > 新闻 > 建站优化
返回列表

网页首屏设计图文混排的大技巧

2014-04-10
如今，网页设计中，图文混排已经成为非常流行，但是这种方式想要设计完美也是非常不容易的，要在网页首屏中呈现出完美的混排效果，你需要一张完美的照片，和足够出彩的文字排版。当然，如果你掌握一些技巧，就可以做的更好！

1、强化对比

首先网页首屏中的文字必须具备可读性才行，所以你需要确认文字与背景之间的色彩搭配能让用户看得清楚。当你选择一个暗色调的背景，那么你需要使用白色或者浅色的的文字，而当背景比较素雅的时候，文字可以使用深色，这就是我所说的强化对比。
当然，对比不仅限于色彩，文字同样存在对比。文字与图像相互配合，才能达到出人意表的效果。例如第一个案例，Packdog网站的设计，大图作为背景，用色浓郁，文字则正好相反，轻薄而大小错落。这些对比强烈的元素组合在一起令人印象深刻。





2、令文字成为图片的一部分

有的时候你需要让文字成为图片的一部分，甚至让文字成为图像本身来达到效果。当然这种处理方式所需的条件比较苛刻。要么你使用足够清爽简单的图片来和文字进行搭配，或者使用原本就包含图片的文字（当然，你也可以将文字妥妥儿地P到图片中的主体上，文字的角度、形变和纹理一定要融入进去）。


 



3、沿着视觉流向排布

沿着视觉流向来排布信息是一项重要的技巧。文字与图片发生逻辑关系，两者相辅相承，所以此时文字不能覆盖到图片的主体部分——比如需要展示的人物，或者产品本身。
信息按照视觉流向排布的时候，图片中的主体会引导你去观看文字信息。这两个案例都使用了这种技巧，文字都是沿着人物的面目朝向或者眼神指向来排布的。





4、模糊背景

模糊背景是一种非常简单的处理手法。PS可以很轻易地模糊照片，而照片的模糊带来的直接效果就是让产品本身更加突出。





5、将文字置于框中

当照片中光影交叠，色彩丰富的时候，将文字置于框中会是个不错的选择。根据文字和图片的形态选择圆框或者方框，然后设置好色彩，确保对比度。适当地调整透明度，让框、文字于图片完美地糅合到一起。





宁波网站建设 城池设计：http://www.city-design.cn/News/429.html

上一篇：决定网站优劣的一些因素
下一篇：怦然心动的美食网站设计
TAG: 宁波网页设计
相关新闻
WORKS
work案 例
about关 于

我们崇尚简约、极致的原创设计，每一个 作品案例都深受客户的喜爱，想知道我们可以提供哪些服务，请到关于我们进一步了解，如果您需要我们的帮助，请联系我们。

高端网站建设 解决方案 项目案例 关于城池 新闻动态 联系城池
CONTACT

0574-27729591

15824279580

city@city-design.cn

中国·宁波·江北区同济路
云汇中心3号1312

在线联系
微信扫码联系
WECHAT
©CITY-DESIGN.CN ALL RIGHTS RESERVED. 浙ICP备14034548号-3
sitemapxml / 城池

联系我们

Tel

0574—2772 9591
158 2427 9580

IM
微信扫码联系
WECHAT
很遗憾，您现在使用的是低版本的浏览器，为了更好的浏览体验，建议使用Chrome(谷歌浏览器)访问我们的网站。