我曾經(jīng)寫(xiě)過(guò)，UI設(shè)計(jì)是一個(gè)拼盤(pán)，它需要把版式設(shè)計(jì)、字體設(shè)計(jì)、配圖設(shè)計(jì)、插畫(huà)設(shè)計(jì)、攝影后期等所有與視覺(jué)有關(guān)的內(nèi)容都全部綜合在一個(gè)拼盤(pán)里，這個(gè)拼盤(pán)呈現(xiàn)的形式，可以是APP界面，或者網(wǎng)頁(yè)界面。
所以，學(xué)習(xí)UI設(shè)計(jì)，歸根到底，是對(duì)拼盤(pán)里的內(nèi)容進(jìn)行組合裝配的過(guò)程。今天我們這篇文，就是試著回答經(jīng)常收到的網(wǎng)友私信關(guān)于UI設(shè)計(jì)學(xué)習(xí)的問(wèn)題：我應(yīng)該怎樣提高UI設(shè)計(jì)呢？
我一方面從技法上給大家一點(diǎn)學(xué)習(xí)建議，一方面主要從大環(huán)境，更高的維度來(lái)闡述這個(gè)看似只是職業(yè)技巧的問(wèn)題。也許它不是職業(yè)技巧，而更甚是一個(gè)哲學(xué)問(wèn)題。
搞清楚這一點(diǎn)，對(duì)你的職業(yè)生涯尤其重要，你能獲得學(xué)習(xí)提升的方向，也能幫助你判斷你的工作價(jià)值感在哪里。
一、你了解你的金主爸爸嗎？
你的UI界面出稿，最初的觀者受眾，是你的甲方爸爸。也可能是你的上級(jí)BOSS。他們的審美，其實(shí)就是你的UI界面審美的第一道關(guān)卡。
如果他們的審美趣味比較老套，估計(jì)你想潮起來(lái)也沒(méi)機(jī)會(huì)。參考dribbbble？別開(kāi)玩笑了。認(rèn)真點(diǎn)開(kāi)國(guó)內(nèi)那些廣告飄來(lái)飄去的門(mén)戶大網(wǎng)站。最好還能是他們所屬行業(yè)里前三的那種水平。對(duì)于金主爸爸們來(lái)說(shuō)，絕大多數(shù)（不排除有另類(lèi)者）都是以“利潤(rùn)多”為目標(biāo)的。你也可以在這里把利潤(rùn)換成流量。
審美能直接帶來(lái)利潤(rùn)嗎？這篇文章不好直接回答這個(gè)問(wèn)題，但是，你一定要知道，審美高，不是在職UI設(shè)計(jì)師們的第一追求目標(biāo)。accept it!
潛在提升對(duì)方的審美值
能潛移默化提升甲方的審美，這點(diǎn)非常關(guān)鍵。而能影響對(duì)方的前提，是你要用你的專(zhuān)業(yè)去征服對(duì)方。而不是和對(duì)方硬杠。
很多時(shí)候，我們以為boss并不關(guān)心我們的行為，其實(shí)，他只是表現(xiàn)出不在意的樣子，目的是為了讓你放松，表現(xiàn)出最真實(shí)的你。而他也在這一過(guò)程中默默觀察你。
所以，如果你能給他以”專(zhuān)業(yè)“的印象，那么這個(gè)印象就會(huì)提高你在工作過(guò)程中的話事權(quán)。
人與人之間的關(guān)系，其實(shí)就是一個(gè)潛在的能量拉鋸過(guò)程。你要增加自己在職業(yè)的能量值，類(lèi)似把你的職業(yè)系數(shù)開(kāi)大。你首先要接受這份雇傭關(guān)系，既然是關(guān)系，就必定在尋找一種平衡。如果你弱了，他自然就要強(qiáng)壓你，讓你難受，讓你996，讓你改稿改到噴血……如果你強(qiáng)了（至少在專(zhuān)業(yè)上強(qiáng)），他認(rèn)為你值得這份工資的支出，自然就會(huì)尊重你、怕你跳槽、聽(tīng)你的意見(jiàn)……
如果不是奇葩上司或甲方，這份關(guān)系的建立，就是如此簡(jiǎn)單。
所以，如果遇到一個(gè)審美偏低的金主爸爸，讓自己的專(zhuān)業(yè)去影響對(duì)方，就能達(dá)到提升自己的作品視覺(jué)的效果。
二、眼界來(lái)自你的手，更多來(lái)自你的心，和眼睛沒(méi)關(guān)系
眼睛的審美是貪婪的，沒(méi)有天花板的。之所以你覺(jué)得自己做的作品不好看，其實(shí)還是因?yàn)榭催^(guò)其他更好看的作品。
而好看是什么？其實(shí)我覺(jué)得很少人會(huì)思考這個(gè)問(wèn)題。如果說(shuō)好看就是流行，就是打開(kāi)dribbble、Behance里那些推薦作品，然后讓他們來(lái)告訴我們好看的設(shè)計(jì)就應(yīng)該是這樣，那么我們的審美其實(shí)也是很被動(dòng)的。
這又是一個(gè)哲學(xué)問(wèn)題。但是我們還是不要活得這么復(fù)雜吧，回到技術(shù)層面。
要好看的界面？很簡(jiǎn)單。每天對(duì)著Dribbble上排名top的作品進(jìn)行臨摹就可以了。臨摹不要想太多，就是做。做的過(guò)程，會(huì)告訴你所有的答案。
臨摹會(huì)帶來(lái)什么
臨摹的過(guò)程會(huì)有一種“再經(jīng)歷一遍創(chuàng)作者的design過(guò)程”的感覺(jué)。首先你會(huì)從排版上發(fā)現(xiàn)，哇，原來(lái)這樣排版更好看，文字可以用這種方式排在一起。
沒(méi)有圖片素材也沒(méi)關(guān)系，原作素材的缺席剛好是你的學(xué)習(xí)點(diǎn)的開(kāi)始。打開(kāi)圖片網(wǎng)站，搜索一張和原來(lái)素材類(lèi)似的圖片。然后再和文字組合，看看和原作有什么不同。
下圖左邊是網(wǎng)上找來(lái)的原作，右邊是根據(jù)原作所做的臨摹。
很多借鑒的好作品，大都是英文排版。試著換成中文排版，看看怎樣把中文變得好看。如果直接用英文，的確在視覺(jué)上很省事。但是，你的金主爸爸未必會(huì)同意，你們的營(yíng)銷(xiāo)策略也大概率不會(huì)答應(yīng)。
以下就是經(jīng)過(guò)中文洗禮以后的APP界面設(shè)計(jì)：
所以，如果是經(jīng)常做商稿，就要有心里有準(zhǔn)備。臨摹時(shí)也要有所調(diào)試。最好的臨摹，就是能超越原作。
通過(guò)手的訓(xùn)練，提升了你的審美感受力。起碼能追到最流行的視覺(jué)節(jié)奏，出稿就“下筆如有神”。這種“神”，甚至不需要你每次設(shè)計(jì)就打開(kāi)參考圖庫(kù)，而是能直接從大腦中取貨。
三、你的原創(chuàng)力
雖然現(xiàn)在網(wǎng)上有很多優(yōu)秀作品，但是，有原創(chuàng)感的優(yōu)秀作品，其實(shí)非常非常少。因?yàn)槎嗌俅蠹叶荚谙嗷ソ梃b，能完全獨(dú)創(chuàng)的其實(shí)非常稀缺。
你的金主爸爸或許不會(huì)給你時(shí)間原創(chuàng)。但是你要把原創(chuàng)列為自己職業(yè)生涯一個(gè)非常階段性的重大目標(biāo)。
你的原創(chuàng)力決定了你的職業(yè)生涯長(zhǎng)短
設(shè)計(jì)師最大的能量原點(diǎn)，就是你的idea。這我在《沒(méi)有美術(shù)基礎(chǔ)的設(shè)計(jì)師怎樣學(xué)習(xí)插畫(huà)》這篇文章中也談到了。很多設(shè)計(jì)師之所以沒(méi)有在這行堅(jiān)持下去，也是因?yàn)檫@個(gè)點(diǎn)沒(méi)辦法突破。
很多人說(shuō)設(shè)計(jì)師是美工，美工也許是對(duì)沒(méi)有原創(chuàng)力的設(shè)計(jì)師的一個(gè)統(tǒng)稱(chēng)。但我其實(shí)很想為美工正名，美工未必沒(méi)有原創(chuàng)力。美工側(cè)重“工”，只是側(cè)重點(diǎn)不一樣。并無(wú)高下之分。
任何工作，只要丟失了原創(chuàng)力，就會(huì)容易被取代。一個(gè)人如果做街道清潔做得有創(chuàng)造力，他就不再是普通的清潔工，而可能是環(huán)衛(wèi)專(zhuān)家。一個(gè)如果做農(nóng)活做得有原創(chuàng)力，他就可能是一個(gè)田園生活方式博主。
一份工作能否給你帶來(lái)價(jià)值感，也是以“原創(chuàng)的比例”作為基準(zhǔn)的。原創(chuàng)的比例越大，你在這份工作中的能動(dòng)性越強(qiáng)，就越能給自己帶來(lái)成就感。
而你應(yīng)該怎樣迎來(lái)你的爆破點(diǎn)呢？
在沒(méi)有原創(chuàng)力的時(shí)候，我每天都很焦慮。除了臨摹，沒(méi)有別的辦法。所以每次能出稿，打開(kāi)ps，我都很開(kāi)心。因?yàn)橹灰氁淮?，就有一次的提升。這和積累積分是一樣的。
這次原創(chuàng)的不好看？沒(méi)關(guān)系，已經(jīng)積下1分了。這次沒(méi)有完全原創(chuàng)？沒(méi)關(guān)系，下次多增加一點(diǎn)原創(chuàng)的配比。
用積分的心態(tài)去提升自己，就能部分消減掉無(wú)法原創(chuàng)的焦慮。所以，很多人說(shuō)我勤奮，其實(shí)大概也就是與其刷劇看小視頻，我更愿意在這里積分罷了。
不要害怕丑！
那天看綜藝，聽(tīng)到一個(gè)人講：“一個(gè)人只有擺脫自戀，才是真正成長(zhǎng)了”。這句話特別能共鳴到我。
很多人之所以不能原創(chuàng)，只是因?yàn)楹ε卤蝗苏f(shuō)不好看。所以，只能借鑒別人的作品作為設(shè)計(jì)的開(kāi)始。這段經(jīng)歷是必經(jīng)之路。
但是到了一定階段，這樣的開(kāi)始就會(huì)帶來(lái)限制。如果有天斷網(wǎng)了，你就沒(méi)辦法創(chuàng)作。如果你的金主爸爸要你畫(huà)一畫(huà)APP的改版思路，你的下意識(shí)反應(yīng)是“等我打開(kāi)dribbble參考看看”。這已經(jīng)很危險(xiǎn)了。
雖然很多人已經(jīng)習(xí)以為常，但我卻感覺(jué)這不是正常的。設(shè)計(jì)師難道不應(yīng)該是立刻抓起筆來(lái)就能畫(huà)嗎？之所以雷同的APP界面這么多，大家的習(xí)慣造就了我們的現(xiàn)實(shí)。
作為一個(gè)自由設(shè)計(jì)師，我最大的自由大概就是有時(shí)間表現(xiàn)得真實(shí)且不好看。作為一個(gè)在職設(shè)計(jì)師，這需要你擠出時(shí)間留給你的未來(lái)。
切換到boss的維度再來(lái)看原創(chuàng)的價(jià)值
當(dāng)你拿著你的作品集準(zhǔn)備簡(jiǎn)歷的時(shí)候，如果你能原創(chuàng)作品，并且驕傲的打出原創(chuàng)二字，提出你的原創(chuàng)思路。你的作品集肯定是會(huì)比其他（或許看起來(lái)更高大上，但是沒(méi)有原創(chuàng)力的作品）更有機(jī)會(huì)得到面試機(jī)會(huì)。
相同的薪資水平下，boss更青睞的是哪一種設(shè)計(jì)師呢？
如果你正在找工作，或者考慮跳槽，你永遠(yuǎn)要切換到boss的維度上，他請(qǐng)一個(gè)人是來(lái)做什么的？ 他為什么要招人？
他請(qǐng)的設(shè)計(jì)師如果只是按他的命令，他給的參考圖片來(lái)畫(huà)，他在心中給這個(gè)員工的分?jǐn)?shù)最多就是一個(gè)及格分。當(dāng)然，他不會(huì)隨便炒掉你，但是一有機(jī)會(huì)，一定會(huì)想辦法換掉你。而如果你能畫(huà)出他沒(méi)見(jiàn)過(guò)的更優(yōu)秀的作品，情況肯定會(huì)完全不一樣。
這里的Boss可能又會(huì)分為大公司和小公司，大小公司是相對(duì)不同的運(yùn)作模式。大公司一般走得是概念風(fēng)，他們花得起錢(qián)，所以更重視品牌的傳遞。小公司其實(shí)也分很多種類(lèi)，但小公司一般都是Boss個(gè)人的人格化的體現(xiàn)，因此熟悉boss，摸清他的風(fēng)格比較重要。
但不管怎樣，原創(chuàng)力一定不止你的工作能力。而也是你的表達(dá)力的體現(xiàn)。表達(dá)，只有熟能生巧。自由的表達(dá)，能幫助這家企業(yè)輸出其內(nèi)在價(jià)值。這也就能更大帶來(lái)企業(yè)的收益。這是金主們的最?lèi)?ài)。
四、UI設(shè)計(jì)師的素材庫(kù)
很多人對(duì)素材庫(kù)的概念就是付費(fèi)的圖庫(kù)。畢竟網(wǎng)上現(xiàn)在的付費(fèi)圖庫(kù)已經(jīng)手到擒來(lái)了。好照片，當(dāng)然有。佼佼者卻不多。
要用好素材，我們的UI設(shè)計(jì)就成功了一大半，可以說(shuō)設(shè)計(jì)UI的過(guò)程，其實(shí)就是處理和組合素材的過(guò)程。下面我們可以把UI設(shè)計(jì)所需要的素材大致分為四類(lèi)：
圖標(biāo)元素
其實(shí)現(xiàn)在UI常用的圖標(biāo)，是以簡(jiǎn)約的線體為主的圖標(biāo)。網(wǎng)上已經(jīng)有很多免費(fèi)的UI線體圖標(biāo)給大家下載。如果UI界面不是特殊的行業(yè)類(lèi)圖標(biāo)的話，常用的，比如：用戶、主頁(yè)、推薦、購(gòu)買(mǎi)、登錄、郵箱、電話、客服……等這類(lèi)圖標(biāo)的可選擇量是非常豐富的。
但是一旦涉及到特殊的圖標(biāo)，網(wǎng)上就未必能找到合適的資源。如果直接拿別人的素材資源，一旦要 用到特殊的圖標(biāo)時(shí)，如果找不到同類(lèi)風(fēng)格的圖標(biāo)，這時(shí)就很棘手。這就需要你能自己根據(jù)原有的風(fēng)格線索來(lái)畫(huà)。
配圖
配圖我們可以分為兩類(lèi)，一類(lèi)是Banner類(lèi)的視覺(jué)比例偏大的圖片。這類(lèi)圖片可以是攝影或者插畫(huà)，通常，Banner的位置出現(xiàn)在頭部，所以要求畫(huà)質(zhì)高清且層次豐富。
單純靠一張攝影作品就做出頭部Banner的時(shí)代過(guò)去了，取而代之的是插畫(huà)或者對(duì)攝影做更進(jìn)一步的視覺(jué)處理。而且為了傳遞信息的準(zhǔn)確直達(dá)，也會(huì)添加相應(yīng)的文字來(lái)豐富畫(huà)面。
因此，光是對(duì)頭部Banner的設(shè)計(jì)，就需要以對(duì)待廣告設(shè)計(jì)的態(tài)度來(lái)承接它的設(shè)計(jì)。但又與此同時(shí)，需要和UI界面中其他的元素風(fēng)格相呼應(yīng)。
另一類(lèi)是其他的圖片信息中的配圖，這類(lèi)配圖與可能是產(chǎn)品和服務(wù)的圖片，如果是在介紹類(lèi)的文字中出現(xiàn)，也需要準(zhǔn)確的輔助表現(xiàn)信息。
還有一種配圖的方向，也就是利用插畫(huà)。直接創(chuàng)作插畫(huà)就比去網(wǎng)上找圖片素材來(lái)得簡(jiǎn)單，表現(xiàn)清楚概念就可以。
最后一種配圖的風(fēng)格就是C4D制作的質(zhì)感特別高級(jí)的立體藝術(shù)，場(chǎng)景裝置，在電商展示產(chǎn)品的時(shí)候用的多一些。
無(wú)論你是用哪一種方式表現(xiàn)配圖，攝影、插畫(huà)、立體……，都需要一門(mén)深入，表達(dá)得徹底。不是懂得越多越好，而是越深入越好。因此選好一個(gè)適合自己的方向非常重要。
字體
字體是很容易被忽略的元素之一，因?yàn)閷?duì)于UI設(shè)計(jì)，尤其是中文字體更多依賴系統(tǒng)能提供什么字體，沒(méi)有平面設(shè)計(jì)那么自由。
但是UI設(shè)計(jì)師對(duì)字體卻要非常小心，尤其是大型的文字，比如Banner內(nèi)的文字，可以以圖片形式出現(xiàn)的文字以及英文，都要注意字形對(duì)整個(gè)界面的影響。
現(xiàn)在的字體商用版權(quán)也非常嚴(yán)格，因此大家在商用時(shí)要特別小心。比較保守的做法就是使用開(kāi)源的字體，而想要特別一點(diǎn)的比較大的字體時(shí)，最好能自己設(shè)計(jì)。
視頻
如果是比較簡(jiǎn)單的UI界面，很少會(huì)用到視頻。畢竟敢把視頻直接放到自己的服務(wù)器里給用戶看，而不是引用外部資源的平臺(tái)也不多。視頻的流量真心是貴啊~（我自己的個(gè)人網(wǎng)站就用過(guò)視頻，還好一直比較慶幸流量不大）
交互
UI的交互是交給代碼實(shí)現(xiàn)的，但是UI設(shè)計(jì)師不會(huì)代碼，那么就用動(dòng)效的方式來(lái)展示。這樣能把交互概念更完整的遞交給前端。
所以UI設(shè)計(jì)師也需要對(duì)交互的體驗(yàn)多一些了解，尤其要對(duì)代碼實(shí)現(xiàn)到哪個(gè)程度心中有數(shù)。否則你的界面只能是一張圖片，只有審美功能，沒(méi)辦法實(shí)現(xiàn)成為真正的界面。
以上幾個(gè)方向能拿下，基本上你的UI界面設(shè)計(jì)，就算不能登頂，也能在行業(yè)里被眾星捧月膜拜好一陣了。
其實(shí)方向大家都知道，缺乏的只是日積月累。
五、為自己攢時(shí)間
很多人說(shuō)，你說(shuō)的都知道，但是我沒(méi)時(shí)間啊，要加班啊……
記住，當(dāng)你在說(shuō)這句話的時(shí)候，你已經(jīng)進(jìn)入了一個(gè)惡循環(huán)，這個(gè)惡循環(huán)就是：重復(fù)工作無(wú)暇顧及自身成長(zhǎng)，沒(méi)辦法成長(zhǎng)所以更要努力重復(fù)工作……最后到了中年危機(jī)，加班加不動(dòng)的時(shí)候，前面來(lái)了一大波比你能加班，還能接受低薪的小年輕，瞬間成為“被優(yōu)化”的一員。
那么，如何為自己攢時(shí)間應(yīng)對(duì)這一潛在危機(jī)呢？我這里有個(gè)辦法就是：不做無(wú)謂的時(shí)間上的犧牲。
什么是時(shí)間上的犧牲呢？和別人無(wú)休止?fàn)幷撘粋€(gè)問(wèn)題，一年換N家公司，反復(fù)無(wú)常找不到方向，閑聊無(wú)意義的虛幻的可能性……總的來(lái)說(shuō)就是做無(wú)用功。這些零碎時(shí)間，完全有可能替換成你的學(xué)習(xí)成長(zhǎng)的時(shí)間。
當(dāng)你覺(jué)得自己零碎時(shí)間多，而整塊時(shí)間不足的時(shí)候，你應(yīng)該想想為自己做一套時(shí)間管理計(jì)劃。讓自己多一些自律。
比如我一直自由職業(yè)，所以有段時(shí)間每天都睡到9點(diǎn)起床，以為自己睡飽了才能工作效率更高，其實(shí)相反發(fā)現(xiàn)那段時(shí)間工作都沒(méi)太多進(jìn)展。后來(lái)改成7點(diǎn)起床以后，由于早起完成了很多工作，反而一天下來(lái)發(fā)現(xiàn)自己能完成的效率比之前高很多倍。
最后，你會(huì)發(fā)現(xiàn)，其實(shí)做一份好的作品，提高自己的作品視覺(jué)效果，這套方法，也能讓自己變成一個(gè)更好的人。優(yōu)秀不需要努力的，它只能是一個(gè)習(xí)慣。
原文地址：飛屋設(shè)計(jì)
作者：飛屋睿UIdesign
]]>