相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

详情页头图设计有哪些实用技巧?

lei发布于:2019-8-20 09:55 |原作者: 张家彬|
lei
广东省 汕头市 平面设计师
发私信 + 关注
简介: 在电商设计工作中,详情页的设计是我们不得不面对的一大难题,和普通专题页不一样,详情页设计更多的是对文案、卖点进行视觉提炼、视觉表达的过程;如何把一个产品的卖点、特色通过视觉流畅的表达给用户,减少用户阅读的时间成本、提升视觉带给用户的整体感受 ... ...


通过案例我们发现,场景表现的形式重点在于:场景与产品的视觉融合以及关联度,这里的场景可以是产品的实拍图,也可以是自己合成的场景图;如果是自己找场景融合或者干脆自己合成场景,这对于设计师的基本功要求是很高的,但是精髓还是在于光与影的体现,其次是头脑风暴,比如:牙刷放在厨房做场景就是不合理的,做这种场景合成的时候应该先问自己几个问题,以空气净化器为例:

第一:空气净化器用在哪里哪类场景内?答:经常用于客厅、办公室、卧室

第二:客厅场景应该有什么?答:窗帘、沙发、绿植、地板、桌子等等

第三:光从哪里来?哪些物品靠近光源?物品的哪个区域靠近光源?影子在哪里?

产品与场景的结合很容易被其他视觉元素抢,那么我们通常可以:1、将次要视觉元素模糊处理,用类似景深的视觉效果表现主体;2、将主体放大,其他视觉元素按照正常比例呈现,也能很好的突出主体;3、弱化周围视觉元素,比如将产品置于夜晚的情景内等等。

这种场景表现产品的形式,最重要的就是最终的场景感和产品的融入是否合理,同样场景不易过于复杂,无论什么样的形式,视觉流畅度都是要兼顾的。有些场景也可以在花瓣、站酷或者其他的素材网站上去找,只要与产品的结合度可以,稍微修改即可!

详情页头图设计有哪些实用技巧? 飞特网 设计理论

立体块可以理解为三维的形式,就是通过各种形式的立体块的摆放与产品相结合,也是详情页头图设计的表现形式之一,而这类场景不要太过于复杂,还是以产品为主,突出产品,也并非一定要借助三维软件,可以通过找参考的方式结合基本的透视理论就可以完成,比如:

详情页头图设计有哪些实用技巧? 飞特网 设计理论

详情页头图设计有哪些实用技巧? 飞特网 设计理论

详情页头图设计有哪些实用技巧? 飞特网 设计理论

利用简单的立体块搭建场景,这种场景的局限性很小,适用于很多产品,偏百搭型;这类重点除了前面所说的光感,还有材质、高光以及立体感的体现,材质在之前的文章中说过,重点说下高光,高光就是指立体块面与面衔接处的高光,这类高光能体现出立体块的细节感以及立体感,比如:

详情页头图设计有哪些实用技巧? 飞特网 设计理论

至于立体感的体现,只要保证透视合理的情况下,还是可以转化为光感,记住前面所说的重点,多加练习即可。

最后说下排版,详情页的排版不易太过复杂,过于复杂的排版只会增加阅读的时间成本,一定要注意好可读性,不要因为追求特色和忽略了设计的本质问题。

详情页头图设计有哪些实用技巧? 飞特网 设计理论

这里以一款"牙刷消毒器"产品为例,说下我的具体思路和制作方法:首先是要问自己的问题:

牙刷消毒器常用于哪个场景?

答:洗漱间、放牙刷的地方

此类场景中还有什么元素?

答:洗漱盆、镜子、墙面、窗帘、植物等等

那么就根据这两个问题进行素材整合,简单把场景搭建出来,如下:

详情页头图设计有哪些实用技巧? 飞特网 设计理论

33

好评
19

差评

刚表态过的朋友 (52 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

lei
广东省 汕头市 平面设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计