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

本文作者個人微信號：booui2012，歡迎加他喲。

前幾天剛看了《夏洛特?zé)馈?，看完電影心中也充滿了感慨，誰青春沒有一些故事。竹子做設(shè)計也差不多十年，今天打算和大家說說一些個人的成長經(jīng)歷。大家可以當(dāng)故事來聽。有問題或者想說的，隨時留言一起討論，因為這不是學(xué)術(shù)分享，就是一個輕松故事。我要講的內(nèi)容已經(jīng)寫明了。主題設(shè)計，因為主題設(shè)計貫穿了我這么多年來的設(shè)計生涯。是我工作生活中很重要的一部分。

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

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

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

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

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

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

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

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

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

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

2006年第一次做主題

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

這部手機(jī)對于我有非常的意義，因為從他開始我也開始接觸手機(jī)主題設(shè)計。那時候moto還是很風(fēng)光的，v3刀鋒手機(jī)全球熱賣。我選擇這個手機(jī)因為便宜量又足。2寸屏，26萬色，還是智能機(jī)。說是智能機(jī)，其實就是可以裝些開發(fā)者自己搗鼓的小軟件。

不過moto不是索尼，對用戶理解還是不如做消費電子的。主題功能依然很弱。也沒什么主題編輯工具提供給用戶。于是開始羨慕隔壁索愛論壇的海量主題了。

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

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

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

不過實際設(shè)計可不只是這點。解壓出來一堆圖片還得自己猜什么文件對應(yīng)什么圖片

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

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

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

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

2006年第一次拿獎

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

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

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

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

2007年屌絲逆襲的起點

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

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

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

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

2010年第一次參加主題比賽

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

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

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

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

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

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

2012年扁平大流行

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

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

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

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

2013年終于拿了次獎

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

2015年最后的話

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

這么多年設(shè)計生涯，有歡喜，有惆悵，不過我會堅持設(shè)計這條路走下去。

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

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

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

2、興趣很重要

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

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

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

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

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

作者鳳尾竹，公眾賬號：liaosheji2010。

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

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

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

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

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

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