如何設(shè)計(jì)出Apple Design Award獲獎(jiǎng)的應(yīng)用?

首先,請(qǐng)?jiān)试S我聲明,我個(gè)人從未獲得過(guò)蘋(píng)果設(shè)計(jì)獎(jiǎng)(ADA),事實(shí)上這個(gè)享有盛譽(yù)的獎(jiǎng)項(xiàng)每年只頒發(fā)給世界少數(shù)應(yīng)用程序設(shè)計(jì)師和開(kāi)發(fā)者。

但對(duì)于一名設(shè)計(jì)師來(lái)說(shuō),獲得ADA獎(jiǎng)杯意味著設(shè)計(jì)成就的巔峰。用蘋(píng)果的話(huà)說(shuō),ADA認(rèn)可“開(kāi)發(fā)者的藝術(shù)創(chuàng)造性和技術(shù)成就,他們?cè)谔O(píng)果平臺(tái)上的設(shè)計(jì)、創(chuàng)新和技術(shù)都是最好的。”

那么,怎樣才能獲得這些夢(mèng)寐以求的榮譽(yù)呢?

當(dāng)2018年的ADAs發(fā)布時(shí),我決定不再糾結(jié)于蘋(píng)果的選擇,而是從數(shù)據(jù)中尋找答案。

為此我下載了從2014年開(kāi)始的每一款獲獎(jiǎng)應(yīng)用,然后刪除了其中的33個(gè)Mac OS或游戲軟件,專(zhuān)注于其中26個(gè)iOS APP的研究。我分析了每一款A(yù)PP的設(shè)計(jì)特點(diǎn),尋找模式和線(xiàn)索,確實(shí)找到了很多。我想,或許我可以揭開(kāi)設(shè)計(jì)一個(gè)獲獎(jiǎng)應(yīng)用的秘訣。

參與研究的26個(gè)獲獎(jiǎng)應(yīng)用如下:

- 2018 -

Agenda?—?A new take on notes By Momenta BV

Bandimal By Yatatoy

Calzy By Waplestuff

iTranslate Converse By iTranslate

Triton Sponge By Guass Surgical, Inc

 

- 2017 -

Lake?—?Coloring Book By Lake Coloring

Bear By Elegant writing

Kitchen Stories By AJNS New Media

Things 3 By Cultured Code GmbH

Elk By Clean Shaven Apps

Enlight By Lighticks Ltd

Airmail 3 By Bloop SRL

 

- 2016 -

Complete anatomy By 3D4Medical.com, LLC

Streaks By Crunchy Bagel

Zova By Zova

Ulysses Mobile By Ulysses GmbH & Co, KG

Auxy By Auxy AB

Djay Pro By Algoriddim GmbH

 

- 2015 -

Metamorphabet By Vectorpark Inc.

Robinhood By Robinhood Markets

Workflow / Shortcuts Acquired by Apple

Pacemaker BY Pacemaker Music AB

 

-2014 -

Panoperfect By Halfpeeled LLC

Yahoo News Digest By Yahoo

Storehouse?—?Visual Storytelling By Storehouse

Skyguide By Fifth Star Labs LLC

在Apple的WWDC大會(huì)中,ADA的演講者在描述他們所尋找的東西時(shí),會(huì)拋出“創(chuàng)意”、“原創(chuàng)性”和“創(chuàng)新”等詞。

我很想知道這些流行語(yǔ)中有多少真的適用于那些獲獎(jiǎng)?wù)摺?

所以我決定基于以下五個(gè)關(guān)鍵特征來(lái)衡量每個(gè)應(yīng)用:

App Store主要類(lèi)別

應(yīng)用目的

界面設(shè)計(jì)風(fēng)格

創(chuàng)新水平

配色方案

通過(guò)分析每一個(gè)應(yīng)用并給他們打分,我希望能發(fā)現(xiàn)一些共同的主題和趨勢(shì)。

不可否認(rèn)的是,我選擇的衡量標(biāo)準(zhǔn)并不是100%量化的,一些讀者可能不同意我的一些評(píng)估,但我會(huì)盡力解釋任何可能引起爭(zhēng)議的評(píng)分。

 

類(lèi)別

- APP STORE主要類(lèi)別

這一特點(diǎn)是完全客觀的,其結(jié)果如下:

生產(chǎn)力:6

音樂(lè):3

照片和視頻:3

教育:2

旅游:2

醫(yī)療:2

健康與健身:2

其他:6

