淘宝2017设计升级:手淘首次以设计为主导的版本升级
(3)淘宝品牌色(基础色)的渐变使用 (4) 缤纷多彩的渐变使用 2、浏览舒适:视觉扁平、视觉呼吸、简明统一、节奏韵律、高效浏览 (1)视觉扁平 梳理手淘框架结构及表现层,整体视觉框架尽可能扁平处理,减少多余元素,用颜色和模块区分出不同层级的内容,能用一层元素区隔就不用第二层。比如信息卡片去掉了阴影,分割线减少及统一浅色值,板块分割统一参数这些细节,让内容更清爽的呈现,让用户清晰关注到不同即可。 (2)视觉呼吸 图文组合板块适当增加空间,调整到最舒适平衡的视觉结构,有视觉呼吸感,让用户在购物浏览时处于高效及相对舒适状态。比如像我的淘宝改版,设计师进行的视觉呼吸的常态工具卡系列设计,就很符合设计理念。 我的淘宝内容卡片 (3)简明统一 不增加结构的复杂性,不增加用户的认知成本,整体保持一致的韵律感。一个页面 3 个以内版式最为合宜。尽量将同类型场景、内容模版统一,达到简明统一的效果。比如行业模块入口的统一方式,解决用户对同类型内容的认知。比如微淘的内容流卡片大结构的统一富文本不同的变化。 首页业务入口卡片(概念稿) 微淘内容流卡片 (编辑:开发网_开封站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |