加入收藏 | 设为首页 | 会员中心 | 我要投稿 开发网_开封站长网 (http://www.0378zz.com/)- 科技、AI行业应用、媒体智能、低代码、办公协同!
当前位置: 首页 > 运营中心 > 产品 > 正文

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

发布时间:2017-03-16 01:47:07 所属栏目:产品 来源:淘宝用户体验设计
导读:副标题#e# 面对互联网产品的日益变化和用户的不断成长,淘宝在经历了移动互联网爆炸式的发展后,是时候全面升级了。寒冬已过,杨柳夹岸,艳桃灼灼,迎着春天的气息我们向用户呈现出一个全新的手淘客户端,期望向他们传达新的品牌理念,配合更流行的观感和更

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

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

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

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

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

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

(1)视觉扁平

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

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

(2)视觉呼吸

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

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

我的淘宝内容卡片

(3)简明统一

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

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

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

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

微淘内容流卡片

(编辑:开发网_开封站长网)

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

热点阅读