设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 数据 手机 公司
当前位置: 首页 > 运营中心 > 产品 > 正文

淘宝2017设计升级:手淘首次以设计为主导的版本升级(2)

发布时间:2017-03-15 21:34 所属栏目:30 来源:淘宝用户体验设计
导读:(3)淘宝品牌色(基础色)的渐变使用 (4) 缤纷多彩的渐变使用 2、浏览舒适:视觉扁平、视觉呼吸、简明统一、节奏韵律、高效浏览 (1)视觉扁平 梳理手淘框架结构及表现层,整体视觉框架尽可能扁平处理,减少多余元素,用

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

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

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

(1)视觉扁平

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

(2)视觉呼吸

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

我的淘宝内容卡片

(3)简明统一

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

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

微淘内容流卡片

(编辑:ASP站长网)

网友评论
推荐文章
    热点阅读