淘宝2017设计升级：手淘首次以设计为主导的版本升级

(3)淘宝品牌色(基础色)的渐变使用

(4) 缤纷多彩的渐变使用

2、浏览舒适：视觉扁平、视觉呼吸、简明统一、节奏韵律、高效浏览

(1)视觉扁平

梳理手淘框架结构及表现层，整体视觉框架尽可能扁平处理，减少多余元素，用颜色和模块区分出不同层级的内容，能用一层元素区隔就不用第二层。比如信息卡片去掉了阴影，分割线减少及统一浅色值，板块分割统一参数这些细节，让内容更清爽的呈现，让用户清晰关注到不同即可。

(2)视觉呼吸

图文组合板块适当增加空间，调整到最舒适平衡的视觉结构，有视觉呼吸感，让用户在购物浏览时处于高效及相对舒适状态。比如像我的淘宝改版，设计师进行的视觉呼吸的常态工具卡系列设计，就很符合设计理念。

我的淘宝内容卡片

(3)简明统一

不增加结构的复杂性，不增加用户的认知成本，整体保持一致的韵律感。一个页面 3 个以内版式最为合宜。尽量将同类型场景、内容模版统一，达到简明统一的效果。比如行业模块入口的统一方式，解决用户对同类型内容的认知。比如微淘的内容流卡片大结构的统一富文本不同的变化。

首页业务入口卡片(概念稿)

微淘内容流卡片

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!