添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 设计分享 >

设计师基本功:图文排版的5个小技巧(3)

时间:2014-11-09      来源:互联网     

  四、图片选择

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

  小建议:

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

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

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

  优秀实例:

  Pixelgrade

设计师基本功:图文排版的5个小技巧-【科e互联】
 

  Formula1data

设计师基本功:图文排版的5个小技巧-【科e互联】
 

  五、层次感

  具体是文本相对于图像中其他元素的位置,是在图像之后,还是图像之前?是融入其中?还是独占一方?进一步分析,如何将文本关联到图像的聚焦元素?

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

  本例中,尽管背景图细节丰富,但我们的视觉会停留在超长的文本上,忽略了图像。同时人物与文本看起来像在同一水平线上,层次感弱。

设计师基本功:图文排版的5个小技巧-【科e互联】
 

  将文本放大后,层次感立刻就出来了。

  优秀实例:

  Danielladraper

设计师基本功:图文排版的5个小技巧-【科e互联】
 

  Vivaco

设计师基本功:图文排版的5个小技巧-【科e互联】
 

  不论是网页还是平面排版通俗易懂的好教程!

  原文:优设

  原文地址:Tips to Help You Properly Mix Text With Imagery

  译者:程远、Alvin

web前端视频教程
标签 网页设计
相关文章
web前端视频教程


最新更新

网页特效

web前端视频教程