編者按：想知道手機(jī)和主題設(shè)計(jì)這十年來(lái)有什么變化發(fā)展？來(lái)看看今天這篇風(fēng)尾竹同學(xué)的回憶錄，它不僅反映了UI設(shè)計(jì)行業(yè)這十年的審美風(fēng)格變遷史，也是很多UI設(shè)計(jì)前輩走過(guò)的路，滿滿的都是回憶。漲姿勢(shì)收！

本文作者個(gè)人微信號(hào)：booui2012，歡迎加他喲。

前幾天剛看了《夏洛特?zé)馈罚赐觌娪靶闹幸渤錆M了感慨，誰(shuí)青春沒(méi)有一些故事。竹子做設(shè)計(jì)也差不多十年，今天打算和大家說(shuō)說(shuō)一些個(gè)人的成長(zhǎng)經(jīng)歷。大家可以當(dāng)故事來(lái)聽(tīng)。有問(wèn)題或者想說(shuō)的，隨時(shí)留言一起討論，因?yàn)檫@不是學(xué)術(shù)分享，就是一個(gè)輕松故事。我要講的內(nèi)容已經(jīng)寫(xiě)明了。主題設(shè)計(jì)，因?yàn)橹黝}設(shè)計(jì)貫穿了我這么多年來(lái)的設(shè)計(jì)生涯。是我工作生活中很重要的一部分。

2003年人生的第一步手機(jī)

男孩子都喜歡游戲數(shù)碼什么的，所以我沒(méi)事就喜歡關(guān)注數(shù)碼產(chǎn)品，看看《新潮電子》《大眾軟件》什么的。大約在03年左右手機(jī)開(kāi)始在學(xué)生中普及開(kāi)來(lái)。那時(shí)候手機(jī)基本上諾基亞，索愛(ài)的天下。

我的第一部手機(jī)諾基亞3100，那時(shí)候還有很多手機(jī)是黑白屏幕，單音鈴聲。所以拿著3100的彩色屏幕，帶和弦的手機(jī)覺(jué)得特滿足。這手機(jī)很經(jīng)典，不知道還有多少人記得。屏幕是128*128、4096色、1.5寸屏幕，現(xiàn)在看很簡(jiǎn)陋，不過(guò)當(dāng)時(shí)看周圍人還是很令人羨慕的。

諾基亞的界面還是很單調(diào)的，所以只能換換壁紙，鈴聲什么的。學(xué)生么喜歡個(gè)性，所以就挖空心思比不一樣。人生三大樂(lè)趣：換彩殼，換鈴聲，換壁紙。

以前諾基亞的數(shù)據(jù)線可不是想現(xiàn)在的數(shù)據(jù)線傳各種數(shù)據(jù)的，想弄個(gè)壁紙鈴聲什么的都要靠SP下載，或者專門(mén)的小店給你下。所以那時(shí)候SP還是很賺錢(qián)的。下載鈴聲扣2元，一個(gè)壁紙扣1元。應(yīng)該比現(xiàn)在貼膜還賺錢(qián)。

2004年高帥富手機(jī)誕生

到了2004年市場(chǎng)出了這么個(gè)手機(jī)，索愛(ài)的T618，大家從圖片上看就感覺(jué)一下子就把3100比下去了。屏幕是128*160 1.8寸的TFT屏幕。最關(guān)鍵的是鈴聲是32和弦的，而且還能換各種各樣的主題。這個(gè)是諾基亞比不了的。所以那時(shí)候索愛(ài)的手機(jī)在學(xué)生潮人中很流行。那時(shí)候拿著這個(gè)手機(jī)可是倍有面子，高帥富的標(biāo)配。

與諾基亞的封閉不一樣，索愛(ài)還提供的編輯工具，普通用戶下載了編輯工具，自己就可編輯喜歡的主題。

這個(gè)工具從壁紙到選擇框，文字顏色，彈出層，還有記事本日歷一些功能界面都可以自由定義。基本上除了默認(rèn)圖標(biāo)不可以定義外，用戶都可以定義，而且還能所見(jiàn)即所得，所以一下子涌現(xiàn)出太多優(yōu)秀主題了。可以說(shuō)普通設(shè)計(jì)師第一次可以如此近距離的參與到主題設(shè)計(jì)中。

