做电商详情页别发愁,用我这招运营都夸好!

Recommanded by editor
北京/学生/5年前/31551浏览
做电商详情页别发愁,用我这招运营都夸好!Recommanded by editor

电商详情页设计教程!巧妙运用光影,让详情页头图高大上!

兄die们,集美们!


我们在设计详情页的时候,总是做不出好的视觉效果。


今天给你分享一个超好用的技巧。



视觉中有一个很重要的组成元素,重要性不亚于点线面,但是我发现很多人经常会忽视,那就是光影。


光影对于画面的重要性有多大?就像人类需要光,需要空气一样!



光影处理的好,可以体现出画面的空间感、立体感。同时还可以表现出画面意境,营造气氛。


说到光影营造特殊气氛,不得不提电影。



1、光影在电影中的运用




小时候我很喜欢看的电影,黄飞鸿中有一个很经典的片段。


为了表达十三姨与黄飞鸿之间的朦朦胧胧的情愫,导演徐克没有采用情侣之间的搂搂抱抱,而是间接借用这种光影,去表现当时两个人的朦胧关系。





还有一部电影印象也很深,王家卫的东邪西毒。


光影通过不断旋转的鸟笼投射在人物脸上。光影的流动,错落有致,同时错乱的光影也影射了人物内心的情绪。





除了电影,还有画画,比如油画界的伦勃朗,以及他的伦勃朗光。





伦勃朗光:灯光只打在面部的4/3部分,人物大部分处于阴影之中。极致的明暗反差,立体感非常强。


一代宗师电影中,也有很多伦勃朗光的镜头。明暗反差非常强。




光影的运用是门学问,下面看下在海报中的运用,继续感受下光影。

经常有出其不意的视觉效果。


2、光影在海报中的运用


看下网上的优秀光影案例



简单的几道光影遮挡,就增加了时间厚度,和桂影斑驳的感觉。视觉上也加大了明暗反差。





人物模特拍摄,通过光影刻意制造明暗反差。



电商海报中的光影



产品摄影,通过光影丰富背景,塑造空间感。



3、光影在详情页中的运用


看几个网上的优秀例子



仔细观察背景中的光影




说了这么多,具体怎么操作?怎么用?




1、找个素材,做个案例。




2、做个详情页头图,先弄个背景,简单打上文案,排排版。



下面直接到关键的一步!!!


光影怎么弄的???



紧张了吗!!害怕了吗!!兄die!集美!!


不要慌,消除恐惧的办法就是面对恐惧!奥利给!!


直接去网上搜索素材“植物影子”“光影”等等。



3、找到合适的光影素材




直接把图层模式改成线性加深正片叠底,在安排几片叶子做近景,搞定。是不是太简单了。。。。。听懂掌声!



对比下效果。




一个案例不行?要不再来一个!



还是这个产品,做一个俯视的视角试试。


第1步还是先构图,排版打上字。

第2步给产品和小草加上阴影,俯视的感觉就出来了。



第3步,又到了关键的一步,也是本文讲的的一步,加影子素材。



最后微调了下颜色,结束。




是不是非常简单!我哭了,兄die们 and  集美们~



光影做为一种典型的视觉绘画元素,经常会被人很多所忽视。光影用的好,可以把整个画面都串联到一起,表现出特殊的空间气氛。


光影在生活中也是无处不在,需要我们细心去观察。诗人顾城曾说过:黑夜给了我黑色的眼睛,我却用它寻找光明。



文中PSD和光影等素材,送给有缘人。(见附件)


觉得不错的老铁点个赞,听懂的掌声!!!




1365
阅读原文
|
Report
|
1151
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
设计理论知识
设计理论知识
设计理论知识
设计理论知识
作品收藏夹
设计思路
设计思路
设计思路
设计思路
作品收藏夹
研习社K先生
研习社K先生
研习社K先生
研习社K先生
作品收藏夹
文章,教程
文章,教程
文章,教程
文章,教程
作品收藏夹
摄影
摄影
摄影
摄影
作品收藏夹
文章教程
文章教程
文章教程
文章教程
作品收藏夹
大家都在看
Log in