松果

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

 

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

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

 

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

 

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

 

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

 

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

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

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

 

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

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

 

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

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

 

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

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

 

形式五:文字排版不易做的太过复杂,因为对于移动端而言,过于复杂的文字编排虽然设计感提升了,但是却会影响到视觉信息的传达流畅度,而且文字大小不易太小,要保证在移动端正常阅读习惯的前提下,文案的识别性以及可读性高!

 

首屏设计在整个详情页中是至关重要的,首屏的好坏在一定程度上也能影响用户是否继续阅读,同时也是为整体定基调的一屏,那么常见的详情页首屏设计手法有哪些?接下来我们继续分析(前提是结合文案):

手法一:将首屏设计画面做出光感,也就是不管画面有没有光源,要做出一种有光来的感觉,比如:

 

看似简单的画面,做出有光来的感觉后一样可以很出彩,光感是增加画面立体感、场景感最常用的形式之一!

 

手法二:首屏以小场景的形式呈现,这样能够起到很好的带入感、场景感,使得产品形象更加鲜明,比如:

 

将产品置身于环境内,搭建出一个小型的场景画面,使得整体给人一种很舒服、协调的感觉,搭配简单的文字排版,画面整体也会很吸引人!

 

手法三:并不是所有产品都适合简约的设计风格,也有一些偏炫酷、游戏风格的产品首屏就不适合这样做了,但是做出光感是共通的,只不过是在效果、材质的改变,但是作图思路还是如此,即:场景感、光感的体现:

 

我们不难发现,不管是什么风格类型,这里所强调的光感和场景感都是至关重要的!

 

结合本期所说的内容,做了一个关于空气净化器的案例,下面带着前面所说的,用分析的视角看整体,你能说出分别用到前面说的哪些形式和手法吗?

结合文案、产品、理论、风格,最终呈现了这样的一个详情页设计,这里用到的设计思路及手法,在上面都有提到,当你看完前面的,能在这个案例中分析出来,说明你可能有所收获了!并不是说做的多么好,要看的是把理论转换成设计的呈现手法!

 

无论是什么样的设计手法,前提都是要符合文案和产品,我们可以带着本期所说的理论,去找一些比较不错的详情页分析一下,分别用到了哪些手法和形式,为什么?只有通过不断的分析、总结、练习,才能将文字理论转化成设计效果;而且一直强调的是不要把理论学死了,要学会灵活运用,举一反三,理论只是提供思路的一种手段,善于总结才是王道?。?!

 

原文地址:美工美邦(公众号)

作者:张家彬

转载请注明:pk10技巧 冠亚和稳赚 » 详情页做不好,可能你缺少这些…

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网pk10技巧 冠亚和稳赚 www.581n8.cn?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.www.581n8.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.www.581n8.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.www.581n8.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

 
你可能喜欢的:
图文排版入门指南图文排版入门指南
【海平面】20种极简主义的宣传单设计【海平面】20种极简主义的宣传单设计
一张神奇有趣的海报效果制作全过程一张神奇有趣的海报效果制作全过程
Banner设计为什么钟爱这3种构图形式Banner设计为什么钟爱这3种构图形式
六个步骤细说电商banner图设计之色彩的奥秘六个步骤细说电商banner图设计之色彩的奥秘
平面设计创意365天 第一季共182集平面设计创意365天 第一季共182集
【装饰元素の套路】从emart里get使用装饰元素丰富画面的技能【装饰元素の套路】从emart里get使用装饰元素丰富画面的技能
一大波红包来袭|2018年红包类运营专题设计总结一大波红包来袭|2018年红包类运营专题设计总结
【配色的套路】从emart里get根据商品图快速选择背景的技巧!【配色的套路】从emart里get根据商品图快速选择背景的技巧!
拍一张照片就能做出一幅海报,实操分享第4波!~拍一张照片就能做出一幅海报,实操分享第4波!~
?
  • 中共中央政治局集体学习 2018-12-15
  • 搂住所言延退对于企业和零活就业者或专家型科技工作者而言很恰当,可是对于公务员这一群体来说延退可能导致利益固化行政僵化,这是普罗大众不能够容忍的。 2018-12-14
  • 从新发地到可乐洞:探秘中韩日农产品发展新趋势 2018-12-13
  • 安徽重金支持大学创新创业 筹划设20亿科技转化基金 2018-12-13
  • 张德江:着力加强人大对外交往,服务中国特色大国外交 2018-12-12
  • [酷]此文已经把马克思理论、边际理论、人类需求层次理论、生物学理论、心理学理论、社会管理学理论等理论在哲学层面完美融合了! 2018-12-12
  • 官方:装备管理失职 恒大俱乐部总经理等人遭处罚 2018-12-11
  • 本周呼声回馈:上学房产维权每天上演 食客深夜撸串成扰民新顽症 2018-12-11
  • 北京优化住房政策 符合条件人才可申请共有产权房 2018-12-10
  • 庆祝中国人民解放军建军90周年大会在人民大会堂举行 2018-12-10
  • 湖州市残疾人联合会第七次代表大会开幕 2018-12-09
  • 山西吕梁市旅游发展委员会总工程师周瑞美被查 2018-12-08
  • 中山八路总站 调整12公交线 2018-12-08
  • 本人几天前就吃了几个粽子了。 2018-12-07
  • 新闻漫评——最贵学区房 春城壹网 七彩云南 一网天下 2018-12-06
  • 609| 737| 184| 767| 133| 408| 579| 844| 742| 560|