设计目标

这套组件库的目的,主要是为了给团队是使用 Element 系列框架的设计师提供帮助,第一优先级是让初级需求可以直接上手搭建,其次照顾定制化需求修改使用。

基于让初级需求可以直接上手搭建的前提,组件库设计应该尽量还原线上版本,避免和线上不一致导致的协作问题。
例外情况:
确实需要优化的点,可以讨论后,按优化方案设计。

详细原则

在实际的项目决策过程中,我们经常无法确定哪个决策才是最合适的,从而陷入无止境的争论,得不到一个有效的结论。所以我们需要设计原则来制定一个所有人都接受的共同立场,大家在碰到冲突的时候能够基于这个准则快速的得出结论并且做出决策。
以下的设计原则优先级依次递减,如果原则互相冲突的场景,以遵循更高优先级的原则为准。

来自文章中的观点
被忽略的设计原则(二)

清晰 Clarity

用户需要清晰的完成任务,达成目标。如果我们能够通过不断的让用户成功的达到目标,那么我们会赢得他们的信任,忠诚和感谢。所以把这个原则放在第一位。

清晰明确

设计中减少不确定的因素,减少用户判断次数。操作直观,语言表达清晰且表意明确,让用户快速理解进而作出决策。

层级分明

明确区分信息的层级,让用户操作的目的性更明确。

识别而非回忆

界面简单直白,让用户快速识别而非回忆,减少用户记忆负担。 来源于尼尔森用户体验十大原则:Help users recognize, diagnose, and recover from errors ( 帮助用户识别,诊断,并从错误中恢复)

高效 Efficiency

来源于尼尔森用户体验十大原则:Flexibility and efficiency of use ( 灵活性与使用效率)
这是个在用户嘴里被不断重复的高频词。本来我们想把它放在第一位,但是我们还是决定把它放在第二位。因为我们注意到一个问题:一个命令行对于一个专家级用户来说是很棒,但对新手来说就晦涩难懂了。如果我们把高效做到极致,那我们大部分用户将会不知所措,他们会不断的犯错,并且因此耗费大量时间。所以高效是第二位的。

简化流程

设计简洁直观的操作流程;

模块化设计

将复杂或者重复出现的局部封装成模块,提供有限接口与其他模块互动,最终全面减少系统的复杂度,进而增进可靠性以及可维护性。设计者可运用现有的组件/模板或者自行抽象可复用的组件/模板,节约无谓的设计且保持系统一致性,让「设计者」把创造力专注在最需要的地方。

面向对象

探索设计规律,并将其抽象成「对象」,增强界面设计的灵活性和可维护性,同时也减少「设计者」的主观干扰,从而降低系统的不确定性。例如:色值换算、间距排版。

一致 Consistency

来源于尼尔森用户体验十大原则:Consistency and standards (一致性与标准)
无论是构建用户的直觉,还是设计师遵从设计规范,一致性非常重要。如果把一致性排第一,系统会因为创新被遏制而止步不前。如果有个设计很棒但是违反了一致性怎么办?所以我们把一致性放在第三位。

与现实生活一致

与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念;

在界面中一致

所有的元素和结构需保持一致,比如:设计样式、图标和文本、元素的位置等。

可控 Controllability

来源于尼尔森用户体验十大原则:User control and freedom (允许用户控制,并且自由控制)
用户的对系统的控制,优先级高于系统给用户的反馈。

用户决策

根据场景可给予用户操作建议或安全提示,但不能代替用户进行决策;

结果可控

用户可以自由的进行操作,包括撤销、回退和终止当前操作等。

灵活

设计的灵活性,是否有多种加减方式,哪加哪减都行。

扩展

设计的扩展性,是否有足够的加减空间。可以变化为更多形态。

美观 Beauty

简洁优雅

通过简洁优雅的设计传达对人们时间和注意力的尊重。
追求简洁优雅的设计风格,拒绝无意义的元素堆砌。

韵律

设计系统和音乐谱曲一样有着韵律之美,对每个信息模块的排版的考量,对元素之间重复与对比等规律的潜在追求与把握, 构成UI设计中的韵律之美。悦耳的韵律使得用户能够根据习惯轻松的完成任务。
例如:4.8.12.16这样 4 倍数递增的数据有一种重复的韵律之美。
等差等比数列带来的韵律。
大大小小参差不齐的韵律之美的另一个关联的点是诗词的格律,平平—仄仄—平和平平—平—仄仄。
还可以扩展了解的:音乐中的韵律之美的视觉化。比如跳动的音频波形。

适度装饰

通过加入情感化的插图、合理的动效,去感知用户的情绪变化,让产品触及用户的内心。
合理的增加各种装饰元素。
还包括改变元素的原有属性,比如改变文字的粗细、大小、颜色来装饰画面。