5年繪制30000圖標,我們從中都學到了些什么?

編者按:Icon8 是一個專注于圖標設計的團隊,流行、規范、迎合需求的圖標是他們一直在設計的東西,勤奮、堅持和協作是這個團隊最令人側目的品質。5年繪制了超過3萬個圖標,這里面不僅僅有實實在在的產品,而且擁有經驗與思考~

每天堅持不輟地畫圖標連續5年,我們所得到的不僅僅是30000個圖標而已。這5年時間里,我們借助圖標重新認識了這個世界,明白了人性,也懂得了更多的知識和趨勢。圖標并不僅僅是草稿、PS、AI、Sketch 中的圖案,它其中蘊含的信息和道理也已經超越了圖形本身。

人們到底想要什么?

正如同我們所知道的,圖標設計師常常會按照流行趨勢來做圖標設計。那么這些所謂流行的圖標到底是哪些呢?對,不是UI圖標,不是設置,不是菜單的漢堡圖標,都不是,流行的趨勢和需求是蝙蝠俠的圖標,超人的圖標,蜘蛛俠的圖標,閃電俠的圖標,等等等等。

5年繪制30000圖標,我們從中都學到了些什么?

大量這樣的需求堆積在我的面前,從我們第一天開放申請的時候就源源不斷。當其他類型的圖標設計需求需要花費3~4天的時間票選出來的時候,這類超級英雄或者帶有流行元素的圖標通常在幾個小時之內就能擁有極高的支持率。

身為圖標設計師的我對此并無芥蒂,但是有一個問題相當現實:幾乎沒有人在他們的項目中使用這些圖標。以下面三個常見的圖標為例子來說明吧:

5年繪制30000圖標,我們從中都學到了些什么?

在實際的下載數量上,同那些超級英雄類的圖標對比一下:

5年繪制30000圖標,我們從中都學到了些什么?

這幾個圖標無疑和流行毫不沾邊,但是再對比一下“設置”和“刪除”這倆圖標和超級英雄類圖標的對比情況吧:

5年繪制30000圖標,我們從中都學到了些什么?

所以,看看這個局面,我們也應該開始直面這個殘酷的現實了:人們總是為他們所喜愛的東西投票,而非他們需要的東西。所以,對于這些奇幻/科幻/魔幻題材的圖標投票中加入了一票否決的權限,而我的客戶們也并沒有為此抱怨,至少表現出了理解與支持。

無論如何,那些已經畫出來的圖標終歸是有用的,至少我明白了蝙蝠俠VS超人的圖標可以用在什么地方:

5年繪制30000圖標,我們從中都學到了些什么?

眾口難調,如履薄冰

在一個陽光明媚的早上,我們收到了這樣一條回復:

“數以千計的圖標中僅僅只有一個黑人圖標,這樣的事情太種族主義,簡直荒謬!”

5年繪制30000圖標,我們從中都學到了些什么?

而事實上我們最初壓根就沒有種族歧視的想法,無意冒犯,我們也從未有過任何不良的意圖。

注:有趣的地方在于,在過去的5年當中,從未有客戶在“求圖標”的過程中對于圖標角色的膚色有過任何要求。在成千上萬的客戶需求當中,僅僅是在客服回復中看到了這么一條回復。

5年繪制30000圖標,我們從中都學到了些什么?

后來我們發現,不僅僅是圖標可能會冒犯用戶,命名也是一件棘手的事情。有一次,我們看到了這樣的回復:

“我找不到任何女經理圖標,能否幫我做一個?”

所以我們幫她做了一個,圖標長這樣:

5年繪制30000圖標,我們從中都學到了些什么?

然后事情很快向著糟糕的方向發展了。我們將這個圖標命名為“Administrator Female Icon(女性管理員圖標)”,這個命名徹底惹怒了前來求助的女性用戶。并不是每個女性都是長發,領帶成了性別歧視,而管理員這一詞成了羞辱。于是乎,我們為此而道歉了。

