020-29815005
预约专线时间:09:00-23:59

【UI设计培训】:UI设计中的详情页怎么设计?

新闻来源:本站 日期:2022-03-29
以淘宝天猫京东这类综合类电商网站为例,一个完整的详情页一般由以下部分组成:首图Banner+产品信息+产品功效介绍+产品外观展示+产品细节展示+其他等,今天优漫动游小编聊一聊详情的设计技巧。这里所说的详情,不仅仅是详情的介绍页。而是包括主图在内,一切能与买家…

  以淘宝天猫京东这类综合类电商网站为例,一个完整的详情页一般由以下部分组成:首图Banner+产品信息+产品功效介绍+产品外观展示+产品细节展示+其他等,今天优漫动游小编聊一聊详情的设计技巧。这里所说的详情,不仅仅是详情的介绍页。而是包括主图在内,一切能与买家传递信息的视觉部分。


【UI设计培训】:UI设计中的详情页怎么设计?


  主图为主也好,详情为主也好。总之都是要在短短的几张图片内,传递给买家更精准、更有效的信息,以此来促成询价或成交。之前对卖点的梳理,如果你有认真思考,也许会有些许启发。当然,它并不适用于所有行业,针对于一些以款式为核心,以独家技术为核心这样的品类,那拼的也只能是这些。

  主图的展现逻辑,也可以说是微详情,只不过手机端的操作,更习惯横滑主图观看。在不同的渠道,买家的行为偏好不同,所以想要更有质量的展现,就要根据选择的渠道,设置合适的展现逻辑。

  当我们掌握了一些卖点元素,编织详情的过程同样不容易。尤其是完全没有设计功底的人,简直是一道难题。

  如果你也为设计而苦恼,不妨试试以下方法。

  一、模仿。

      对于没有设计功底的人,在执行的过程中,大脑是空白的。设计出的效果自然不理想。在此,我们可以多找一些适用于本行业的案例模板。模仿它的设计风格,利用其设计元素,穿插我们自己整理的卖点和思路。来进行视觉上的重组。以此来实现,既表达了我们想表达的信息,视觉效果上又过得去。以此,来做一个合格的详情。


  二、借用优质的设计技巧。将整理的信息梳理,按照内容权重或逻辑进行排列。在设计上:

  1.通俗易理解。尽量用无需思考就能理解的言语,卖点要直接关联买家利益。酌情使用官方语言,专业术语。

  2.清晰有重点。一句话表达主题,排版上减少多余的文字,将次要的点进行浓缩或舍弃,通篇反复阐述核心重点。

  3.本着符合展现设备的尺寸设计每一屏的画面比例。PC为主的横屏设计,手机端为主的竖屏设计。

  4.有逻辑。每一屏呈现的内容和顺序理应是有依有据梳理出来的,每一个卖点也应有逻辑支撑,使得感知更强,可信度更强。

  5.有感知。卖点应与买家的利益或场景有关,可通过细节放大,具象描述,场景拍摄,情绪塑造等方式来提升信息的传递效率。

  6.灵活多变。可利用以上五点自由组合,适时穿杂一些目的性手段,诸如活动促销,品牌传递,竞争区隔,优惠信息等,来使详情的效果朝着我们期待的方向发展。

  三、领域钻研,积累属于自己的案例库。

      长期学习,主观设计。这种比较适合专业从事电商工作的美工。能通过对自身产品的感知,与设计学知识高度的融合起来。凭借长期积累的案例框架,行业经验。融合自己的理念和对消费者的理解,打造出更具穿透力的视觉,往往更让人震撼。


  视觉的修行,穿插了文案、摄影、设计、营销、心理等很多的学科。是一条漫长的路。也值得每一个运营人去探索和敬畏。

  以上就是优漫教育小编为大家介绍的“UI设计培训】:UI设计中的详情页怎么设计?”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解,并能快速掌握ui设计!