萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 聊聊我與手機主題設計的這十年

聊聊我與手機主題設計的這十年

   想知道手機和主題設計這十年來有什麼變化發展?來看看今天這篇設計師的回憶錄,它不僅反映了UI設計行業這十年的審美風格變遷史,也是很多UI設計前輩走過的路,滿滿的都是回憶。漲姿勢收!

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

  2003年人生的第一步手機

  男孩子都喜歡游戲數碼什麼的,所以我沒事就喜歡關注數碼產品,看看《新潮電子》《大眾軟件》什麼的。大約在03年左右手機開始在學生中普及開來。那時候手機基本上諾基亞,索愛的天下。

聊聊我與手機主題設計的這十年 三聯

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

2yqzh20151208

  諾基亞的界面還是很單調的,所以只能換換壁紙,鈴聲什麼的。學生麼喜歡個性,所以就挖空心思比不一樣。人生三大樂趣:換彩殼,換鈴聲,換壁紙。

3yqzh20151208

  以前諾基亞的數據線可不是想現在的數據線傳各種數據的,想弄個壁紙鈴聲什麼的都要靠SP下載,或者專門的小店給你下。所以那時候SP還是很賺錢的。下載鈴聲扣2元,一個壁紙扣1元。應該比現在貼膜還賺錢。

  2004年高帥富手機誕生

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

4yqzh20151208

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

5yqzh20151208

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

6yqzh20151208

  不過索愛可不便宜。要2500多。攢了好久終於入手,對於學生可是一筆不菲的費用。那時候我最大的樂趣就是上it168這個網站找免費主題,估計國內用戶還沒回過神,或者也沒什麼付費習慣,國外優秀主題都是要收費的。國內論壇內就有大量免費午餐。

  2006年 第一次做主題

  到了06年底了,我按捺不住,還是想換手機,不過索尼依然價格不菲。後來我選擇了MOTO。

7yqzh20151208

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

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

8yqzh20151208

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

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

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

  不過實際設計可不只是這點。解壓出來一堆圖片還得自己猜什麼文件對應什麼圖片

9yqzh20151208

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

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

10yqzh20151208

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

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

  2006年 第一次拿獎

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

  記得06年諾基亞推出一系列手機,傾慕系列。

11yqzh20151208

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

12yqzh20151208

  06年站酷開始成立,站酷開始就是個很小的壁紙下載站,不過上面有很多漂亮壁紙。所以我也經常光顧。發現國內基本上沒有什麼可能參考的網站,也就是it168索愛的論壇有比較海量的主題。量是很大,不過素質層次不齊,國外有個Deviantart,老外那時圖形設計水准絕對超過國內一大截。

  2007年 屌絲逆襲的起點

  07年iPhone發布了,以前的貴族諾基亞可能沒想到厄運從今年開始了。手機主題的風向也變了,以前的手機主題上的各種輪廓形狀的圖標一下被一統江湖了。大家看看這是07年的各家手機界面,大家猜猜看能看出那是哪家的手機界面嗎?

13yqzh20151208

  07年以後,基本上所有的手機廠商的默認主題都朝著一個大餅背景上放一個圖標的方向上發展了。當初iPhone這麼做,有這麼幾點考慮到圖像形式上的統一整齊。iPhone是觸摸屏手機。圓形、圓角矩形這些規則形狀看起來更加飽滿。從用戶感受上來說更適合觸摸。

14yqzh20151208

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

15yqzh20151208

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

  2010年 第一次參加主題比賽

  雖然安卓不如高帥富的蘋果界面好看,但囊中羞澀的人們一樣有美的追求不是?於是各大互聯網廠商就開始做主題市場。安卓也是一個較開放的系統,在系統層上有一個界面層,界面層上有個叫launcher啟動器,在這個上面可以任意定制各種圖標,界面,插件 ,甚至桌面如何切換。可以說自由性非常大。互聯網廠商就launcher 上定制各種主題。

  當然一個公司的設計團隊力量始終有限,怎麼辦?找網站辦主題大賽。

16yqzh20151208

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

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

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

17yqzh20151208

  那時候還是很流行質感寫實圖標,不過很遺憾,只拿到參與獎。不過也不錯,至少也鍛煉了自己整套手機主題的設計能力。

  2012年 扁平大流行

  從2012年開始,業界開始討論扁平化,擬物化的問題。這裡不做延伸討論了。當然扁平化開始大量流行這是毋庸置疑的。這股風格也同樣影響到了主題設計。

  也許在系統級的設計上扁平化,擬物化可以有一堆理論討論是否符合用戶體驗,是否更利於用戶使用操作什麼的。在主題設計上,我認為無所謂優劣,就是一種風格,就好像時裝一樣,這一季流行擬物,看膩了。下一季流行扁平化的風格。也許不久扁平化的風格大家又看膩了。擬物化風格又會回歸。

  2013年剛剛結束不久的康佳主題設計比賽,我也有參加。雖然我個人比較喜歡擬物的風格,不過我認為不應該被一種設計風格局限了自己。所以我也嘗試了扁平化風格。

18yqzh20151208

  當然在這次比賽中,也有很多優秀的主題設計,不走扁平化路線,堅持了擬物的回歸。

  2013年 終於拿了次獎

  這次參加電信舉辦的《中國電信手機雲桌面手機主題設計征集》,想了好久,我要做不一樣的設計。現在扁平這麼流行了。我來一次反潮流我設計質感的圖標。一開始立意很簡單,在學習設計主題的時候我設計了一款主題。這款主題是女性為主的。可惜是個半成品。一直心裡想著什麼時候完成。所謂念念不忘,必有回響。這麼多年後終於有機會重頭到尾徹底設計一遍,也算圓夢吧。結果這次比賽參加人數也到了一個高峰,這次比賽接近2000分作品參賽。我心裡一下沒了底。不過後來也許是我的反潮流做法脫穎而出了吧。這次做質感設計的並不多。最後取得了三等獎的不錯成績。

19yqzh20151208

  2015年 最後的話

  怎麼不寫最近幾年了?不寫啦,太近了。不回憶了!這就是我與主題設計10年間發生的故事。

  這麼多年設計生涯,有歡喜,有惆怅,不過我會堅持設計這條路走下去。

  我總結下我這麼多年來做主題設計的一些感悟。

  1、設計潮流具備一定的輪回性

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

20yqzh20151208

  2、興趣很重要

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

  3、不間斷的學習、整理

  就從主題設計這一個小小設計分支來看,設計的趨勢都是不停的在變化的,你必須保持不斷的學習,關注業內的變化,才能保證你的競爭力。也許這是一個永不停止的過程。不過每個行業都如此。你必須勤奮更勤奮。

  4、多關注設計以外的東西

  優秀的主題設計每年層出不窮,創意來自哪裡?只能是來自於生活中,也許你看了一部電影,一部漫畫。又或者讀了一本書,想到了什麼,這也許都是你的靈感來源。

  作者鳳尾竹,公眾賬號:liaosheji2010。

fwzqr
copyright © 萬盛學電腦網 all rights reserved