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

用户头像
北京/学生/5年前/33614浏览
做电商详情页别发愁,用我这招运营都夸好!

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

兄die们,集美们!


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


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



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


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



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


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



1、光影在电影中的运用




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


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





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


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





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





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


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




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

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


2、光影在海报中的运用


看下网上的优秀光影案例



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





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



电商海报中的光影



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



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


看几个网上的优秀例子



仔细观察背景中的光影




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




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




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



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


光影怎么弄的???



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


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


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



3、找到合适的光影素材




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



对比下效果。




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



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


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

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



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



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




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



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


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



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


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




1411
阅读原文
|
举报
|
1203
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
空的平台平面和自然景观
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
城市园林平面布局航拍
玄关入门地毯印花图案红地毯
平面男孩喝咖啡插画设计
牛奶乳液层次平面平铺平面
中国传统纹样创新图案设计
城阙凡花
平面插画设计女孩喝咖啡
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
城市园林平面布局航拍
城市园林平面布局航拍
古风平面仕女与瓷器
金色颗粒质地的平面
空的平台平面和自然景观
平面插画情侣/矢量
海底世界插画
倒计时,海报,平面
金色颗粒质地的平面
金色颗粒质地的平面
平面设计 吊牌设计
平面设计风格的粉色草莓味马卡龙
水蜜桃和李子的平面水果图案
你可能喜欢
相关收藏夹
大家都在看
登录注册