不過(guò)索愛(ài)可不便宜。要2500多。攢了好久終于入手，對(duì)于學(xué)生可是一筆不菲的費(fèi)用。那時(shí)候我最大的樂(lè)趣就是上it168這個(gè)網(wǎng)站找免費(fèi)主題，估計(jì)國(guó)內(nèi)用戶還沒(méi)回過(guò)神，或者也沒(méi)什么付費(fèi)習(xí)慣，國(guó)外優(yōu)秀主題都是要收費(fèi)的。國(guó)內(nèi)論壇內(nèi)就有大量免費(fèi)午餐。

2006年第一次做主題

到了06年底了，我按捺不住，還是想換手機(jī)，不過(guò)索尼依然價(jià)格不菲。后來(lái)我選擇了MOTO。

這部手機(jī)對(duì)于我有非常的意義，因?yàn)閺乃_(kāi)始我也開(kāi)始接觸手機(jī)主題設(shè)計(jì)。那時(shí)候moto還是很風(fēng)光的，v3刀鋒手機(jī)全球熱賣。我選擇這個(gè)手機(jī)因?yàn)楸阋肆坑肿恪?寸屏，26萬(wàn)色，還是智能機(jī)。說(shuō)是智能機(jī)，其實(shí)就是可以裝些開(kāi)發(fā)者自己搗鼓的小軟件。

不過(guò)moto不是索尼，對(duì)用戶理解還是不如做消費(fèi)電子的。主題功能依然很弱。也沒(méi)什么主題編輯工具提供給用戶。于是開(kāi)始羨慕隔壁索愛(ài)論壇的海量主題了。

這就是當(dāng)時(shí)e2的主界面截圖，剛看還挺新鮮，看的時(shí)間長(zhǎng)了就萌生自己想做主題的欲望。

還記得我說(shuō)這是款智能機(jī)嗎？不同于很多手機(jī)封閉的系統(tǒng)。這個(gè)系統(tǒng)是linux系統(tǒng),這系統(tǒng)最大的好處就是開(kāi)放。正好在論壇上遇到一個(gè)牛人，和他說(shuō)了自己的想法。一拍即合。他負(fù)責(zé)聯(lián)系俄羅斯的程序員。手寫(xiě)了一個(gè)工具，負(fù)責(zé)把這個(gè)手機(jī)固件解壓縮。就是一句話我搞定設(shè)計(jì)，他搞定代碼。負(fù)責(zé)做成主題包。

其實(shí)這時(shí)候我還是個(gè)設(shè)計(jì)菜鳥(niǎo)，PS水平也就是剛剛湊合用。怎么辦？正好有索愛(ài)大量成熟的主題設(shè)計(jì)借鑒。我就從換背景圖片開(kāi)始，界面就是拉漸變。畫(huà)高光。圖標(biāo)我還不會(huì)畫(huà)，于是到處找素材。我想就是從那時(shí)候開(kāi)始我才還是算真正接觸主題設(shè)計(jì)。

不過(guò)實(shí)際設(shè)計(jì)可不只是這點(diǎn)。解壓出來(lái)一堆圖片還得自己猜什么文件對(duì)應(yīng)什么圖片

感受下。大概就是這個(gè)樣子，上百?gòu)垐D片。你得找出那些是需要替換的。這時(shí)候我學(xué)會(huì)了看文件名。好的命名習(xí)慣方便自己也方便他人。從那時(shí)候我養(yǎng)成了一個(gè)命名清晰的習(xí)慣。

同時(shí)我又學(xué)會(huì)了一件事情，就是包裝自己。就是你得做一張漂亮的效果圖吸引人下載。還的找個(gè)吸引人的主題。

那時(shí)候比較流行vista，我就照搬上來(lái)。怎么樣，是不是感覺(jué)好很多了。也酷了很多。圖標(biāo)全是下的素材，界面就是拉了些漸變。界面上的元素都是到處剪剪切切來(lái)的。不過(guò)最后拼湊的效果還不錯(cuò)。

