提升UI設計視覺效果的5個角度

UI設計是一個拚盤，學習從來都要全盤考慮

我曾經寫過，UI設計是一個拚盤，它需要把版式設計、字體設計、配圖設計、插畫設計、攝影後期等所有與視覺有關的內容都全部綜合在一個拚盤裏，這個拚盤呈現的形式，可以是APP界麵，或者網頁界麵。

所以，學習UI設計，歸根到底，是對拚盤裏的內容進行組合裝配的過程。今天我們這篇文，就是試著回答經常收到的網友私信關於UI設計學習的問題：我應該怎樣提高UI設計呢？

我一方麵從技法上給大家一點學習建議，一方麵主要從大環境，更高的維度來闡述這個看似隻是職業技巧的問題。也許它不是職業技巧，而更甚是一個哲學問題。

搞清楚這一點，對你的職業生涯尤其重要，你能獲得學習提升的方向，也能幫助你判斷你的工作價值感在哪裏。

 

一、你了解你的金主爸爸嗎？

你的UI界麵出稿，最初的觀者受眾，是你的甲方爸爸。也可能是你的上級BOSS。他們的審美，其實就是你的UI界麵審美的第一道關卡。

如果他們的審美趣味比較老套，估計你想潮起來也沒機會。參考dribbbble？別開玩笑了。認真點開國內那些廣告飄來飄去的門戶大網站。最好還能是他們所屬行業裏前三的那種水平。對於金主爸爸們來說，絕大多數（不排除有另類者）都是以“利潤多”為目標的。你也可以在這裏把利潤換成流量。

審美能直接帶來利潤嗎？這篇文章不好直接回答這個問題，但是，你一定要知道，審美高，不是在職UI設計師們的第一追求目標。accept it!

 

潛在提升對方的審美值

能潛移默化提升甲方的審美，這點非常關鍵。而能影響對方的前提，是你要用你的專業去征服對方。而不是和對方硬杠。

很多時候，我們以為boss並不關心我們的行為，其實，他隻是表現出不在意的樣子，目的是為了讓你放鬆，表現出最真實的你。而他也在這一過程中默默觀察你。

所以，如果你能給他以”專業“的印象，那麼這個印象就會提高你在工作過程中的話事權。

人與人之間的關係，其實就是一個潛在的能量拉鋸過程。你要增加自己在職業的能量值，類似把你的職業係數開大。你首先要接受這份雇傭關係，既然是關係，就必定在尋找一種平衡。如果你弱了，他自然就要強壓你，讓你難受，讓你996，讓你改稿改到噴血……如果你強了（至少在專業上強），他認為你值得這份工資的支出，自然就會尊重你、怕你跳槽、聽你的意見……

如果不是奇葩上司或甲方，這份關係的建立，就是如此簡單。

所以，如果遇到一個審美偏低的金主爸爸，讓自己的專業去影響對方，就能達到提升自己的作品視覺的效果。

二、眼界來自你的手，更多來自你的心，和眼睛沒關係

眼睛的審美是貪婪的，沒有天花板的。之所以你覺得自己做的作品不好看，其實還是因為看過其他更好看的作品。

而好看是什麼？其實我覺得很少人會思考這個問題。如果說好看就是流行，就是打開dribbble、Behance裏那些推薦作品，然後讓他們來告訴我們好看的設計就應該是這樣，那麼我們的審美其實也是很被動的。

這又是一個哲學問題。但是我們還是不要活得這麼複雜吧，回到技術層麵。

要好看的界麵？很簡單。每天對著Dribbble上排名top的作品進行臨摹就可以了。臨摹不要想太多，就是做。做的過程，會告訴你所有的答案。

臨摹會帶來什麼

臨摹的過程會有一種“再經曆一遍創作者的design過程”的感覺。首先你會從排版上發現，哇，原來這樣排版更好看，文字可以用這種方式排在一起。

沒有圖片素材也沒關係，原作素材的缺席剛好是你的學習點的開始。打開圖片網站，搜索一張和原來素材類似的圖片。然後再和文字組合，看看和原作有什麼不同。

下圖左邊是網上找來的原作，右邊是根據原作所做的臨摹。

很多借鑒的好作品，大都是英文排版。試著換成中文排版，看看怎樣把中文變得好看。如果直接用英文，的確在視覺上很省事。但是，你的金主爸爸未必會同意，你們的營銷策略也大概率不會答應。

以下就是經過中文洗禮以後的APP界麵設計：

所以，如果是經常做商稿，就要有心裏有準備。臨摹時也要有所調試。最好的臨摹，就是能超越原作。

通過手的訓練，提升了你的審美感受力。起碼能追到最流行的視覺節奏，出稿就“下筆如有神”。這種“神”，甚至不需要你每次設計就打開參考圖庫，而是能直接從大腦中取貨。

 