在App Store類(lèi)別中,生產(chǎn)力以絕對(duì)的優(yōu)勢(shì)領(lǐng)先,占據(jù)了超過(guò)23%的地位。音樂(lè)、照片和視頻以11.5%的得票率位居第二,教育、醫(yī)療、健康和健身以及旅游的得票率均高于平均水平,為7.7%。

在過(guò)去的5個(gè)ADA頒獎(jiǎng)典禮中,有4個(gè)都是關(guān)于提高工作效率的應(yīng)用,而在2017年,有多達(dá)3個(gè)這樣的應(yīng)用獲得了獎(jiǎng)項(xiàng)。

 

APP目的

在這里,我并沒(méi)有對(duì)每個(gè)獲獎(jiǎng)應(yīng)用進(jìn)行詳細(xì)的解釋?zhuān)强偨Y(jié)了它們的實(shí)際目的。ADA獲獎(jiǎng)?wù)咦畛R?jiàn)的應(yīng)用目的如下:

- 筆記類(lèi)

Agenda (2018)

Bear (2017)

- 清單類(lèi)

Things 3 (2017)

Streaks (2016)

- DJ工具

Djay Pro (2016)

Pacemaker (2015)

- 音樂(lè)創(chuàng)作

Bandimal (2018)

Auxy (2016)

如果我們把筆記應(yīng)用和清單類(lèi)應(yīng)用放在一起,它們占總獲獎(jiǎng)APP數(shù)量的15.3%。如果我們把DJ工具和音樂(lè)創(chuàng)作應(yīng)用放在一起,它們也占總數(shù)量的15.3%。在所有獲獎(jiǎng)應(yīng)用中,沒(méi)有其他任何應(yīng)用目的比例超過(guò)3.8%。

Agenda

 

界面設(shè)計(jì)風(fēng)格

界面設(shè)計(jì)風(fēng)格比前兩個(gè)特征更加主觀,對(duì)于我所使用的術(shù)語(yǔ)進(jìn)行分類(lèi)可能會(huì)有一些爭(zhēng)議,但希望大多數(shù)讀者能在大體上同意我所使用的描述。

在對(duì)UI樣式進(jìn)行分類(lèi)時(shí),我使用了以下標(biāo)記。請(qǐng)注意,有時(shí)會(huì)使用多個(gè)樣式標(biāo)簽來(lái)描述一個(gè)應(yīng)用程序。

- Clean white

一種非常干凈和簡(jiǎn)單的設(shè)計(jì)風(fēng)格,文本、圖標(biāo)和圖像在一個(gè)平坦的白色背景中。大多數(shù)社交網(wǎng)絡(luò)都使用這種設(shè)計(jì)風(fēng)格。

- 扁平化

一種常見(jiàn)的、現(xiàn)代風(fēng)格的界面設(shè)計(jì),指的是去掉多余的透視,紋理,漸變等等能做出3D效果的元素。讓"信息"本身重新作為核心被凸顯出來(lái)。

- 極簡(jiǎn)主義

注重效率而非視覺(jué)吸引力的風(fēng)格。不混亂,非常友好。

-留白

強(qiáng)調(diào)在任何給定的頁(yè)面上保持大量的空白空間,并且只顯示任何給定時(shí)間所需的最低限度的控件。

-矢量

矢量圖形和插圖的使用。

- 擬物態(tài)

一種設(shè)計(jì)風(fēng)格,從現(xiàn)實(shí)世界的物體中獲取線(xiàn)索并模仿它們,給用戶(hù)一種熟悉感。史蒂夫·喬布斯特別喜歡這種風(fēng)格。

- 攝影風(fēng)格

著重利用攝影圖像的設(shè)計(jì)。

- 線(xiàn)條圖形

使用線(xiàn)條藝術(shù),一般形成界面的結(jié)構(gòu)或簡(jiǎn)單地裝飾它。

- 3D渲染

著重于使用3D渲染的設(shè)計(jì)。

- 可愛(ài)

使用可愛(ài)的角色和其他插圖元素。

經(jīng)過(guò)對(duì)每個(gè)app的分析,最終統(tǒng)計(jì)如下:

毫無(wú)疑問(wèn),Clean white成為這些獲獎(jiǎng)應(yīng)用中最常見(jiàn)的設(shè)計(jì)風(fēng)格。自從2013年蘋(píng)果的iOS采用這種風(fēng)格(或之前的微軟(Microsoft))以來(lái),這種趨勢(shì)就變得越來(lái)越強(qiáng),絲毫沒(méi)有放緩的跡象。

