UI設(shè)計(jì)能力質(zhì)變方法論(一)

此文是我最近對(duì)UI設(shè)計(jì)行業(yè)的一些理解蔚鸥,和自己未來能力發(fā)展的規(guī)劃,里面有許多觀點(diǎn)屬于自己的猜測捧弃,只是分享給大家赠叼,希望大家有判斷的閱讀。
轉(zhuǎn)發(fā)請(qǐng)標(biāo)明鏈接违霞。

市場逼著你變

行業(yè)現(xiàn)狀

2016年下半年開始嘴办, UI設(shè)計(jì)領(lǐng)域的人才市場發(fā)生了變革:

以設(shè)計(jì)師投遞簡歷面試為例,在2015年時(shí)买鸽,一個(gè)工作經(jīng)歷2年以上的設(shè)計(jì)師投遞5份簡歷大約有1次面試機(jī)會(huì)涧郊。而在2016年下半年平均20份簡歷才有1次面試機(jī)會(huì)。

如何理解以上現(xiàn)象?

  • UI設(shè)計(jì)師的從業(yè)人員在2012年開始逐年增加眼五。
  • 2016年資本寒冬妆艘,中小企業(yè)手頭的資金相對(duì)緊張。
  • 由于全球通貨膨脹看幼,人員薪資逐年上升批旺。
  • 預(yù)計(jì)2017年開始,移動(dòng)互聯(lián)網(wǎng)從上升期進(jìn)入穩(wěn)定(衰退)期诵姜。

也就是說中小企業(yè)錢少了, 人員開銷成本上升了, 從業(yè)人員變多了汽煮。
競爭自然激烈了。

百度指數(shù)可以看出UI設(shè)計(jì)被搜索的次數(shù)一直在上升, 大部分是HR和從業(yè)人員會(huì)去搜索此關(guān)鍵詞

行業(yè)未來

一個(gè)行業(yè)從業(yè)人員越多,說明這個(gè)行業(yè)的市場越大暇赤,同行的貧富差距也會(huì)越大心例。

UI設(shè)計(jì)行業(yè)的未來形態(tài)有一個(gè)最好的參照物,就是平面設(shè)計(jì)領(lǐng)域鞋囊。
或許有很多UI設(shè)計(jì)師看不起平面設(shè)計(jì)師止后,他們的理解是大部分平面設(shè)計(jì)師就是在路邊的小廣告店設(shè)計(jì)名片,展架溜腐,廣告牌坯门。這類平面設(shè)計(jì)師的薪資在2012年從4K/月均價(jià)到2016年的8K/月均價(jià)。這比起UI設(shè)計(jì)師2012年6-10K/月到2016年12K/月-25K/月的薪資范圍差距很大逗扒。
其實(shí)在國內(nèi)電腦剛普及的時(shí)候,當(dāng)年他們的薪資等同于今年的UI設(shè)計(jì)師欠橘,同樣屬于社會(huì)中工薪階層的中上層矩肩。
但是隨著這個(gè)領(lǐng)域的泛濫,從業(yè)人員變多肃续,平面設(shè)計(jì)師之間就被拉開了巨大差距黍檩。好的平面設(shè)計(jì)師進(jìn)入4A廣告公司歷練,
厲害的平面設(shè)計(jì)師例如韓家英始锚、靳埭強(qiáng)刽酱、陳幼堅(jiān)等等都成為該領(lǐng)域大師。他們的收入遠(yuǎn)超一線互聯(lián)網(wǎng)企業(yè)中的UI設(shè)計(jì)總監(jiān)(年收入50W), 這些平面設(shè)計(jì)大咖月收入過幾十萬很輕松瞧捌,一個(gè)7-8年4A經(jīng)驗(yàn)的視覺設(shè)計(jì)師也有30-50w/年棵里。
我預(yù)計(jì)在UI設(shè)計(jì)領(lǐng)域,未來也會(huì)出現(xiàn)這樣一批精英姐呐,這個(gè)領(lǐng)域越泛濫殿怜,人員越多,行業(yè)精英反而越值錢曙砂。前提是精英的能力必須和行業(yè)內(nèi)的人拉開一個(gè)數(shù)量級(jí)差距.
成為行業(yè)的精英头谜,讓行業(yè)從業(yè)人員泛濫變成“行業(yè)的人口紅利”,也就是本文提到的主題:

