Complexion Reduction—一种超过极简的UI美学新风潮正流行硅谷www.316.net亚洲必赢

正文编译自 Swarm UX/UI 设计师 Michael(Michael) Horton 发表在 Medium
上的小说《Complexion Reduction: A New Trend In Mobile
Design》,随笔解剖了正风靡硅谷科技圈的 UI 设计美学新风潮——Complexion
Reduction,并交给了哪些创制一款「Complexion Reduction 」美学风格 App
的顶点指南。

正文由作者Michael(Michael) Horton授权 
「墨刀」翻译,先发在墨刀博客,如需转载,请联系墨刀微信公众号「modaoapp」。

4,大面积的留白区域。

改版后的 Instagram,Airbnb 和 Apple Music UI
界面风格:更简化的界面颜色,更大更优秀的标题字体,以及更简化的图标。

1,请制伏用色

最后再来看看 Apple Music 的统筹改版,即便改版涉及 UX
更新和其余新职能,但设计师最关怀的如故计划性美学方面的。正如 Macworld
的消息记者 Caitlin McGarry 说的那么,全新的
look,巨大的卡片,加大加粗的字体,简洁干净的反动背景,让唱片封面展现出来。

Michael(Michael) 第一次注意到这种作风是在 Instagram 发表了新的UI。

哪些制作一款「Complexion Reduction 」风格的 App 呢?请看「Complexion
Reduction 」美学的巅峰指南:

特种的图标才是展现个性和品牌的地点,因而,在图标上加一些亮色的要素能让你的出品越来越独立。

greatappstimeline 网站截图

原文Complexion Reduction: A New Trend In Mobile
Design

注:渐进式简约,英文为 Progressive Reduction,它是指 UI
界面设计中,随着用户对产品的熟习程度大增而进展渐进式地简化立异。这背后的视角非凡简单,
可用性是一个动态的对象,用户对利用的领会程度将随时间渐渐加深,因而用户界面也不可能不依此即时更新。(图:http://creo.co.uk
)**

「Complexion Reduction 」到 底 是 什 么 鬼?

是不是听起来很熟识?是的, 前面讲的 Instagram 和 Airbnb
的改版关键词也是加大加粗的字体、黑白
UI、简洁干净的背景、以及效率和内容的突显。

细心看看,确实能从中看到有些相似性。相比方面四个页面,新版中字体加大、加粗,去掉了不必要的图纸和颜色,简化了图标,更加好认。黑白色
UI,突显内容,效用清晰。

译文:Complexion
Reduction—一种超越极简的UI美学新风潮正流行硅谷

这 意 味 着 什 么?

和风尚圈一样,科技圈也是一个追逐风尚,相互影响的行当。这象征继这 3
家明星设计公司随后,我们猜度将会有越来越多的 App
将会积极性拥抱这种新的宏图风潮,不久你会发觉各类亮色系 icon
像BellFast克一样充满你的 一加 首屏。

3,图标 look 三要素:简洁、纤瘦和好认

图标不要加颜色,从左至右图标排序最好为:HOME
键、搜索、主操作键盘、二级操作键、个人资料。

接下来我们再来看 Airbnb
的改版,有四遍打开的时候突然发现,咦,怎么这样熟识,好像在何地见过。这不就跟
Instagram 一样嘛。

莫不你会问,「Complexion Reduction
到底是何等鬼?我怎么从来没听过?」其实这是 迈克尔(Michael) Horton
生造的一个词,用来描述近年来面世在移动设计领域的新风潮,姑且翻译成肤色简约。它和大热的扁平设计不同,也不是指极简风,当然更谈不上是
「渐进式简约」 。

www.316.net亚洲必赢,译文:

2,标题字号「大」、「黑」、「粗」

说到这边,插一则安利,向我们推荐一个网站——greatappstimeline。在互联网科技行业的新生态之下,产品的迭代和嬗变速度变得越来越快,每四遍改版几乎都是“大手术”,在这样的背景下,出现了greatappstimeline这样一个网站,通过记录互联网现存非凡产品的外观设计,让我们看尽互联网产品更迭变迁史。

5,闪闪发亮的 App 图标

「Complexion Reduction 」美 学 的 终 极 指 南

犹如下面图例中呈现的一致,标题字体增添 20 到30
的像素,这样看起来会有一种厚重 feel。

三倍甚至是四倍的留白。

不论你是支撑仍旧反对,无疑,这将是计划性领域涌起的一股具有前瞻性的新风潮。产品设计流程正摆脱以前这种单纯、各司其职的宏图思路,向真正以用户为着力的全部性设计流程方向前进,这是一种更加健康的思绪。

倘诺您对设计美学丰裕敏锐,你会发觉似乎又有一种新的计划风潮正在硅谷设计圈蔓延发酵。不仅仅是
Instagram,Airbnb ,连 Apple Music
也先导拥抱这种计划风格,证据就是这几款明星 APP
改版后的用户界面彰显出一些一样的特质:更是简化的界面颜色,更大更非凡的题目字体,以及更简化的图标。而那种风格就是被
Swarm UX/UI 设计师 Michael Horton 称作 「Complexion Reduction」
的宏图美学风潮。

有人觉得 Complexion Reduction 是极简设计风格在移动端的延伸演变,但
迈克尔(Michael)认为,明显这种作风独具更为由此可见的表征,即更简化的界面颜色,更大更优秀的题目字体,以及更简化的图标。最终促成众多采用在作风上尤其趋同,不知情的还以为是同一家产品的吗。

黑白色之外,最四只可以多加一种颜色,用来携带用户展开操作。最好是能让 App
的内容本身来为产品增多亮色。

作者:Michael Horton

绝对而言以上两个页面,我们发现,新版中去掉了原先顶栏、底栏的深蓝、黑灰背景观,并简化了图标。新版只保留黑白两色,粗体字标题,优异了内容和功用,一目领悟。

往日的产品设计流程一般是这么的,UX 设计师或者产品经营画完流程图,丢给 UI
设计师,让他「整个漂亮的。」然后就是设计师花时间为界面添加、去除,调整颜色…可是,最佳方案或者只需要一个原型图,就能掌握无误地把团结的急需和设法传达给无论是产品经营、UI
设计师仍然其别人。在现今更是讲究全体性的统筹流程的动向下,UX 和 UI
设计师的无尽变得愈加模糊,设计师不再关注细节部分,而是着眼全体,为用户打造最佳的出品。

如此清新简洁的界面设计显然更受人欢喜,不由得令人想起另一个黑白色系的网站
Medium。从 2012 年上线以来,Medium
就一向是走黑白色系,之后的每五回改版都在做减法。现在回忆起来,Medium
应该是践行 「Complexion Reduction 」
的开拓者,不过当下还没形成浪潮,也未曾这个词。