![电商美工设计手册](https://wfqqreader-1252317822.image.myqcloud.com/cover/483/34752483/b_34752483.jpg)
上QQ阅读APP看书,第一时间看更新
2.3.2 版式元素设计技巧——增强视觉层次感
在电商美工设计中,可以在画面中添加一些小元素,或者运用有具体内容的背景,甚至可以通过色彩不同明纯度之间的对比等方式,来增强画面的视觉层次感。
![](https://epubservercos.yuewen.com/517E2D/18562449108362006/epubprivate/OEBPS/Images/Figure-P26_103536.jpg?sign=1738937906-EWDZSdxoDF1uecyLo9BqFgUe4KHHQa1p-0-229cf2e9c5a29818a885ed5b805c7b7a)
这是一款指甲油的详情页设计。采用倾斜型的构图方式,将产品以不同的角度进行倾斜摆放,给受众直观的视觉印象。背景以镂空形式呈现的文字,既增强了画面的稳定性,又让画面具有层次感。
详情页以明纯度适当的橙色为主色调,尽显春季的生机、活跃。产品颜色不同,在鲜明的颜色对比中,让春日的鲜活氛围更浓了一些。
![](https://epubservercos.yuewen.com/517E2D/18562449108362006/epubprivate/OEBPS/Images/Figure-P26_103539.jpg?sign=1738937906-eTfSgMNoryspe1ostcQm3U7zsqeDHxEp-0-f86ecd522bae43f1a0e46a21ab63a7ec)
这是夏季服饰折扣的优惠券设计。采用相对对称的构图方式,将部分重叠摆放的优惠券作为展示主图,对信息直接进行传达。同时适当添加阴影,增强了画面的视觉层次感。
以白色作为背景主色调,凸显版面内容。适当添加橙色,让优惠券成为整个版面的视觉焦点,具有良好的宣传效果。适当红、绿色的点缀,在互补色的鲜明对比中,营造了夏日激情的活跃氛围。
配色方案
![](https://epubservercos.yuewen.com/517E2D/18562449108362006/epubprivate/OEBPS/Images/Figure-P26_148746.jpg?sign=1738937906-cx8ztMktzGiRP682NTmsFJe0lusGGYaf-0-131382f90df4b7129c129ee8397e84c7)
佳作欣赏
![](https://epubservercos.yuewen.com/517E2D/18562449108362006/epubprivate/OEBPS/Images/Figure-P26_103557.jpg?sign=1738937906-NamlY7SKAdtd1t4YVEyiXVXpUGIyHLK5-0-67ab486f1f64e494314e01e17d434565)