設(shè)計(jì)能力需要一個(gè)質(zhì)變鸠澈。

向大師學(xué)習(xí)

我母親之前問我柱告,她們那代人想學(xué)一行,需要找到該行業(yè)的大師笑陈,去拜師學(xué)習(xí)际度。只有向大師學(xué)習(xí)才能成為那個(gè)行業(yè)的精英。
UI設(shè)計(jì)行業(yè)現(xiàn)在還太年輕涵妥,現(xiàn)在公認(rèn)的大師還未誕生甲脏。基于這個(gè)行業(yè)的性質(zhì)我們也無從去找一個(gè)大師“拜師學(xué)藝”。
但是我認(rèn)為iOS7之后的UIKit的締造者會(huì)被評(píng)為大師之一块请。所以UIKit就是我心目中的大師娜氏,向它學(xué)習(xí),和我母親所述的價(jià)值觀吻合墩新。
一套好的UI并不只是設(shè)計(jì)幾個(gè)界面, 制定幾條設(shè)計(jì)規(guī)范贸弥。他是一個(gè)系統(tǒng)。
個(gè)人認(rèn)為iOS的UIKit的綜合設(shè)計(jì)理念遠(yuǎn)超現(xiàn)在業(yè)界所有海渊。

本文所指的UIKit绵疲,并不是狹義的指Cocoa中開發(fā)組件UIKit。而是指從UI設(shè)計(jì)到開發(fā)組件一整套體系臣疑,這篇文章統(tǒng)一稱作UIKit盔憨。

UIKit中的部分控件效果圖

通過分析我把一套UIKit分為以下幾個(gè)組成部分:

  • 有一套自己的設(shè)計(jì)理念
  • 有一套完整的設(shè)計(jì)規(guī)范
  • 有一套完整的控件
  • 有一套完整手勢(shì)規(guī)范
  • 有一套通用的默認(rèn)動(dòng)效
  • 有一套開發(fā)者使用的代碼庫

以上幾條組合起來可以做什么?

一個(gè)產(chǎn)品經(jīng)理如果把功能設(shè)計(jì)完了讯沈,交互設(shè)計(jì)師必須根據(jù)蘋果的設(shè)計(jì)規(guī)范進(jìn)行設(shè)計(jì)郁岩,交互設(shè)計(jì)完成之后,開發(fā)人員只要使用UIKit的控件就可以把整個(gè)應(yīng)用開發(fā)完成缺狠。甚至頁面交互動(dòng)畫问慎,彈框形式,動(dòng)畫都使用UIKit原生的就已經(jīng)設(shè)計(jì)完了挤茄。
簡單的來說就是使用“系統(tǒng)原生設(shè)計(jì)”去設(shè)計(jì)產(chǎn)品如叼。
所以說蘋果的UI設(shè)計(jì)師已經(jīng)把絕大部分產(chǎn)品的UI設(shè)計(jì)已經(jīng)做完了,只用這一個(gè)UIKit穷劈。
客觀來說笼恰,我們平時(shí)UI設(shè)計(jì)師的工作本質(zhì)上只是替換這些系統(tǒng)默認(rèn)設(shè)計(jì),讓我們的App變得更有“特色”歇终。
還記得我之前說的在小廣告店的平面設(shè)計(jì)師么挖腰?這么看來,平庸的UI設(shè)計(jì)師和他們沒有區(qū)別练湿。

設(shè)計(jì)一套UI系統(tǒng)猴仑,達(dá)到質(zhì)變

