首页 > 网页教程 > 设计分享 > 电商设计:如何提升详情页设计效果?

电商设计:如何提升详情页设计效果?

时间:2019-10-04    来源:美工美邦

从事电商方面的设计师,详情页设计可以说是必修课。好的详情页会给带给用户更流畅的视觉体验、更直观的产品信息、亮点等等,也有助于提升交易的达成率。正是如此,所以很多商家不惜重金请设计师为其打造爆款产品的详情页,由此可见详情页在电商设计中的重要程度。本期和大家一起分析总结:如何把详情页做得足够出彩,详情页做不好需要从哪些方面进行提升?

构图形式

目前被认可的一种详情页设计形式是分屏式,就是按照手机端设计思维,以一屏为单位制作,最后整合成一个完整的详情页,这种形式有助于提升视觉流畅度及内容识别度,所以我们可以将每一屏都当作一张海报来制作。而说到海报,就离不开设计构图。

详情页的构图与传统的 PC 端海报有所不同,因为详情页设计更注重手机端,所以一屏的内容又可以看做是手机端竖向的海报。而一幅出彩的海报,必然需要优质的骨架。

那么常见竖向海报构图形式有哪些?下面为大家总结了几种在详情页设计中比较实用的构图形式:

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

这三种构图形式在详情页中使用频率是非常高的,下面我们看几组案例:

看似简单的构图,反而在详情页设计中非常实用,仅靠这三种构图,完全可以做出很优秀的详情页。另外还有一些从这三类衍生的构图形式,也比较常用:

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

详情页的构图不宜太复杂,这六种构图形式完全够日常工作,只需选取其中 1-3 种构图形式交替使用即可。以上构图示例中标识的装饰元素可以是线条、英文、图标、数字、实物素材等等,也可以选择不使用,具体情况根据配图的留白以及重心灵活使用即可。

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

当透明图作为配图时,不管哪种构图形式都有可能出现空的现象,这时我们可以用一些具有装饰性的数字、英文、线条、形状、文字等等进行填充。举例说明:

案例中的文字、数字与产品相互结合,既解决了空的问题、提升了整体的饱满度,又在形式上做到的新颖、有创意。构图形式与前面所说的皆能吻合。

相关推荐
平面设计与网页设计的差异性浅析
网站设计教程分享 回归内容“简洁大气”设计指南
优秀网页/平面设计师是怎样炼成的
平面设计中关于控制视觉层次的设计方法
网站Banner广告设计经验谈
一个设计师的成长:或许要经历的5个阶段
关门涨姿势!如何从AV封面中学习平面设计?
10个简单实用的平面设计方法分享
学多不如错少!五个最常见的设计思维误区
精彩总在下半夜:如何从AV封面中学平面设计
字体设计教程:字体还能这么玩 聊聊文字的“性取向”
读懂十大未来设计趋势,别让你的设计白费力气
为什么页面跟设计稿差距这么大?是啊!为毛啊?
UI、UX傻傻分不清楚?来一份清晰详尽的设计师分工指南
亲历者说!日本的平面设计水平为什么这么高?
年度总结:最新视觉设计六大趋势分享
设计师实战总结:如何自学平面设计?
创意思维:如何进行封面设计?
设计分享:新手如何快速入门版式规划?
什么是构图?设计都有那些构图原则?
9个案例让你了解版式设计的基本规则
12个让数字更具设计感的实用方法分享
电商设计:5个快速进阶的电商Banner设计技巧
从人性的角度,揭露电商Banner设计背后的14个秘密
电商设计:韩国电商BANNER的构图/配色/元素/应用分析
电商产品设计感想:你真的认识购物车吗?
电商商品详情页如何通过设计提升转化率?
电商设计教程:电商APP首页设计总结
垂直电商APP首页设计总结
电商设计:用可视化编辑,解构看起炫酷的专题页面
设计一个优秀的电商网站需注意那些方面?
分享:如何才能让你的设计作品耐看?
淘宝品牌名店的BANNER广告设计评价及分析(2)
扁平化风格的网页设计案例欣赏

精彩推荐

热门教程

网站地图 七星彩开奖时间登入 七星彩开奖时间登入 易博天下登入
申博菲律宾申博客服 老虎机娱乐登入 菲律宾申博申博开户 太阳城申博娱乐平台
印象彩票直营网 澳门太阳城网址 永利现金网直营网 拉菲娱乐官网
易博彩票注册登入 威尼斯人有多少被黑的登入 澳彩网彩票app下载登入 特彩吧天空彩票登入
特彩吧天空彩票登入 七星彩票开户登入 金巴黎彩票app下载登入 易博彩票网登入
167sunbet.com DC359.COM 165sun.com 18888shenbo.com 179SUN.COM
787XTD.COM 238PT.COM S618E.COM 883XTD.COM 967SUN.COM
8WJS.COM 697XTD.COM 508XTD.COM 66TGP.COM 989XTD.COM
8HBS.COM 157ib.com 6666XSB.COM 8NTS.COM 178sunbet.com