loading请求处理中...

详情页应该怎样设计

2021-12-03 01:14:33 阅读 8056次 标签: 详情页设计 作者: 陈先生12121

详情页是电商设计的一个重要组成部分,好的详情页会给带给用户更流畅的视觉体验、更直观的产品信息、亮点等等,也有助于提升交易的达成率。一般详情页包括海报、商品信息、尺码规格、模特展示、实物图、细节图等六个重要的元素。今天给大家分享一期如何做好电商详情页。

详情页应该怎样设计

定风格

接到需求和文案后了解产品风格和用途,确定整体风格。如产品的属性、产品功能等。如果产品没有特定的风格属性,可以根据目标销售人群、季节、节日或主题活动来定。这里以“小白鞋”为例。

通过图片和文字的组合,能够更加直观的看到产品的外观,通过点缀元素文字能够向买家展示产品的功能及优点。

找参考

站酷、花瓣、优设网等国内优秀的设计交流平台,看类似的产品详情页设计的风格,突出卖点的方法、大致的排版和配色。在选择产品配色时,一定要结合产品的特点和店铺的整体风格,只有掌握这两点,顾客才会对店铺产生高度认知。以“服装”为例。

找素材

这里给大家分享3个特殊的素材,这类素材主要运用在家居生活类的产品。

  • 手势素材(拿、擦、点)

这些手势在很多详情页中都会出现,为什么要用这些手势,只是单纯的好看吗? 其实不然,在视觉上,这些手势使得画面更加生动、有立体感、有层次感,让作品更饱满、更出彩。对于用户而言,可以更加深刻地体会到产品是有温度的、可操作的、更真实、更容易理解,所以对于交易的达成以及加深用户对产品的了解也更具说服力。

  • 植物素材

植物主要起装饰作用,用于家居类产品。在视觉层面显得更有层次感、画面也更饱满。植物的运用并不是随便使用的,而是与海报氛围、文案都紧密相关,形成了很好的呼应、装饰作用。

我们常用的植物元素可以是清晰的,也可以模糊处理,只要与画面整体气质相符,可以根据实际情况灵活使用。

  • 肌理素材

肌理素材对于提升作品细节感、层次感、出彩度以及饱满度都有很大的帮助。

确定构图方式

常见竖向海报构图形式主要有以下几种↓↓↓

这三种构图形式看似简单,实则兼顾了手机端的很多必要点,比如:视觉的流畅度、整洁度、辨识度、用户的接受度等等,详情页设计在构图及版式方面并不需要很复杂,反而干净整齐的画面更易于视觉表达,也更利于手机端展示。

文案在配图下半部分的这类构图相比而言用的少一些、也难把控一些,当然用的好了在版式上会有打破、眼前一亮的视觉感受,只是这类构图不宜多用,完整的详情页中出现 1~2次即可。而左右式配图加文案的形式是比较常用的。

详情页中每一屏的构图其实并不难,完全可以把这六种构图形式当做公式,需要哪种直接套用其结构就可以。另外配图形式可以分为三种:全屏、半屏、透明图,具体的构图形式需要结合画面整体的重心、留白、美观度决定。更通俗一些的话,构图就可以理解为填空,内容就往空的地方填,注意好适量的留白。

修改并优化

通过适当修改,把自己认为不好看的那部分进行调整。 详情页中最重要的三点内容: 第一对比其他品牌,找到他们没有强调过的用户痛点解决方案。 第二不要试图让人人都满意,有人爱便宜、有人爱质量,不能全部迎合,全部迎合就是没有特点,详情页好不好, 主要还是看 点击率、转化率。 第三,树立产品自己的标准,宣扬与竞争者不同的地方。

案例分享

详情页中要善于运用图标元素,因为这些元素具有装饰性的特点,对于详情页版式的活跃以及设计感提升都有很大的帮助。形式主要为:水印、与产品穿插、作为主体信息使用等等。

Tag: 详情页

设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
相关任务
DESIGN TASK 更多
为APP设计一款logo

¥1200 已有192人投标

JHM 图形LOGO设计

¥500 已有20人投标

商标创意设计

¥3000 已有8人投标

淘宝首页设计

¥100 已有2人投标

菲林排版设计

¥300 已有0人投标

台球馆服装设计

¥300 已有3人投标