UI設(shè)計(jì)能力按我的理解分為幾個(gè)階段(貼地氣的版本):

  1. 想畫什么效果就能畫得出來(動(dòng)手能力)
  2. 看到別人好的設(shè)計(jì)可以偷過來(運(yùn)用能力,審美能力)
  3. 能原創(chuàng)設(shè)計(jì)出一些很好的設(shè)計(jì)(設(shè)計(jì)能力,客觀講,這個(gè)得看發(fā)揮)
  4. 能很系統(tǒng)的設(shè)計(jì)一套設(shè)計(jì)規(guī)范(設(shè)計(jì)風(fēng)格規(guī)范能力)
  5. 能設(shè)計(jì)一套完整的UI系統(tǒng)(視覺設(shè)計(jì)的架構(gòu)能力,對(duì)UI程序?qū)崿F(xiàn)的理解能力)

以上前4條肥哎,相信一些從業(yè)5年以上的伙伴們有的已經(jīng)達(dá)到辽俗,質(zhì)變就是率先到達(dá)第5條。讓我們?cè)O(shè)計(jì)的UI達(dá)到“系統(tǒng)原生”級(jí)別篡诽。

一套好的UI系統(tǒng)應(yīng)該是怎么樣的,怎么制作崖飘?

  • 漂亮的設(shè)計(jì)風(fēng)格
  • 有一套合適的設(shè)計(jì)理念
  • 有一套完整的設(shè)計(jì)規(guī)范
  • 有一套完整的控件庫
  • 有一套通用的默認(rèn)動(dòng)效
  • 交互設(shè)計(jì)師使用此UI系統(tǒng)可以搭建各種的通用應(yīng)用

簡單闡述一下項(xiàng)目中如何使用UI系統(tǒng)進(jìn)行項(xiàng)目分工。

未來基于UI系統(tǒng)的分工

未來有多遠(yuǎn)? 吳曉波老師說杈女,移動(dòng)互聯(lián)網(wǎng)出現(xiàn)才5年朱浴,現(xiàn)在已經(jīng)過了峰值吊圾,到了產(chǎn)業(yè)轉(zhuǎn)向的時(shí)間節(jié)點(diǎn)。
所以未來有多遠(yuǎn)我不知道翰蠢,但是一定比我們想象的近项乒。

產(chǎn)品

一個(gè)一線的互聯(lián)網(wǎng)公司應(yīng)該有一個(gè)UI系統(tǒng)小組專門設(shè)計(jì)屬于自己企業(yè)的UI系統(tǒng),并且逐年完善它梁沧,就好像iOS7-iOS10一樣檀何。
而其他實(shí)際的項(xiàng)目組的產(chǎn)品經(jīng)理和交互設(shè)計(jì)師只需要使用此UI系統(tǒng)搭建自己心目中的產(chǎn)品形態(tài)。
并且設(shè)計(jì)產(chǎn)品交互時(shí)廷支,需要在UI系統(tǒng)規(guī)定的框架之中去設(shè)計(jì)频鉴,這樣也能保證用戶在使用此企業(yè)不同產(chǎn)品時(shí)一致的體驗(yàn)(就好比使用iOS系統(tǒng))。同時(shí)也能節(jié)省更多的設(shè)計(jì)人力成本恋拍。
產(chǎn)品設(shè)計(jì)中遇到UI系統(tǒng)未能實(shí)現(xiàn)的部分垛孔,需要和UI系統(tǒng)小組商討,在UI系統(tǒng)的設(shè)計(jì)理念的范圍下設(shè)計(jì)這些額外部分施敢,并且在未來由UI系統(tǒng)小組把這部分優(yōu)化并入U(xiǎn)I系統(tǒng)周荐。

運(yùn)營

