网页设计中如何利用配图进行视觉引导

这次分享主要是总结网页设计中一些实用的配图技巧,让设计稿拥有更好的视觉引导,从而使大家快速解决工作中问题。

文章重点梳理

·利用配图建立视觉焦点

·配图模特的动作、眼神引导

·配图中隐形“线条”的引导

·配图色彩的引导

·配图的心理暗示

一.利用配图建立视觉焦点

让网页中配图产生对比关系(大小、形状、颜色等),从而建立视觉焦点。

图①:加大某一产品配图的面积大小,再加上突出的蓝色色块,从而引导用户视线首先聚集到右上的鞋子产品上

图②:整体以手绘风格为主,部分辅以原色实物,由此形成强烈对比而产生视觉焦点,让用户跟随原色实物的引导进行浏览

图③:典型的居中式布局,除产品、文案外没有其他视觉干扰,视觉焦点更好的聚集到产品配图上

图④:巧妙利用插画配图的形状分布形成一个居中的视觉焦点,使用户能第一时间







































北京白癜风到底能治好吗
专业治疗白癜风



转载请注明:http://www.soiphoto.com/fzqs/14346.html