loading请求处理中...
广告位招商×
当前位置: 首页 > 威客攻略 > 详情页设计

详情页应该怎样设计

2019-11-18 15:05:23 阅读 28735次 0 标签: 详情页设计 作者: 陈先生12121

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

定风格

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

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

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

找参考

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

详情页应该怎样设计

详情页应该怎样设计

找素材

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

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

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

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

  • 植物素材

详情页应该怎样设计

详情页应该怎样设计

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

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

  • 肌理素材

详情页应该怎样设计

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

确定构图方式

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

详情页应该怎样设计

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

详情页应该怎样设计

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

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

修改并优化

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

案例分享

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

详情页应该怎样设计

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

扫码,回复【创业】领取

免费送您一份创业礼包!

从0到1,解锁创业全套秘籍

帮你避开创业那些坑

设计、开发、营销需求

扫描左边二维码

免费获取咨询和方案报价

公司推荐

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

留言(0 展开评论

您需要注册登录才能发表言论

快速发任务

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

官方顾问免费为您解答

 
详情页设计相关任务
DESIGN TASK 更多
食品专卖店门头设计

¥600 已有62人投标

协会LOGO徽标设计及标准字

¥500 已有2人投标

h5小游戏UI设计

¥10000 已有7人投标

企业商标LOGO设计

¥800 已有21人投标

骷颅头复古 潮牌图案设计

¥300 已有0人投标

心理倾诉app logo设计

¥500 已有23人投标

消费品牌LOGO设计

¥1200 已有83人投标