电商详情页设计技巧分享(1)

来源:网络   作者:热心网友   发布时间:2018-09-10    浏览次数:303

在电商设计中,详情页的设计在整个设计环节中都是至关重要的一项,因为详情页在购买环节中能起到一定的转化、促进交易作用,所以一款符合产品定位且视觉效果很好的详情页是很多电商商家所渴求的,但是详情页设计和PC端设计在视觉呈现的过程中是有一定差别的,用PC的设计习惯做产品详情页,只会顾此失彼,所以这期的内容就是:详情页设计应该注意什么?从哪里思考,入手?


很多人做不好详情页并不是因为不会做,而是走进了很多误区,最终导致作品不尽如人意,那么在详情页设计中常见的误区有哪些:

误区一:用PC的设计思维做详情页设计,这种现象是极其常见的,意思是只兼顾PC端,而忽略手机端,要知道现在电商流量95%来自于移动端,PC端设计思维在电商详情页制作中是不通用的!


误区二:只追求效果而忽略了最基础的信息传达,详情页目的在于向用户诠释产品的特性、亮点、功能,是向用户传达要表达的产品信息,使得用户能够充分了解产品特征、优点、亮点,从而促进买成交易,而不是一味的只追求视觉效果而忽略信息传递!


误区三:文案、产品、功能、视觉不能做到很多的串联,也就是俗话说的驴头不对马嘴,不能将这四点很好的结合在一起!


那么在详情页设计中常用的形式有哪些?该注意些什么?


在详情页设计中,很多设计手法、形式是实用且有效的,总结常用的设计形式也有助于提升工作效率,提供设计思路,那么常用设计形式可以简单分为以下几种:

形式一:采用竖屏的设计思维,分屏制作,更利于信息传递以及视觉效果的体现,这也是做电商详情页最常用的形式之一,这样做的目的更多的兼顾移动端,以移动端为主,提升视觉流畅度以及信息传达率,比如:

传统的电商详情页设计是基于PC的,无法兼顾手机端,从视觉流畅度和信息传达方面都有很大的缺陷,而采用分屏制作的形式就能很好的兼顾手机端,大大提升视觉流畅度和用户捕捉信息的速度!


形式二:善用图标元素,当画面出现数字时可以做特殊处理或者放大,因为大字号和数字能起到很好的装饰性且也能起到突出的作用,增加画面的设计感,比如:

大字号的数字或者英文能起到很好的装饰性,目的是打破原本比较相似的构图形式,使得整体画面在统一的前提下又不显单调,同时也起到了很好的突出强调关键词的作用!


形式三:很多人对于详情页配图不太精通,原因是拿到文案不知道如何去选图才能更好地切合产品和主题,常见的配图形式分为两种,即:以产品为中心配图和关键词配图两种形式,这两种形式也可以结合着用,虽然详情页是以商品为主,但是如果每一屏都出现产品图,会给人一种重复感很强甚至太刻意的感觉,那么我们可以以文案的关键词作为配图参考,这样同样能保证切合主题:

这里的配图形式就是以文案关键词作为切入点,将文案“更静一步舒适环境”中的静和舒适作为画面整体的配图参考,也改变了每一屏都要有产品的单一形式!


形式四:当画面整体不需要完全深色的情况下,要尽量做到整体模块有深有浅,也就是视觉上有轻重之分,这样能形成很好的视觉节奏关系,但是尽量不要大面积的轻、重过于集中,要让整体中心偏向平稳:

设计先锋网 设计先锋网 设计先锋网

轻重并不是要做到完全均衡,而是尽量保证画面富有节奏感,避免大面积出现重色或者浅色,可以通过改变其中某个模块将其隔开,从而形成视觉上的轻重之分!


123共3页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/7591.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通