看老外設(shè)計(jì)師的效果圖都宣傳自己。我來(lái)依葫蘆畫(huà)瓢。放上自己的博客地址。

2006年第一次拿獎(jiǎng)

做的主題多了，我遇到瓶頸了。老是剪剪貼貼別人的圖標(biāo)素材，總是感覺(jué)整體性不一致，就好像上身穿西服，下身你傳了個(gè)牛仔褲，別扭，所以我得學(xué)會(huì)畫(huà)圖標(biāo)。

記得06年諾基亞推出一系列手機(jī)，傾慕系列。

當(dāng)時(shí)與其他廠商單調(diào)的界面一比，那是非常的驚艷。所以我就思量著把這個(gè)設(shè)計(jì)搬到E2上來(lái)。順便半臨摹半修改的做了相應(yīng)的圖標(biāo)。當(dāng)時(shí)拿這個(gè)主題去參加了論壇比賽，還拿了獎(jiǎng)，獎(jiǎng)品到現(xiàn)在我還留著。一個(gè)1G的SD卡。

06年站酷開(kāi)始成立，站酷開(kāi)始就是個(gè)很小的壁紙下載站，不過(guò)上面有很多漂亮壁紙。所以我也經(jīng)常光顧。發(fā)現(xiàn)國(guó)內(nèi)基本上沒(méi)有什么可能參考的網(wǎng)站，也就是it168索愛(ài)的論壇有比較海量的主題。量是很大，不過(guò)素質(zhì)層次不齊，國(guó)外有個(gè)Deviantart，老外那時(shí)圖形設(shè)計(jì)水準(zhǔn)絕對(duì)超過(guò)國(guó)內(nèi)一大截。

2007年屌絲逆襲的起點(diǎn)

07年iPhone發(fā)布了，以前的貴族諾基亞可能沒(méi)想到厄運(yùn)從今年開(kāi)始了。手機(jī)主題的風(fēng)向也變了，以前的手機(jī)主題上的各種輪廓形狀的圖標(biāo)一下被一統(tǒng)江湖了。大家看看這是07年的各家手機(jī)界面，大家猜猜看能看出那是哪家的手機(jī)界面嗎？

07年以后，基本上所有的手機(jī)廠商的默認(rèn)主題都朝著一個(gè)大餅背景上放一個(gè)圖標(biāo)的方向上發(fā)展了。當(dāng)初iPhone這么做，有這么幾點(diǎn)考慮到圖像形式上的統(tǒng)一整齊。iPhone是觸摸屏手機(jī)。圓形、圓角矩形這些規(guī)則形狀看起來(lái)更加飽滿。從用戶感受上來(lái)說(shuō)更適合觸摸。

安卓也開(kāi)始慢慢起來(lái)了，這算屌絲逆襲吧。不過(guò)安卓是比較特立獨(dú)行的，這也許有他自己一套設(shè)計(jì)哲學(xué)。他的官方系統(tǒng)依然是各種異型。不能說(shuō)不好，但是確實(shí)統(tǒng)一性較蘋(píng)果差很多。

這是一個(gè)普通用戶的安卓手機(jī)界面，大家看的出來(lái)。圖標(biāo)有異型有圓角矩形。甚至圓角矩形也有大有小。很雜亂。安卓機(jī)相比蘋(píng)果機(jī)便宜很多。所以很多買(mǎi)安卓機(jī)的還是圖個(gè)便宜。

2010年第一次參加主題比賽

雖然安卓不如高帥富的蘋(píng)果界面好看，但囊中羞澀的人們一樣有美的追求不是？于是各大互聯(lián)網(wǎng)廠商就開(kāi)始做主題市場(chǎng)。安卓也是一個(gè)較開(kāi)放的系統(tǒng)，在系統(tǒng)層上有一個(gè)界面層，界面層上有個(gè)叫l(wèi)auncher啟動(dòng)器,在這個(gè)上面可以任意定制各種圖標(biāo)，界面，插件 ，甚至桌面如何切換。可以說(shuō)自由性非常大。互聯(lián)網(wǎng)廠商就launcher 上定制各種主題。

