[译文] 去形式化——移动设计新趋势

我们已经住在一个“干净极简”的世界有一段时间了,那么接下来呢?

在过去的几个月,一些创新设计的业界领袖已经将“极简设计”推向另一个境界。 Facebook 、 Airbnb 和 Apple 已经跟随一个相类似的蓝图来简化主要产品,这种方式就反映出了移动设计“去形式化”的新趋势。

究竟什么是去形式化?

你说从没听说“去形式化”?好吧,这是因为我刚把这个术语杜撰出来。最近我注意到区别于扁平设计、极简设计以及流程简化的新趋势。有些人可能认为这只不过是极简设计运用于移动领域的下一阶段,但是我却要说这个东西可能更加不同一点。一些特别的共同点和特征点能够定义这个新趋势。所以我觉得为它取名。我可以这么干,对吧?

这些横扫硅谷的热门新趋势的定义特征是:

1. 更大更粗的标题

2. 更简单更通用的图标

3. 色彩抽取

结果呢?一些我们最喜欢的应用的界面开始看起来越来越像是他们可能都来自同一个品牌。

证据

我最开始注意到这个趋势是在五月初(2016) Instagram 发布他们重新设计的界面时。

Instagram 的新界面

这次重新设计的一些变化包括:去掉了很多在这个应用中多次出现的蓝色和深灰、加粗标题以及简化底部导航和图标。留下的是黑白的界面和搭配加粗的标题,这样一来内容就让内容明显而且功能更加清晰了。我欣赏这种不那么杂乱的界面,它让我想起了一个我已经钦佩了很久的平台—— Medium 。 Medium 从2012年就开始使用这种黑白形式,并且每次重新设计都会减少一些杂乱;显然 Medium 就是一个去形式化的领军者。恭喜 Medium !

就在 FB 的人揭露出 Instagram 的样子后,很快我打开 Airbnb 并且被他们之间的相似度惊讶到了。这是他们在四月(2016)发布了新设计后我第一次看这个应用,然而我却感觉早就看过了。

Airbnb 的新界面

Airbnb 重新设计的界面甚至没有得到一个月后 Instagram 新设计得到的媒体关注(可能一部分原因是这个新界面没有搭配上一个漂亮的新应用图标),但是它的确是遵从了很多相似的去形式化的策略。

这个移动新设计带来更大更粗的标题,去掉了不必要的图片和色彩并且简化了他们的图标使其看起来更具普遍的识别性。留下来的是非黑即白的界面,让内容更加明显并且功能更加清晰。

苹果是最后一个设计师们开始着迷于去形式化运动的例子。这个月初(2016),在苹果全球开发者大会上,这个科技巨人宣布了一系列令人兴奋的消息让消费者们翘首期盼,包括发布了 iOS 10 ,对此他们的配音是“史上最大的 iOS 发布!”(或者至少是自从 iOS 8 以来因为它也被称为“史上最大的 iOS 发布!”)。

Apple Music 的新界面

有一条公告特别吸引我的目光,那就是 Apple Music 的重新设计。虽然最终要的几个设计点是体验提升和功能新增,视觉方面却是我注意到的第一件事。 Macworld 的作者 Caitlin McGarry 将这个视觉更新描述得很好:“这是一个全新的样貌,巨大的卡片、粗大的文字和清晰的白色背景都让专辑艺术更加注目。”

听起来是不是很相似?这个设计与 Instagram 和 Airbnb 的蓝图有些微的区别 (他们用的都是空心图标! Apple 你肿么了!)但是关键元素还在这里:大而粗的标题,黑和白的界面。

那这又意味着什么?

就像我先前提到过的,这意味着原来越多的你喜欢的应用将会看起来更相似。为什么?就像那句话一样,技术就是一个抄袭传奇。那些得到广泛正面评价的新设计(有些人在抱怨哪些新的黑白界面缺乏个性但是他们很快就会放弃的,你打开一个应用是为了它的功能而不是个性)所以我期待新老应用都开始跳入这个去形式化的潮流来。

这意味着你的 iPhone 主屏幕将会只是一个将你送往欢乐谷的彩色魔方大门。

去形式化的界面设计

现在,不论你赞同还是反对这种单色时尚,这已经毋庸置疑地成为了一个进步的信号。产品设计的进程正在从老旧的鼓励累赘设计的分隔手法发展并进化到了真正关注用户总进程上。在老的产品设计过程中一个界面设计师可能在设计框架时被体验和产品以“让它更漂亮”的指令束缚。这样设计师就会花费很多时间来增加颜色、去除颜色、修改颜色,然而最好的解决方式可能早就摆在他们面前……那就是线框图!在如今相互交融的设计过程中,体验和界面设计师之间的界限愈来愈模糊,设计师们变得不那么担心他们的特殊职责(像是让它更漂亮)并且关注与为用户创造最好的产品这个终极的目标上【译者:难道不是赚钱创造价值吗 → v → ?】。

去形式化的终极指南

那么你对去形式化已经足够确信并且准备好跳入这一潮流了吗?很好,跟随这些指南,你立即就能创造出能够得奖的应用。

1. 去掉色彩。OK,你可以有一个颜色,但是非常谨慎地使用它来指示行动。一切最好都是黑色和白色。让应用的内容本身带来色彩。

2. 更大、更粗、更黑的标题。你看到这里的标题了吗?用 20 到 30 像素来让它看起来更大。

3. 简单、纤细、可识别的图标。你的图标最好是能够通用并且没有颜色限制。并且如果你想要通过从左到右的排序来传达含义可以这样做:首页、搜索、主操作、副操作、信息。

4. 两倍,不,三倍增加空白区域。也许甚至是四倍。这么做一定不会错。

5. 让你的应用图标更加明亮。如果你想要补偿性地设计一点闪亮鲜艳的东西,那么就放在应用图标里吧。这才是展示个性和品牌的地方,让它更加与众不同!


未经允许请勿转载

原文:Michael Horton 的 Complexion Reduction: A New Trend In Mobile Design


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,684评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,143评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,214评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,788评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,796评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,665评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,027评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,679评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,346评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,664评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,766评论 1 331
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,412评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,015评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,974评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,073评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,501评论 2 343

推荐阅读更多精彩内容