對(duì)我來(lái)說(shuō),Clean white設(shè)計(jì)是我發(fā)現(xiàn)的最大的驚喜。它受到了社交網(wǎng)絡(luò),文字編輯和郵件客戶(hù)的廣泛歡迎。但與此同時(shí),它也代表了缺乏創(chuàng)造力,創(chuàng)新和創(chuàng)意,事實(shí)上,蘋(píng)果用這樣的流行語(yǔ)來(lái)描述他們?cè)贏DA獲獎(jiǎng)?wù)呱砩蠈ふ业臇|西,這在我看來(lái)是自相矛盾的。

我所能得出的結(jié)論是,這些得獎(jiǎng)作品的總體用戶(hù)體驗(yàn)和技術(shù)創(chuàng)新肯定超過(guò)了這種缺乏視覺(jué)吸引力的設(shè)計(jì)風(fēng)格對(duì)用戶(hù)的影響。令人欣慰的是,在2018年,只有一名ADA獲獎(jiǎng)?wù)卟捎昧薈lean white風(fēng)格設(shè)計(jì)。

在前幾年,大量使用攝影照片也很受得獎(jiǎng)?wù)邆儦g迎,但在2018年中這種現(xiàn)象就幾乎看不到了。

有趣的是,在這個(gè)列表上已經(jīng)不存在的兩個(gè)應(yīng)用程序(Yahoo News Digest和Storehouse Visual storystory),它們都有大量的圖片界面設(shè)計(jì)。

在其最大的傳播者史蒂夫?喬布斯(Steve Jobs)于2011年去世后,曾經(jīng)輝煌的擬物風(fēng)格似乎也遭遇了類(lèi)似的命運(yùn),在近五年的Apple最佳應(yīng)用中,這種風(fēng)格只在2006年的Dj混音模擬器Djay Pro中出現(xiàn)過(guò)一次。

Djay Pro(2016年獲獎(jiǎng)?wù)撸?/span>

 

由于設(shè)計(jì)趨勢(shì)是不斷變化的,所以我將2018年的獲獎(jiǎng)應(yīng)用進(jìn)行了細(xì)分,以便了解ADA獲獎(jiǎng)應(yīng)用目前的設(shè)計(jì)趨勢(shì)。

結(jié)果(如下)表明,扁平化和極簡(jiǎn)設(shè)計(jì)成為了最新的贏家,占據(jù)了70%的獲獎(jiǎng)界面設(shè)計(jì)標(biāo)簽。其中以扁平化為主要設(shè)計(jì)趨勢(shì)。并且在過(guò)去幾年占據(jù)主導(dǎo)地位的Clean white界面風(fēng)格已在2018年退居次要。

 

創(chuàng)新水平

這一特征也將成為一些讀者爭(zhēng)論的焦點(diǎn)。為了評(píng)估這些應(yīng)用程序的創(chuàng)新水平,我考察了三個(gè)不同的創(chuàng)新領(lǐng)域;界面設(shè)計(jì)創(chuàng)新、用戶(hù)體驗(yàn)創(chuàng)新、技術(shù)創(chuàng)新。我的分?jǐn)?shù)將是這些不同評(píng)分的平均值。

- 2018

Agenda?—?A new take on notes: 2

Bandimal: 4.5

Calzy: 2.5

iTranslate Converse: 5

Triton Sponge:5

- 2017

Lake?—?Coloring Book: 2.5

Bear: 2

Kitchen Stories: 1.5

Things: 3

Elk: 3

Enlight: 3.5

Airmail: 3

- 2016

Complete Anatomy: 5

Streaks: 3.5

Zova: 1.5

Ulysses Mobile: 2.5

Auxy: 3

Djay Pro:2

- 2015

Metamorphabet: 5

Robinhood: 2.5

Workflow / Now Shortcuts: 5

Pacemaker: 4

- 2014

Panoperfect: 2.5

Yahoo News Digest: 5

Storehouse-Visual Storytelling: 3.5

Skyguide: 5

數(shù)據(jù)顯示,至少在一個(gè)領(lǐng)域有較高水平的創(chuàng)新似乎是ADA獲獎(jiǎng)?wù)叩囊蟆km然完全的原創(chuàng)性并不重要,但與原先的應(yīng)用之間的改進(jìn)程度是一個(gè)極其重要的因素。

無(wú)論是在技術(shù)、視覺(jué)設(shè)計(jì)、還是用戶(hù)體驗(yàn)上,Apple都在尋找能夠推動(dòng)這種藝術(shù)形式向前發(fā)展的應(yīng)用。有趣的是,創(chuàng)新需求在2016/2017年似乎略有下降,但在2018年有所回升(見(jiàn)下圖)。

Bandimal(2018年得獎(jiǎng)應(yīng)用)

 

配色方案