當(dāng)然一個(gè)公司的設(shè)計(jì)團(tuán)隊(duì)力量始終有限，怎么辦？找網(wǎng)站辦主題大賽。

現(xiàn)在國(guó)內(nèi)設(shè)計(jì)比賽很多，不過(guò)把這個(gè)比賽當(dāng)長(zhǎng)期的工作來(lái)運(yùn)營(yíng)的，有幾個(gè)公司。一個(gè)是小米、一個(gè)是魅族，一個(gè)是360。都開(kāi)了主題商店之前所以這么積極，都是希望借助主題市場(chǎng)來(lái)推廣自己的主題應(yīng)用。誰(shuí)抓住了更多的移動(dòng)用戶，就有更多的流量入口。

所以都是下了很大功夫，360是每月評(píng)獎(jiǎng)。小米是按下載量進(jìn)行與設(shè)計(jì)師分成。而且提出了一個(gè)口號(hào)。設(shè)計(jì)師只有做安心做設(shè)計(jì)，代碼實(shí)現(xiàn)都聯(lián)系小米完成。這還是有很大號(hào)召力的，因?yàn)樵O(shè)計(jì)師不用去考慮繁瑣的實(shí)現(xiàn)適配問(wèn)題。小米市場(chǎng)上下載量最大的可不是專業(yè)的GUI設(shè)計(jì)師。而是一些持續(xù)不斷優(yōu)化主題，不斷調(diào)試跟進(jìn)用戶反饋的愛(ài)好者。

所以大家有機(jī)會(huì)也可以做個(gè)主題傳上去。既鍛煉了自己能力，又能賺一筆額外的money，何樂(lè)不為了。2010年我也躍躍欲試，第一次參加了91網(wǎng)龍搞的活動(dòng)。其實(shí)我這不應(yīng)該叫第一次參加比賽了，應(yīng)該說(shuō)第一次參加正規(guī)比賽。

那時(shí)候還是很流行質(zhì)感寫(xiě)實(shí)圖標(biāo)，不過(guò)很遺憾，只拿到參與獎(jiǎng)。不過(guò)也不錯(cuò)，至少也鍛煉了自己整套手機(jī)主題的設(shè)計(jì)能力。

2012年扁平大流行

從2012年開(kāi)始，業(yè)界開(kāi)始討論扁平化，擬物化的問(wèn)題。這里不做延伸討論了。當(dāng)然扁平化開(kāi)始大量流行這是毋庸置疑的。這股風(fēng)格也同樣影響到了主題設(shè)計(jì)。

也許在系統(tǒng)級(jí)的設(shè)計(jì)上扁平化，擬物化可以有一堆理論討論是否符合用戶體驗(yàn)，是否更利于用戶使用操作什么的。在主題設(shè)計(jì)上，我認(rèn)為無(wú)所謂優(yōu)劣，就是一種風(fēng)格，就好像時(shí)裝一樣，這一季流行擬物，看膩了。下一季流行扁平化的風(fēng)格。也許不久扁平化的風(fēng)格大家又看膩了。擬物化風(fēng)格又會(huì)回歸。

2013年剛剛結(jié)束不久的康佳主題設(shè)計(jì)比賽，我也有參加。雖然我個(gè)人比較喜歡擬物的風(fēng)格，不過(guò)我認(rèn)為不應(yīng)該被一種設(shè)計(jì)風(fēng)格局限了自己。所以我也嘗試了扁平化風(fēng)格。

當(dāng)然在這次比賽中，也有很多優(yōu)秀的主題設(shè)計(jì)，不走扁平化路線，堅(jiān)持了擬物的回歸。

2013年終于拿了次獎(jiǎng)

