实例演示!“设计规范”没有你想象的那么重要(附常用设计规范) - 优设网 - UISDC

实例演示!“设计规范”没有你想象的那么重要(附常用设计规范)

2017/04/12 15256评论区

很多设计师的入门都是从设计规范开始,我也不例外。无线当道的时代,两大移动系统 iOS、Android 都为设计师提供了详尽、完善、高质量的设计准则:《iOS Human Interface Guildeline》以及《Material Design》。

我们经常听别人说某种设计风格、规范是“设计语言”,比如 Google 的 Material 设计语言。有没有想过,为什么用“语言”来描述设计规范?

我的解读是:因为设计规范其实是在某种条件限定下,对设计的穷举和设限。

不要一听到“设限”就感到反感。

道理很简单,就像26个英文字母和88个钢琴琴键一样,有限的个体可以组合出无限的事物。设计语言就是如此,在统一的风格下给予色彩、元素、功能组件,像乐高积木般让用户拼出各种各样的产品、界面。

说了这么多,似乎所有设计师都认同规范和设计语言的重要性,但我今天想说的,恰恰是——设计语言没有你想象的那么重要。

先来看一个例子

这是网易严选中的两个页面截图,分别是首页焦点图和详情页的商品图。可以看到,焦点图的轮播指示器和商品图并不是一种样式。

经常买买买的用户可能知道,很多商品图也会采用左边的方式设计指示器,比如天猫淘宝就是。

在某设计师的产品分析中提到了这个问题,他认为同样是多张图片的指示器,不应该采用不同的交互组件,应当换成统一的一种。原因是,建立并遵循统一的交互规范可以降低用户认知成本、复用组件提升开发效率。

乍一看很有道理,也是很多培训、讲座中所教大家的必须遵循设计规范,以及那诸多好处。但实际上,问题却比想象得复杂。

我先来问一个问题:上面例子中,两个指示器为什么要统一成一种?

你可能会回答我要建立、遵循统一的交互规范。

那么,为什么要在这两个完全不同的场景下建立使用同一套规范?如果我不说,有多少用户能够发现这两者的交互视觉差异?即便发现了差异,是否会因为差异带来了额外的认知成本,进而降低了购买效率?

如果你只认“必须遵循交互规范”的道理,可能无法回答我的问题。

事实上,两个截然不同的场景就完全没有必要“统一”。

对于首焦图来说,往往是运营配置的,可以人为保障100%不出现单张图的情形,所以,采用多点式的指示器没有任何问题。但是想象一下,如果只有一张图呢?这对商品图来说是非常有可能发生的。

不用多说,上图的对比就说明了问题所在。

退一万步来说,即便商品图像天猫淘宝一样要求传多张,两个场景使用不一样的组件,但这两个组件都能够被用户所理解,我同样觉得没有任何问题。

再来看第二个例子

在 Android 设计语言中,有这样一个大家都很熟悉的东西,通常用于某种行为后的反馈通知,它叫做 Toast:

在 iOS 的设计语言中,是没有叫做 Toast 的组件的,只有相近的 Alert:

它们的区别在于,Toast 存在几秒钟后自动消失,Alert 则需要用户手动点击才可以关闭。场景上,Toast 给予一些非常轻量的信息,并不打断用户主任务;而 Alert 常用来传递重要的消息,必须让用户停下其他工作仔细查看。

但相信所有 iOS 用户都在自己手机的应用中见过 Toast 这个组件吧?无非它不是出现在屏幕底部,而是屏幕中间。比如天猫:

显然,对 iOS 的设计来说,同样存在轻量型消息提醒的诉求,那么好用的 Toast 自然被大家广泛地应用了起来,而不会过分在乎 iOS 规范中没有提到它。

以上两个例子,我只是想说明一个问题,那就是不要盲目遵循规范。我们应当从用户场景和实际情况出发,选取能解决问题的设计方案。

设计规范的价值不言而喻,除了保障统一的用户体验和认知,还能够通过工程师代码层面的组件化提高开发、设计效率。相信在所有公司和团队,规范建立都是非常有价值但也非常耗费资源的一件事。

但尤其在大型设计团队,设计师和业务线众多,想要在这么多人的工作中穿插一套完整、高效的规范,绝非易事。正因为如此,在规范设计时,一定要考虑实际场景,千万不能生搬硬套。

文章最后,分享几个设计规范使用中的注意点,供参考:

第一、在讨论问题时,尽量从场景和问题的角度出发,而不是拿规范当挡箭牌。如设计师挡需求时,经常用不符合设计规范为由拒绝产品经理的要求。但殊不知,规范是为了业务场景而服务,如果某种设计能够解决某个问题,并不带来新的损失,破坏规范又有什么问题呢?

第二、如果对规范的挑战合理,不妨快速更新你的规范和组件。这点很容易理解,规范不是一成不变的,当场景发生变化,自然应该把那些可能经常被用到的设计组件沉淀下来,让它成为规范的一部分;

第三、学习规范的思想方法,而不是盲目崇拜规范。在做设计时,规范了然于胸没有任何问题,但也应该思考是否有更优秀的解决方案。规范不是圣经,如果仅仅只会用规范,你就成了规范的奴隶,丧失了更多好设计和好灵感。

P.S. 一些我常用的设计规范:

Introduction – Material design

iOS Human Interface Guidelines

Ant Design

Fontshop Styleguild

作者王镇雷,天猫交互设计师,最近联合优设做了一个付费社群,包括每周话题分享+每日交互分析。想参与的可以加微信号:Valjean-7 咨询哟.

镇雷的微信公众号:

「如何看懂iOS 10 的设计规范指南」

  1. 看趋势变化丨《从IOS 10设计指南变化看设计的新趋势》
  2. 看交互启示丨《从IOS 10 的交互设计中学到的3个设计启示》
  3. 看使用方法丨《一份超详细的「IOS 10 UI KIT」使用手册(附源文件)》

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量190万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/design-guideline-not-important

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

界面设计 设计圈干货 排版布局 版式设计 职场 优设专访 优设大课堂 设计达人 设计师干货 web前端开发 配色 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 海报设计 设计规范 设计趋势 用户体验设计 动效设计 logo设计 平面设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里