雖然顏色并不是一個(gè)起決定性作用的因素,但我很想知道蘋(píng)果在選擇ADA獲勝者時(shí)是否偏愛(ài)某些特定的顏色。

在這里,樣本數(shù)量是非常重要的,不過(guò)即使是在這26個(gè)應(yīng)用程序中,也揭示了一些未來(lái)的流行趨勢(shì)。

為了更清晰的看到答案,我合并了彼此相似的顏色。當(dāng)一個(gè)應(yīng)用程序使用了太多的照片內(nèi)容,以至于照片本身成為了該應(yīng)用程序配色方案的一個(gè)關(guān)鍵組件時(shí),我將其作為一種顏色包含進(jìn)來(lái)。

正如你將在下面的圖表中看到的,黑色和白色顯然是非常流行的顏色。有趣的是,自從2014年的四名獲獎(jiǎng)作品都使用了大量的照片后,高水平的照片質(zhì)量就大幅下降了。2018年,所有獲獎(jiǎng)應(yīng)用程序都沒(méi)有在配色上使用高水平的圖片內(nèi)容。

2014年,ADA獲獎(jiǎng)應(yīng)用中的照片比白色或黑色更受歡迎。在2015年和2017年,白色背景更受歡迎,在2016年和2018年中黑色背景勝出,所以在Apple的評(píng)委眼里,我并沒(méi)有看到有任何特定的喜好。

iTranslate Converse(2018年獲獎(jiǎng)?wù)撸?/span>

就特色顏色而言,橙色和黃色似乎是2018年最大的贏家,主要是因?yàn)樗鼈冊(cè)趇Translate Converse中占據(jù)主導(dǎo)地位。但在2018年之前,藍(lán)色通常是獲獎(jiǎng)應(yīng)用中最常見(jiàn)的色彩。雖然藍(lán)色也出現(xiàn)在2018年的獲獎(jiǎng)應(yīng)用中,但它們通常更加柔和,不那么飽和。

總的來(lái)說(shuō),在過(guò)去的五年里,ADA獲勝應(yīng)用中最流行的顏色如下:

評(píng)估結(jié)果

要想了解如何設(shè)計(jì)一個(gè)能獲得蘋(píng)果設(shè)計(jì)獎(jiǎng)的應(yīng)用程序,我們必須全面地看一看數(shù)據(jù)。通過(guò)檢查每個(gè)標(biāo)準(zhǔn)的分析結(jié)果,我們可以更好地了解ADA獲獎(jiǎng)應(yīng)用的關(guān)鍵要素是什么。

- 分類(lèi)

生產(chǎn)力:生產(chǎn)力應(yīng)用占所有獲獎(jiǎng)應(yīng)用的23%,是最有可能贏得ADA大獎(jiǎng)的類(lèi)別。音樂(lè)和攝影應(yīng)用程序的可能性是第二高的。

- 目的

筆記:用于記筆記、待辦事項(xiàng)列表、DJ工具和音樂(lè)創(chuàng)作的APP比其他用途更有可能獲得ADA認(rèn)證。

- 設(shè)計(jì)風(fēng)格

扁平化:考慮到當(dāng)前的趨勢(shì),扁平化設(shè)計(jì)無(wú)疑是最可能為你贏得ADA的UI設(shè)計(jì)風(fēng)格。

- 創(chuàng)新水平

4/5 +:無(wú)論是技術(shù)、用戶(hù)體驗(yàn)還是視覺(jué)設(shè)計(jì),你必須確保你的應(yīng)用中有至少一個(gè)領(lǐng)域的高水平創(chuàng)新。

- 配色方案

根據(jù)目前的趨勢(shì),我認(rèn)為最有可能在一眾參賽作品中脫穎而出的配色方案是:黑色作為背景顏色,橙色和白色作為次要的顏色搭配黃色和淺藍(lán)色。

總結(jié)

雖然一個(gè)能令應(yīng)用贏得ADA大獎(jiǎng)青睞的特定因素是不可能用有限的可用數(shù)據(jù)集來(lái)確認(rèn)的。但是,對(duì)ADA評(píng)委們過(guò)去喜歡的特性有一個(gè)廣泛的了解是一件非常好的事請(qǐng)。鑒于贏得這些“獨(dú)角獸”榮譽(yù)的難度之高,我們身為設(shè)計(jì)師應(yīng)當(dāng)盡可能多地使用幫助和洞察力。

 

 

作者:Joseph Russell 原文地址:https://uxdesign.cc/what-it-takes-to-win-an-apple-design-award-c4648b10d2f

翻譯:BIGD(ID:bigdcc)

每天更新,
全站高品質(zhì)素材免費(fèi)下載!