三、你的原創力

雖然現在網上有很多優秀作品，但是，有原創感的優秀作品，其實非常非常少。因為多少大家都在相互借鑒，能完全獨創的其實非常稀缺。

你的金主爸爸或許不會給你時間原創。但是你要把原創列為自己職業生涯一個非常階段性的重大目標。

 

你的原創力決定了你的職業生涯長短

設計師最大的能量原點，就是你的idea。這我在《沒有美術基礎的設計師怎樣學習插畫》這篇文章中也談到了。很多設計師之所以沒有在這行堅持下去，也是因為這個點沒辦法突破。

很多人說設計師是美工，美工也許是對沒有原創力的設計師的一個統稱。但我其實很想為美工正名，美工未必沒有原創力。美工側重“工”，隻是側重點不一樣。並無高下之分。

任何工作，隻要丟失了原創力，就會容易被取代。一個人如果做街道清潔做得有創造力，他就不再是普通的清潔工，而可能是環衛專家。一個如果做農活做得有原創力，他就可能是一個田園生活方式博主。

一份工作能否給你帶來價值感，也是以“原創的比例”作為基準的。原創的比例越大，你在這份工作中的能動性越強，就越能給自己帶來成就感。

 

而你應該怎樣迎來你的爆破點呢？

在沒有原創力的時候，我每天都很焦慮。除了臨摹，沒有別的辦法。所以每次能出稿，打開ps，我都很開心。因為隻要練一次，就有一次的提升。這和積累積分是一樣的。

這次原創的不好看？沒關係，已經積下1分了。這次沒有完全原創？沒關係，下次多增加一點原創的配比。

用積分的心態去提升自己，就能部分消減掉無法原創的焦慮。所以，很多人說我勤奮，其實大概也就是與其刷劇看小視頻，我更願意在這裏積分罷了。

不要害怕醜！

那天看綜藝，聽到一個人講：“一個人隻有擺脫自戀，才是真正成長了”。這句話特別能共鳴到我。

很多人之所以不能原創，隻是因為害怕被人說不好看。所以，隻能借鑒別人的作品作為設計的開始。這段經曆是必經之路。

但是到了一定階段，這樣的開始就會帶來限製。如果有天斷網了，你就沒辦法創作。如果你的金主爸爸要你畫一畫APP的改版思路，你的下意識反應是“等我打開dribbble參考看看”。這已經很危險了。

雖然很多人已經習以為常，但我卻感覺這不是正常的。設計師難道不應該是立刻抓起筆來就能畫嗎？之所以雷同的APP界麵這麼多，大家的習慣造就了我們的現實。

作為一個自由設計師，我最大的自由大概就是有時間表現得真實且不好看。作為一個在職設計師，這需要你擠出時間留給你的未來。

 

切換到boss的維度再來看原創的價值

當你拿著你的作品集準備簡曆的時候，如果你能原創作品，並且驕傲的打出原創二字，提出你的原創思路。你的作品集肯定是會比其他（或許看起來更高大上，但是沒有原創力的作品）更有機會得到麵試機會。

相同的薪資水平下，boss更青睞的是哪一種設計師呢？

如果你正在找工作，或者考慮跳槽，你永遠要切換到boss的維度上，他請一個人是來做什麼的？ 他為什麼要招人？

他請的設計師如果隻是按他的命令，他給的參考圖片來畫，他在心中給這個員工的分數最多就是一個及格分。當然，他不會隨便炒掉你，但是一有機會，一定會想辦法換掉你。而如果你能畫出他沒見過的更優秀的作品，情況肯定會完全不一樣。

這裏的Boss可能又會分為大公司和小公司，大小公司是相對不同的運作模式。大公司一般走得是概念風，他們花得起錢，所以更重視品牌的傳遞。小公司其實也分很多種類，但小公司一般都是Boss個人的人格化的體現，因此熟悉boss，摸清他的風格比較重要。

但不管怎樣，原創力一定不止你的工作能力。而也是你的表達力的體現。表達，隻有熟能生巧。自由的表達，能幫助這家企業輸出其內在價值。這也就能更大帶來企業的收益。這是金主們的最愛。

 

四、UI設計師的素材庫

很多人對素材庫的概念就是付費的圖庫。畢竟網上現在的付費圖庫已經手到擒來了。好照片，當然有。佼佼者卻不多。

要用好素材，我們的UI設計就成功了一大半，可以說設計UI的過程，其實就是處理和組合素材的過程。下麵我們可以把UI設計所需要的素材大致分為四類：

 

圖標元素

