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

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

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

兄die们,集美们!


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


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



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


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



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


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



1、光影在电影中的运用




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


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





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


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





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





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


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




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

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


2、光影在海报中的运用


看下网上的优秀光影案例



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





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



电商海报中的光影



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



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


看几个网上的优秀例子



仔细观察背景中的光影




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




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




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



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


光影怎么弄的???



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


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


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



3、找到合适的光影素材




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



对比下效果。




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



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


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

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



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



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




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



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


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



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


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




1429
阅读原文
|
举报
|
1213
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
城阙凡花
金色颗粒质地的平面
平面男孩喝咖啡插画设计
古风平面仕女与瓷器
金色颗粒质地的平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
空的平台平面和自然景观
城市园林平面布局航拍
平面书法字手写
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
平面设计 吊牌设计
城市园林平面布局航拍
平面插画设计女孩喝咖啡
平面风格黄绿色系花朵装饰
城市园林平面布局航拍
倒计时,海报,平面
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
中国传统纹样创新图案设计
城市园林平面布局航拍
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
海底世界插画
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
金色颗粒质地的平面
你可能喜欢
相关收藏夹
大家都在看
登录注册