亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

@陳子木 編者按：本文的作者是設(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的重度用戶了，我必須抓住這個(gè)機(jī)會(huì)！坦率的說(shuō)，我通過(guò)Spotify發(fā)現(xiàn)的音樂(lè)遠(yuǎn)遠(yuǎn)多于我通過(guò)其他媒體挖掘到的。

關(guān)于圖標(biāo)設(shè)計(jì)，下面的文章值得一讀：
《漲姿勢(shì)！這些LOGO背后的含義你未必知道》
《經(jīng)驗(yàn)分享！IUNIOS1.0 ROM設(shè)計(jì)總結(jié)》
《再不知道字體圖標(biāo)就落伍啦！字體圖標(biāo)制作詳解》

一個(gè)月之前，整個(gè)重新設(shè)計(jì)項(xiàng)目基本完成，我終于有機(jī)會(huì)將這次難得的設(shè)計(jì)體驗(yàn)寫下來(lái)，分享給大家。

發(fā)現(xiàn)階段（Dsicovery Phase）

通常，我喜歡將這種大型的圖標(biāo)設(shè)計(jì)項(xiàng)目開(kāi)始的階段稱之為“發(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í)候，我們是從專輯、藝術(shù)家、合集（用戶自己的音樂(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è)專輯封面來(lái)當(dāng)作音樂(lè)瀏覽的圖標(biāo)——比如 平克?弗洛伊德 的專輯《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í)。

總的來(lái)說(shuō)，考慮到所有因素，我們制定了一套設(shè)計(jì)余下圖標(biāo)的設(shè)計(jì)規(guī)范。

• 首先是尺寸的規(guī)范，每個(gè)圖標(biāo)都會(huì)有16px、24px、32px和64px四種大小。而隨著尺寸大小的增長(zhǎng)，圖標(biāo)內(nèi)線條的粗細(xì)與整體的比例會(huì)變小，視覺(jué)上會(huì)更細(xì)，防止整個(gè)圖標(biāo)看起來(lái)“矮胖”。比如當(dāng)圖標(biāo)大小是16px的時(shí)候，線條粗細(xì)是1px，可是當(dāng)圖標(biāo)增長(zhǎng)到64px的時(shí)候，線條的粗細(xì)并不是等比的4px（右側(cè)），實(shí)際尺寸已經(jīng)接近2px了（左側(cè)）。

• 在選擇圖標(biāo)型態(tài)的時(shí)候，會(huì)盡量選擇最簡(jiǎn)單直觀的，這樣用戶就無(wú)需通過(guò)底部菜單的文字說(shuō)明就能正確操作了。
• 所有的邊角都會(huì)四舍五入，比如藝術(shù)家頭像這樣的圖標(biāo)，多少都會(huì)有稍許細(xì)節(jié)超出邊界，這都可以根據(jù)實(shí)際情況進(jìn)行小幅度調(diào)整。

類型圖標(biāo)（Genre icons）

接下來(lái)就是要解決分類類型圖標(biāo)了。不同于出現(xiàn)在主界面上的圖標(biāo)，在“瀏覽”的界面內(nèi)，這些分類圖標(biāo)擁有更大的空間來(lái)展現(xiàn)更多的細(xì)節(jié)。

下面這些胸像icon都是剛開(kāi)始做類型圖標(biāo)時(shí)，做的一點(diǎn)有意思的探究。最終版里面，這些都已被駁回了。

從左到右分別是：Gene Simmons (KISS), Redfoo (LMFAO), Michael Jackson 以及“Workout lady“。

原本想把Redfoo的胸像圖標(biāo)用來(lái)表示“Party”（搖滾聚會(huì)？）的，但是我們都認(rèn)為這樣過(guò)于晦澀難懂。所以，想通過(guò)圖標(biāo)來(lái)傳達(dá)意境這樣的東西的確是一件非常麻煩的事情。

后來(lái)，我們決定這樣來(lái)處理類型圖標(biāo)：對(duì)于特定類型的音樂(lè)，我們會(huì)用這種音樂(lè)形式獨(dú)有的或者有代表性的樂(lè)器來(lái)表現(xiàn)它。特別是搖滾和搖滾的子類型，我們會(huì)用不同的吉他來(lái)表現(xiàn)它們。我們用Gibson Les Paul來(lái)代表經(jīng)典搖滾，用Flying V來(lái)代表硬搖滾，F(xiàn)ender Jaguar則代表著另類搖滾，等等。

我希望這些設(shè)計(jì)能夠足夠統(tǒng)一，具有整體性，但是結(jié)果并不一定能那么理想：

另外有一些用來(lái)表現(xiàn)意境和氛圍的圖標(biāo)，并沒(méi)有使用與音樂(lè)相關(guān)的物體來(lái)表現(xiàn)，比如下面的蛋型椅子，就是用來(lái)表現(xiàn)放松的意境。

目前，這個(gè)項(xiàng)目仍在逐漸完善中，不斷有新的圖標(biāo)添加到這個(gè)合集中來(lái)。