HOME/Articles/

clean

Article Outline

Product Design: 设计的感觉 - 整洁

整洁

整洁(clean)延续了简化、内容为主的设计理念,是建立在合理性之上的美学协调。整洁作为一种极简主义,更能让高端用户喜欢。

Less is more

by Ludwig Mies van der Rohe

留白

一次偶然的机会,我在 Instagram 上关注了一个非常善于采用过曝做到 Clean 感觉的女神:hx1125

我非常喜欢她那些在白色的背景上只摆着一两件东西的感觉,这种满足感和多年前翻开原研哉先生的《设计中的设计》时极为相似。

这种设计如此慷慨地把画面让给了需要我们去注意的信息上。我想 Clean 这种设计语言的灵魂也正是如此 —— 少即是多。

在我刚做设计的时候,潜意识总会驱使我去填满整个画面,那种感觉就是 —— 没塞满就是没设计过。后来,随着我做的设计越来越多,我开始更多的关注画面的比例,协调性,不再去想如何塞满整个画面,而开始去想怎么让画面更少一些元素,最好是选择一款合适的字体,一个合适的字号,一个合适的颜色,只有文字,那真是太美了。

大概在一年前,我设计过一个从未拿来用的名片。没使用的原因是因为这个设计需要非常有质感的纸张,以及非常精巧的印痕才能体现它的美感,但是我不知道去哪里能做到这种效果,只好一直封存在我的 Dropbox 里。

没有手机号,没有二维码,没有地址,只有 Twitter 和 Email,没办法,我觉得这样最纯粹,可能和我那个没有消失殆尽的不群之心有关。

后来我尝试了一个竖版的名片设计

衬线字体的优雅和稳重似乎始终是我在文字排版中的挚爱。

整洁的 App 设计

ifanr 有一款非常非常 Clean 的 App —— 数读,我对这款 App 真是一见钟情。后来,在我的一款 App Coinsman 中,我也运用了这种设计方式。

这两款 App 都采用了强信息驱动的设计方式,数读中最重要的就是那个点睛的数字,在 CoinsMan 中最重要的就是当前的价格。把它们用最大字号放在中间无疑是 最好的选择,其他一切信息都不要来抢这个关键信息的聚焦区间。

数读的中央数字下面的点睛文字用了远小于主体的字号,而 CoinsMan 在最高 和最低这两个价格上,也是用了小字号,而我觉得还不够,我还降低了它们的不透明度,最后选定在 60% 左右。

元素的主次关系

在数读中,下面有一段灰色的文字,是全文的开头,点击这里并往上滑动可以 看到全文信息,全文的文字颜色也会增强为黑色。在 CoinsMan 中,下面的 5 分钟交易量柱形图也是明显暗于价格波动 5 分线的,而所有元素都小于屏幕中间的数字。

这就是元素的主次关系,也是设计非常非常重要的一点 —— 永远不要让不同级的东西看起来一样

如果发生了这种永远不该出现的情况,那么这个界面看起来就是一场灾难。

小结

  • 留白来帮助聚焦最重要的信息
  • 关键色的谨慎选择
  • 拥有唯一的主体