實際上我們最終既沒有改名字,也沒有改圖標。命名的時候我們參考用戶搜索的相關數據,用戶常常會搜“User Female”、“Woman”和“Aeministrator”,并且從未有人用“Strong independent Woman(強大獨立的女性)”這樣的關鍵詞來搜圖標。如果你真的用這個作為關鍵詞來搜的話,不好意思,你會非常失望的。我們唯一做的事情就是添加了一些搜索標簽。

但是我們不得不這么做——我們應當盡量滿足廣大普通用戶的需求,而不是為了幾個人的特定需求而去調整。

當關注我們的人越來越多的時候,我們就自然而然地被置于聚光燈之下了。當有人開始在我們的作品當中挑種族主義和性別歧視的刺的時候,也意味著我們已經足夠有影響力了。我們很高興能幫大家解決各種問題,至少幫助絕大多數的客戶設計出足夠滿意的圖標。

不止是圖標設計

對于我們而言,5年時間里積累的不僅僅是3萬多個圖標,還有50多次設計沖刺,代碼提交也超過了7000次,喝掉了不計其數的咖啡。

10年以前,很多團隊中銷售人員是設計師人數的三倍,但是在今天,我們的網站都已經放棄Wordpress ,甚至自己開發完整、系統的圖片庫服務了。

下面略顯單調的代碼提交量的統計數據,也反映出設計師和程序員之間日漸深入、緊密的合作關系。

5年繪制30000圖標,我們從中都學到了些什么?

所以,我們現在擁有的開發者已經是設計師的三倍了。

需求越是復雜,溝通過程中難以回答的問題就越多。這也使得我們在一年前推出了基于聊天的服務支持。最初這項服務是以“Help Me To”的形式而存在,隨后迅速成為整個社區的支柱服務之一。

5年繪制30000圖標,我們從中都學到了些什么?

在這項服務中我們從用戶那邊獲得了超過3000條回復,這些寶貴的信息讓我們覺得,在同客戶的互動過程中,不僅僅是我們為客戶提供服務,我們從客戶那里獲得的價值同樣多。

我們的團隊中有開發者,設計師,技術支持團隊,運營和內容管理,我們圍繞著項目協同合作,我們所面臨最大的困難依然是讓這個20+人的遠程協作團隊能如臂使指,對,我們的成員都身處世界各地。

我們會盡量使用遠程敏捷開發流程來搞定我們的工作。

雖然這樣的方法通常適用于軟件開發團隊,但是它同樣適用于我們這樣的設計師+開發者團隊。為此我們使用過各種各樣奇怪的方法來搞定協作。

我不知道我們這樣20人的奇怪團隊應該如何界定,遠程的多元化專業團隊?也許“部落”是一個很好的稱謂。我們緊密團隊,樂于助人,是一個有趣的“部落”。

流行趨勢有沒有影響我們?

可以說,是流行趨勢成就了我們 Icons8。

5年繪制30000圖標,我們從中都學到了些什么?

這幅圖所展現的就是我們這5年來繪制圖標的積累過程,不過我們具體繪制的內容并不能由此進行體現。

2011年11月。此時移動端應用像洪流一樣淹沒整個世界。在此之前,圖標大多數應用在桌面平臺上,也就在此時,作為一個剛剛起步的團隊,我們決定為Windows 8 推出一組包含 153 個圖標的合集壓縮包,而這個起點,也是我們團隊 icons8 的來源。

5年繪制30000圖標,我們從中都學到了些什么?

2012年9月。越來越多的設計師和開發者開始轉向移動端平臺,iOS 圖標比以往任何時候都火爆。我們已經為已有的各種圖標繪制 iOS7 的版本,同時每天繪制更多的圖標,以Windows 和iOS兩個平臺、兩種版本和格式來呈現。

5年繪制30000圖標,我們從中都學到了些什么?

2013年5月。越來越多的用戶開始呼吁我們關注高速發展的Android。為此我們也做到了,我們開始繪制符合Android 平臺標準的圖標。

2014年11月。Google 發布了Android 的新版本,Lollipop,也就是Android 5.0。在幾個月的時間內,我們為每一個舊版本的Android 圖標繪制了新的版本,并且當我們采用新的圖標版本的時候,依然保留了舊版圖標的下載,以供參考。

