我是如何設(shè)計(jì)著名音樂(lè)軟件Spotify里的圖標(biāo)

2018-01-23 1888 0
編者按:本文的作者是設(shè)計(jì)師Jon Hicks,是原文所在網(wǎng)站HicksDesign的創(chuàng)辦人和設(shè)計(jì)主導(dǎo)者,網(wǎng)站的The Hickensian欄目記錄了Jon的設(shè)計(jì)歷程和經(jīng)驗(yàn)總結(jié),非常值得閱讀。本文就是Jon參與設(shè)計(jì)著名音樂(lè)軟件Spotify圖標(biāo)集的過(guò)程,其中打磨圖標(biāo)的思路,和細(xì)節(jié)處理的手法非常值得學(xué)習(xí)。閱讀愉快。
去年秋季,著名音樂(lè)軟件Spotify主管設(shè)計(jì)師聯(lián)絡(luò)的Andreas Holmstrom同我聯(lián)系上,問(wèn)我是否有興趣參與他們的新版圖標(biāo)集的設(shè)計(jì),并與他們正在重新設(shè)計(jì)整個(gè)Spotify軟件的設(shè)計(jì)團(tuán)隊(duì)協(xié)同合作。作為一個(gè)狂熱的樂(lè)迷,我其實(shí)是已經(jīng)用了6年Spotify的重度用戶(hù)了,我必須抓住這個(gè)機(jī)會(huì)!坦率的說(shuō),我通過(guò)Spotify發(fā)現(xiàn)的音樂(lè)遠(yuǎn)遠(yuǎn)多于我通過(guò)其他媒體挖掘到的。
一個(gè)月之前,整個(gè)重新設(shè)計(jì)項(xiàng)目基本完成,我終于有機(jī)會(huì)將這次難得的設(shè)計(jì)體驗(yàn)寫(xiě)下來(lái),分享給大家。
發(fā)現(xiàn)階段(Dsicovery Phase) 通常,我喜歡將這種大型的圖標(biāo)設(shè)計(jì)項(xiàng)目開(kāi)始的階段稱(chēng)之為“發(fā)現(xiàn)階段”,因?yàn)樵谶@個(gè)環(huán)節(jié)我會(huì)找來(lái)許多不同的圖標(biāo)進(jìn)行觀察,發(fā)掘其中的設(shè)計(jì)方法,隱喻以及風(fēng)格。同時(shí),這些現(xiàn)成的案例也會(huì)確保我們?cè)O(shè)計(jì)圖標(biāo)集的時(shí)候能保持正確的大小、格式以及命名方式。在設(shè)計(jì)過(guò)程中,我同來(lái)自Spotify設(shè)計(jì)團(tuán)隊(duì)的Andreas、Stanley、Daniel 和 Sebastian一起合作,共同完成了新的圖標(biāo)集。我們的職責(zé)是設(shè)計(jì)出一套簡(jiǎn)約,圓潤(rùn),友好,直觀,又不顯得可愛(ài)幼稚的圖標(biāo)。與此同時(shí),這套圖標(biāo)的設(shè)計(jì)風(fēng)格還要兼顧到Spotify現(xiàn)有的品牌元素,圖標(biāo)風(fēng)格,以及Spotify重新設(shè)計(jì)所用的Proxima Nove字體。 動(dòng)手設(shè)計(jì)的時(shí)候,我們是從專(zhuān)輯、藝術(shù)家、合集(用戶(hù)自己的音樂(lè)合集)、發(fā)現(xiàn)、播放列表、個(gè)人資料和音樂(lè)臺(tái)這些主要欄目的圖標(biāo)設(shè)計(jì)開(kāi)始的。
在設(shè)計(jì)過(guò)程中,一大挑戰(zhàn)就是要展現(xiàn)的很多現(xiàn)實(shí)中并不存在的元素。當(dāng)然,諸如音樂(lè)播放控制這樣的操作是有現(xiàn)成的隱喻和通用的圖標(biāo)樣式的,但是實(shí)際存在的音樂(lè)又該如何呈現(xiàn)呢?Spotify擁有巨大的音樂(lè)庫(kù),但是并沒(méi)有一個(gè)足以代表它的圖標(biāo)和外觀。 我們有個(gè)早期的想法是使用一個(gè)標(biāo)志性的音樂(lè)專(zhuān)輯封面來(lái)當(dāng)作音樂(lè)瀏覽的圖標(biāo)——比如 平克?弗洛伊德 的專(zhuān)輯《Dark Side of the Moon》的封面。
不過(guò)我們未曾采納這種設(shè)計(jì)方案。在接下來(lái)的設(shè)計(jì)中,我們參考了黑膠和CD的外觀,它們相似的外觀可以抽象到圖標(biāo)設(shè)計(jì)中來(lái)——都是一個(gè)方塊內(nèi)兩個(gè)圓。比起之前的設(shè)計(jì),我們認(rèn)為這樣的設(shè)計(jì)更簡(jiǎn)約也更有用。尤其是瀏覽圖標(biāo)(這個(gè)我最喜歡了)與這個(gè)圖標(biāo)有著內(nèi)在的關(guān)聯(lián),令人想起唱片在唱機(jī)里悠悠旋轉(zhuǎn)的過(guò)去。懷舊?的確,好在用它做隱喻還沒(méi)有像代表Email的信封icon一樣廣泛普及。
我們還曾嘗試過(guò)其他的有關(guān)音樂(lè)的隱喻,比如用樂(lè)隊(duì)的歌單、卡帶式混音器來(lái)做播放列表的圖標(biāo),或者基于通行證的外觀來(lái)設(shè)計(jì)個(gè)人資料的圖標(biāo)。雖然使用混音器來(lái)作為圖標(biāo)是非常老派而獨(dú)特的設(shè)計(jì),但是更加簡(jiǎn)約通俗的音符的形象更接近大眾的認(rèn)知和普遍認(rèn)同的常識(shí)。
 
13
評(píng)論區(qū)(0)
正在加載評(píng)論...