這次參加電信舉辦的《中國(guó)電信手機(jī)云桌面手機(jī)主題設(shè)計(jì)征集》，想了好久，我要做不一樣的設(shè)計(jì)。現(xiàn)在扁平這么流行了。我來(lái)一次反潮流我設(shè)計(jì)質(zhì)感的圖標(biāo)。一開(kāi)始立意很簡(jiǎn)單，在學(xué)習(xí)設(shè)計(jì)主題的時(shí)候我設(shè)計(jì)了一款主題。這款主題是女性為主的。可惜是個(gè)半成品。一直心里想著什么時(shí)候完成。所謂念念不忘，必有回響。這么多年后終于有機(jī)會(huì)重頭到尾徹底設(shè)計(jì)一遍，也算圓夢(mèng)吧。結(jié)果這次比賽參加人數(shù)也到了一個(gè)高峰，這次比賽接近2000分作品參賽。我心里一下沒(méi)了底。不過(guò)后來(lái)也許是我的反潮流做法脫穎而出了吧。這次做質(zhì)感設(shè)計(jì)的并不多。最后取得了三等獎(jiǎng)的不錯(cuò)成績(jī)。

2015年最后的話

怎么不寫(xiě)最近幾年了？不寫(xiě)啦，太近了。不回憶了！這就是我與主題設(shè)計(jì)10年間發(fā)生的故事。

這么多年設(shè)計(jì)生涯，有歡喜，有惆悵，不過(guò)我會(huì)堅(jiān)持設(shè)計(jì)這條路走下去。

我總結(jié)下我這么多年來(lái)做主題設(shè)計(jì)的一些感悟。

1、設(shè)計(jì)潮流具備一定的輪回性

一種新潮流的設(shè)計(jì)風(fēng)格出現(xiàn)，本質(zhì)上無(wú)非是因?yàn)閷徝榔凇M物化是一種設(shè)計(jì)風(fēng)格，就像任何一種藝術(shù)風(fēng)格一樣，它也許會(huì)退流行，但它不會(huì)消失，雖然扁平化設(shè)計(jì)風(fēng)格似乎勢(shì)頭更強(qiáng)，但擬物化也不存在被扁平化取代這一說(shuō)。我一直很喜歡小米V5版的圖標(biāo)，兼具識(shí)別性，和輕微的質(zhì)感，在扁平和寫(xiě)實(shí)中取得了非常好的平衡。

2、興趣很重要

有了興趣你才有了做好一件事情的必要條件，我記得有同學(xué)說(shuō)過(guò)做標(biāo)新立異的圖標(biāo)一做就是一天，在旁人來(lái)看，這是多么辛苦的一件事情。但當(dāng)你真正全身心投入的時(shí)候，你是一天不感覺(jué)到累的。是興趣促使我學(xué)習(xí)Photoshop，是興趣讓我了解UI設(shè)計(jì)，當(dāng)然能從事自己感興趣的工作，也是非常幸福的。

3、不間斷的學(xué)習(xí)、整理

就從主題設(shè)計(jì)這一個(gè)小小設(shè)計(jì)分支來(lái)看，設(shè)計(jì)的趨勢(shì)都是不停的在變化的，你必須保持不斷的學(xué)習(xí)，關(guān)注業(yè)內(nèi)的變化，才能保證你的競(jìng)爭(zhēng)力。也許這是一個(gè)永不停止的過(guò)程。不過(guò)每個(gè)行業(yè)都如此。你必須勤奮更勤奮。

4、多關(guān)注設(shè)計(jì)以外的東西

優(yōu)秀的主題設(shè)計(jì)每年層出不窮，創(chuàng)意來(lái)自哪里？只能是來(lái)自于生活中，也許你看了一部電影，一部漫畫(huà)。又或者讀了一本書(shū)，想到了什么，這也許都是你的靈感來(lái)源。

作者鳳尾竹，公眾賬號(hào)：liaosheji2010。

【從首頁(yè)和邀請(qǐng)函看設(shè)計(jì)風(fēng)格變化】

“不作惡”企業(yè)谷歌的首頁(yè)變遷史
《生日快樂(lè)！那些年我們用過(guò)的谷歌首頁(yè)》

設(shè)計(jì)的趨勢(shì)從此可見(jiàn)一斑！
《漲姿勢(shì)！從蘋(píng)果官網(wǎng)細(xì)看20年設(shè)計(jì)變遷史》

連邀請(qǐng)函都有濃濃的設(shè)計(jì)范兒！
《向經(jīng)典致敬！帶你看十年來(lái)蘋(píng)果發(fā)布會(huì)的邀請(qǐng)函》

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量106萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com