5年繪制30000圖標,我們從中都學到了些什么?

2015年5月。我們開始引入擁有我們自己風格的Color icons。我們并不是讓圖標單純意義上變為彩色的,而是開發出屬于我們自己的圖標設計規范。這是我們第一次真正意義上走出大平臺所劃定的圖標使用規范的界限,你很快會明白它的意義。

5年繪制30000圖標,我們從中都學到了些什么?

2015年7月。Windows 10 發布,但是新的系統并未提出新的設計規范,所以我們自己制定了一套:

5年繪制30000圖標,我們從中都學到了些什么?

2016年3月。新的Office 發布,同樣沒有標準,所以我們自己又一次自己動手豐衣足食:

5年繪制30000圖標,我們從中都學到了些什么?

坦率的講,我也不知道什么樣的應用會用史塔克家族的家徽作為圖標,不過我們還是做了一個。

5年繪制30000圖標,我們從中都學到了些什么?

所以,我們一直在緊跟趨勢。那我們的客戶是否同樣如此呢?

5年繪制30000圖標,我們從中都學到了些什么?

我們可以看到,Android 平臺的應用數量和iOS平臺的應用數量幾乎持平。

5年繪制30000圖標,我們從中都學到了些什么?

但是兩個平臺上的圖標的下載數量差了整整四倍。

為何會如此呢?

·復雜的圖標在iOS上看起來更好,并且不論大小看起來都不錯,簡約的Material Design 風格的圖標被放大的時候,看起來就非常奇怪了。當用戶預覽的時候會拿大圖標來進行對比,而非小圖標。
·蘋果公司不僅展示設計趨勢,而且積極推動它的發展,而谷歌則更多的是拿出一套能夠滿足開發者90%需求的東西出來,可以說這依然是趨勢和實用性之間的戰爭。
·直到最近Android 平臺才開始通過建議的方式來推動 Material Design 的發展,而iOS則依然堅持讓每個APP看起來更加原生
·iOS 應用在利益促使之下讓開發者尋求更加專業的圖片素材,而Android 平臺下開發者更傾向于使用較為常見的庫。

那么下面,讓我們站的更高來看看大局吧:

5年繪制30000圖標,我們從中都學到了些什么?

紅色的柱狀圖為我們的Color icons。數據表明,我們所推的windows 、Android、Offcie 的圖標正在變得越來越流行,而它們所遵循的是我們自己所制定的圖標設計規范。

這也就意味著,人們確實只是喜歡它們的外觀。那么他們為何會選擇這些“規范化”的圖標呢?

·它們賦予APP以更原生的外觀
·它們看起來更加一致
·它們更容易被替換

這些圖標并沒有規定死只能在某個平它上使用,實際上它們的適用范圍非常廣泛。

結語

有位智者曾經說過,比起一年做十件事情,花十年專注于一件事情會更有價值。雖然這個說法略顯極端,但是用在我們自己身上正好合適。即使是每天畫圖標,5年的時間讓我們足以明白很多道理,學會足夠的知識。

【技多不壓身的設計師才有高薪資!】

  1. 平面設計:《超贊!設計師完全自學指南》
  2. 交互設計:《交互設計師修煉指南!教你從零開始成為優秀交互設計師》
  3. UI設計:《超實用新手指南!零基礎如何自學UI設計?》
  4. 前端開發:《天貓高手來教你!零基礎如何系統地學習前端開發?》
  5. 摳圖技巧:《從菜鳥到高手!PHOTOSHOP摳圖全方位攻略》
  6. 配色方案:《色彩搭配速成!3個實用方法幫你全面搞定配色》
  7. DPI指南:《基礎知識學起來!為設計師量身打造的DPI指南》
  8. 交互設計自學路徑圖:《零基礎入門!給非科班生的自學路徑圖之交互設計篇》

原文地址:Icon8
原文作者:Icon8
優設譯文:@陳子木

5年繪制30000圖標,我們從中都學到了些什么?

本文由優設網原創翻譯,請尊重版權和譯者成果,轉摘請附上優設鏈接,違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量150萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

收藏 19
點贊 1

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。