把更多的設(shè)計(jì)人力資源投放到運(yùn)營中, 不管是內(nèi)容運(yùn)營還是活動(dòng)運(yùn)營,都需要更多更好的設(shè)計(jì)師悯姊,由于運(yùn)營的內(nèi)容不是一致的,所以需要差異化贩毕,這恰好是設(shè)計(jì)的本質(zhì)悯许。用更有設(shè)計(jì)的運(yùn)營內(nèi)容用來點(diǎn)綴產(chǎn)品的差異性和展現(xiàn)各種新鮮的設(shè)計(jì)。會(huì)使得產(chǎn)品質(zhì)量上一個(gè)新臺(tái)階辉阶。

UI系統(tǒng)是一個(gè)殼先壕,我們需要最漂亮的那個(gè)殼子, 用來裝最漂亮的珠寶。

UI系統(tǒng)造就大師

如果您是這套庫的締造者谆甜,并且把此系統(tǒng)設(shè)計(jì)達(dá)到(超過)蘋果的UIKit的高度垃僚。又如果產(chǎn)品達(dá)到一定的高度,在某些時(shí)段成為現(xiàn)象級(jí)產(chǎn)品规辱。
那么在未來回頭看谆棺,我們或許會(huì)說某某,是某UI系統(tǒng)的締造者罕袋,是當(dāng)代無愧的UI設(shè)計(jì)領(lǐng)域的大師改淑。

挑戰(zhàn) (更新: 已放棄挑戰(zhàn))

羅胖說得好,就是因?yàn)樽霾坏剿圆乓?dāng)眾許諾浴讯,以此要挾自己努力去嘗試朵夏。
未來我想摸索著設(shè)計(jì)一套UI系統(tǒng),并且把過程分享出來給大家榆纽。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末仰猖,一起剝皮案震驚了整個(gè)濱河市捏肢,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌饥侵,老刑警劉巖鸵赫,帶你破解...
    沈念sama閱讀 216,372評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異爆捞,居然都是意外死亡奉瘤,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門煮甥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來盗温,“玉大人,你說我怎么就攤上這事成肘∑羝” “怎么了加派?”我有些...
    開封第一講書人閱讀 162,415評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我造虎,道長,這世上最難降的妖魔是什么蔑歌? 我笑而不...
    開封第一講書人閱讀 58,157評(píng)論 1 292
  • 正文 為了忘掉前任碌上,我火速辦了婚禮,結(jié)果婚禮上丘逸,老公的妹妹穿的比我還像新娘单鹿。我一直安慰自己,他們只是感情好深纲,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,171評(píng)論 6 388
  • 文/花漫 我一把揭開白布仲锄。 她就那樣靜靜地躺著,像睡著了一般湃鹊。 火紅的嫁衣襯著肌膚如雪儒喊。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,125評(píng)論 1 297
  • 那天币呵,我揣著相機(jī)與錄音怀愧,去河邊找鬼。 笑死余赢,一個(gè)胖子當(dāng)著我的面吹牛掸驱,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播没佑,決...
    沈念sama閱讀 40,028評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼毕贼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了蛤奢?” 一聲冷哼從身側(cè)響起鬼癣,我...
    開封第一講書人閱讀 38,887評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤陶贼,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后待秃,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體拜秧,經(jīng)...
    沈念sama閱讀 45,310評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,533評(píng)論 2 332
  • 正文 我和宋清朗相戀三年章郁,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了枉氮。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,690評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡暖庄,死狀恐怖聊替,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情培廓,我是刑警寧澤惹悄,帶...
    沈念sama閱讀 35,411評(píng)論 5 343
  • 正文 年R本政府宣布,位于F島的核電站肩钠,受9級(jí)特大地震影響泣港,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜价匠,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,004評(píng)論 3 325
  • 文/蒙蒙 一当纱、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧踩窖,春花似錦坡氯、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽颓遏。三九已至徐矩,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間叁幢,已是汗流浹背滤灯。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評(píng)論 1 268
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留曼玩,地道東北人鳞骤。 一個(gè)月前我還...
    沈念sama閱讀 47,693評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像黍判,于是被迫代替她去往敵國和親豫尽。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,577評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容