您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 设计理论 >> 浏览设计教程

掌握图文排版的5个小技巧(2)

en

 网站策划, 网站设计, 网站图片

  Dtelepathy

 网站策划, 网站设计, 网站图片

  三、行使景深

  行使图片的景深不同,在失焦的地方置放文本也能凸起笔墨,增长可读性,达到结果。

 网站策划, 网站设计, 网站图片
 网站策划, 网站设计, 网站图片

  良好实例:Une.ch/creation

 网站策划, 网站设计, 网站图片

  Gloriasrestaurants

 网站策划, 网站设计, 网站图片

  Atelier

 网站策划, 网站设计, 网站图片

  四、图片选择

  图片会传递情感,所以选择图片的时候,要联系设计中的场景,文本也要切合图片。

  小建议:

  一句话表达内容,让访客知道点击图片会发生什么。

  不要选择有聚焦有题目的图片

  图片要高清大图,假如有需要,可以选择滤镜或者磨砂。

  良好实例:Pixelgrade

 网站策划, 网站设计, 网站图片

  Formula1data

 网站策划, 网站设计, 网站图片

  五、条理感

  详细是文原形对于图像中其他元素的位置,是在图像之后,照旧图像之前?是融入其中?照旧独占一方?进一步分析,如何将文本关联到图像的聚焦元素?

  经验法则:文本越小,空间上显得越远。

  本例中,尽管背景图细节雄厚,但我们的视觉会停顿在超长的文本上,忽略了图像。同时人物与文本看起来像在统一水平线上,条理感弱。

 网站策划, 网站设计, 网站图片

  将文本放大后,条理感马上就出来了。

 网站策划, 网站设计, 网站图片

  良好实例:Danielladraper

 网站策划, 网站设计, 网站图片
[教程作者:佚名]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/di137.html
怎样设计出有吸引力的网站?
如何搞定大图设计技巧?
图趣网微信
建议反馈
×