其實現在UI常用的圖標，是以簡約的線體為主的圖標。網上已經有很多免費的UI線體圖標給大家下載。如果UI界麵不是特殊的行業類圖標的話，常用的，比如：用戶、主頁、推薦、購買、登錄、郵箱、電話、客服……等這類圖標的可選擇量是非常豐富的。

但是一旦涉及到特殊的圖標，網上就未必能找到合適的資源。如果直接拿別人的素材資源，一旦要 用到特殊的圖標時，如果找不到同類風格的圖標，這時就很棘手。這就需要你能自己根據原有的風格線索來畫。

 

配圖

配圖我們可以分為兩類，一類是Banner類的視覺比例偏大的圖片。這類圖片可以是攝影或者插畫，通常，Banner的位置出現在頭部，所以要求畫質高清且層次豐富。

單純靠一張攝影作品就做出頭部Banner的時代過去了，取而代之的是插畫或者對攝影做更進一步的視覺處理。而且為了傳遞信息的準確直達，也會添加相應的文字來豐富畫麵。

因此，光是對頭部Banner的設計，就需要以對待廣告設計的態度來承接它的設計。但又與此同時，需要和UI界麵中其他的元素風格相呼應。

另一類是其他的圖片信息中的配圖，這類配圖與可能是產品和服務的圖片，如果是在介紹類的文字中出現，也需要準確的輔助表現信息。

還有一種配圖的方向，也就是利用插畫。直接創作插畫就比去網上找圖片素材來得簡單，表現清楚概念就可以。

最後一種配圖的風格就是C4D製作的質感特別高級的立體藝術，場景裝置，在電商展示產品的時候用的多一些。

無論你是用哪一種方式表現配圖，攝影、插畫、立體……，都需要一門深入，表達得徹底。不是懂得越多越好，而是越深入越好。因此選好一個適合自己的方向非常重要。

 

字體

字體是很容易被忽略的元素之一，因為對於UI設計，尤其是中文字體更多依賴係統能提供什麼字體，沒有平麵設計那麼自由。

但是UI設計師對字體卻要非常小心，尤其是大型的文字，比如Banner內的文字，可以以圖片形式出現的文字以及英文，都要注意字形對整個界麵的影響。

現在的字體商用版權也非常嚴格，因此大家在商用時要特別小心。比較保守的做法就是使用開源的字體，而想要特別一點的比較大的字體時，最好能自己設計。

 

視頻

如果是比較簡單的UI界麵，很少會用到視頻。畢竟敢把視頻直接放到自己的服務器裏給用戶看，而不是引用外部資源的平台也不多。視頻的流量真心是貴啊~（我自己的個人網站就用過視頻，還好一直比較慶幸流量不大）

 

交互

UI的交互是交給代碼實現的，但是UI設計師不會代碼，那麼就用動效的方式來展示。這樣能把交互概念更完整的遞交給前端。

所以UI設計師也需要對交互的體驗多一些了解，尤其要對代碼實現到哪個程度心中有數。否則你的界麵隻能是一張圖片，隻有審美功能，沒辦法實現成為真正的界麵。

以上幾個方向能拿下，基本上你的UI界麵設計，就算不能登頂，也能在行業裏被眾星捧月膜拜好一陣了。

其實方向大家都知道，缺乏的隻是日積月累。

 

五、為自己攢時間

很多人說，你說的都知道，但是我沒時間啊，要加班啊……

記住，當你在說這句話的時候，你已經進入了一個惡循環，這個惡循環就是：重複工作無暇顧及自身成長，沒辦法成長所以更要努力重複工作……最後到了中年危機，加班加不動的時候，前麵來了一大波比你能加班，還能接受低薪的小年輕，瞬間成為“被優化”的一員。

那麼，如何為自己攢時間應對這一潛在危機呢？我這裏有個辦法就是：不做無謂的時間上的犧牲。

什麼是時間上的犧牲呢？和別人無休止爭論一個問題，一年換N家公司，反複無常找不到方向，閑聊無意義的虛幻的可能性……總的來說就是做無用功。這些零碎時間，完全有可能替換成你的學習成長的時間。

當你覺得自己零碎時間多，而整塊時間不足的時候，你應該想想為自己做一套時間管理計劃。讓自己多一些自律。

比如我一直自由職業，所以有段時間每天都睡到9點起床，以為自己睡飽了才能工作效率更高，其實相反發現那段時間工作都沒太多進展。後來改成7點起床以後，由於早起完成了很多工作，反而一天下來發現自己能完成的效率比之前高很多倍。

最後，你會發現，其實做一份好的作品，提高自己的作品視覺效果，這套方法，也能讓自己變成一個更好的人。優秀不需要努力的，它隻能是一個習慣。

 

原文地址：飛屋設計

作者：飛屋睿UIdesign