超長干貨:如何從菜鳥成長為年薪30萬的UI設(shè)計

前段時間,關(guān)注互聯(lián)網(wǎng)行業(yè)的朋友應(yīng)該在朋友圈都刷到了《2016,UI設(shè)計失業(yè)潮來了!》這篇文章,大致意思是說純界面設(shè)計的UI的市場已經(jīng)趨于飽和,如果想要成為offer收割機,只精通頁面設(shè)計并不夠。雖然文章有些標(biāo)題黨,但說的卻是大實話,其實不只是設(shè)計行業(yè),現(xiàn)在每個行業(yè)都更歡迎復(fù)合型人才,想自學(xué)成為UI設(shè)計師,也需要多方面的儲備知識。

1、UI設(shè)計師是什么?

不說UI設(shè)計師,就連設(shè)計師,很多人都以為只是P圖的美工,這里有必要先明確一下UI設(shè)計師的概念。

維基百科對于UI定義:

UI,也即用戶界面(UserInterface,簡稱UI,亦稱使用者界面)是系統(tǒng)和用戶之間進行交互和信息交換的媒介,它實現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換。

因此,UI設(shè)計師也就是設(shè)計用戶界面的人。

毫不夸張地說,在顏值當(dāng)?shù)赖哪甏琔I設(shè)計師的水平,直接決定了互聯(lián)網(wǎng)產(chǎn)品(網(wǎng)站、App、網(wǎng)上店鋪等)的顏值。無論產(chǎn)品的質(zhì)量怎樣,用戶接觸產(chǎn)品的第一幕,就是UI設(shè)計師給產(chǎn)品設(shè)計的這張臉,而像我這種“顏狗”,一旦產(chǎn)品的顏值達不到我的標(biāo)準(zhǔn),下一步就是關(guān)閉/卸載。

一個好的UI設(shè)計師,能潤物于無聲,在渾然天成的設(shè)計中為產(chǎn)品注入新的價值,絕不是普通的打雜美工。

2、UI設(shè)計師的基礎(chǔ)修養(yǎng)

·設(shè)計總體認(rèn)知

在進入一個未知的領(lǐng)域前,我總傾向于先梳理這個領(lǐng)域的架構(gòu),待有了比較全面認(rèn)知后再深挖,這其實也是大學(xué)專業(yè)課程設(shè)置的思路,先學(xué)習(xí)一門導(dǎo)論課,了解基本概念,再進入細(xì)分領(lǐng)域。學(xué)習(xí)UI設(shè)計也是一樣,先對整個設(shè)計專業(yè)有總體認(rèn)知,再去學(xué)技法層面的內(nèi)容、規(guī)則,慢慢把知識庫填充完整,如果有條件,可以嘗試了解一個新的互聯(lián)網(wǎng)產(chǎn)品出爐的工作流程。這樣,在局部學(xué)習(xí)前,就能對重難點、課程框架都心中有數(shù)。

·技術(shù)基礎(chǔ)

如果說程序員一天中大部分時間都在碼代碼,那么設(shè)計師的時間都留給了Photoshop、Axure、Adobe Illustrator,涂涂修修確實是常態(tài),而這里,也是“美工”稱呼的發(fā)源地。嫻熟的技法,是完美展現(xiàn)設(shè)計作品的必備條件,作為UI設(shè)計師,也應(yīng)當(dāng)熟練掌握這些常用軟件。稍低一點的要求,是至少能精通其中一款軟件,各種操作都已經(jīng)形成自然反應(yīng),其他軟件也能通個七八分。

不過,學(xué)完這些軟件之后,切忌炫技,學(xué)到這步,你只是學(xué)會了修圖,還只在美工的地步,并談不上設(shè)計。

·畫圖基礎(chǔ)

有人以為,設(shè)計師只要去圖庫網(wǎng)站找一些素材,借助工具進行修飾即可,其實這只能鍛煉你的借鑒能力,當(dāng)你的技法嫻熟到一定程度,就可以嘗試臨摹。通過臨摹,一則用來強化技法層面的能力,二來也能提升初學(xué)者的創(chuàng)新能力。

臨摹的內(nèi)容,可以有兩方面選擇:一種是系統(tǒng)自帶的圖標(biāo),比如Mac OX、Windows,或者移動端iOS、Android的原生圖標(biāo),都是精心打磨過,既能幫助初學(xué)者了解平臺設(shè)計規(guī)則,又能在臨摹中逐漸鞏固常用軟件的技術(shù)。另一種則是行業(yè)牛人的設(shè)計作品,捉摸他們的設(shè)計風(fēng)格、思想和細(xì)節(jié),都能加深對設(shè)計的認(rèn)識。

·各平臺設(shè)計規(guī)則

iOS、Android、WP、Windows、Mac OX各個平臺都有自己的設(shè)計規(guī)則和偏好,在移動端,連每款機型的分辨率、狀態(tài)欄高度、導(dǎo)航欄高度、圖標(biāo)尺寸、字體、顏色值都有嚴(yán)格的規(guī)定。這些平臺的設(shè)計規(guī)則,在搜索引擎上都能被檢索到。

·理解能力

作為設(shè)計的上游,產(chǎn)品經(jīng)理常常會直接發(fā)需求文檔給設(shè)計,能讀懂產(chǎn)品文檔、快速分析需求,定位出風(fēng)格、色調(diào)、元素,最后迅速把產(chǎn)品需求視覺化,就是產(chǎn)品經(jīng)理們最愛合作的設(shè)計師了。

3、UI設(shè)計師的進階修養(yǎng)

·審美意識

先來看兩個肥腸火熱地知乎問題:

國內(nèi)有哪些非常有設(shè)計感的 App?

國外有哪些非常有設(shè)計感的 app?

為什么我們青睞每日故宮、榫卯、網(wǎng)易云音樂這類應(yīng)用?除了應(yīng)用本身生產(chǎn)的優(yōu)質(zhì)內(nèi)容外,設(shè)計感是很重要的一點,君不見多少用戶贊美良心設(shè)計。

→_→那么,什么是設(shè)計感呢?投射到設(shè)計師身上,大概就是設(shè)計師自身的審美意識了。

至于審美意識要如何培養(yǎng)、提高,這就跟你去問文學(xué)家要如何提高寫作能力一樣,他大概也是懵逼的。日積月累地瀏覽、學(xué)習(xí)、思考、聯(lián)系,大概就是逐漸提升的可能途徑吧。

·用戶體驗

從前,除了設(shè)計界面的UI設(shè)計師之外,互聯(lián)網(wǎng)公司會專門設(shè)置專門的用戶研究中心來處理用戶體驗的種種問題,但如今多元的趨勢下,一個互聯(lián)網(wǎng)產(chǎn)品的視覺設(shè)計,需要懂一點產(chǎn)品、懂一點用戶體驗,才能更有效的推進合作流程,同時也會培養(yǎng)自己多元化的思維方式(用戶研究以縝密的邏輯發(fā)展,而UI設(shè)計則更加追求審美)。

·交互設(shè)計

分不清交互和UI的人,可能一抓一大把,事實上,這還是有區(qū)別的。從一般意義上說,UI主要做的是圖形用戶界面,也可以稱為GUI設(shè)計師;交互設(shè)計主要做處理點事人機互動的界面,任何與機器打交道的過程,都需要交互設(shè)計師來參與。

但坦白說,現(xiàn)在的App中,有多少操作能把UI和交互完全清楚地剝離開來呢?一個好的產(chǎn)品,需要美觀的界面和順滑的交互,也就離不開設(shè)計師兩種能力的相輔相成了。尤其現(xiàn)在,設(shè)計趨向扁平化的時期,只要遵循設(shè)計規(guī)范,交互設(shè)計甚至能出了設(shè)計稿后直接給開發(fā)去實現(xiàn),單純UI設(shè)計的存在感日益弱化。

·代碼能力

這幾年互聯(lián)網(wǎng)產(chǎn)品最火的推廣方式是什么?

自然是H5!

那么如果一個設(shè)計師既能做好設(shè)計,又能完善布局前端代碼,那么只要有一個簡單idea,經(jīng)過你的手就能完全實現(xiàn)。這種復(fù)合型人才是多少公司爭搶的對象呢?不過這些都是進一步的要求了。

4、資料

說了很多,下面推薦一些適合入門的書籍與網(wǎng)絡(luò)資源,以供參考。

·書籍

《Don’t MakeMe Think》(點石成金)

這本書已經(jīng)了好幾版了,能這樣一遍遍修訂出版的,除了學(xué)生用的教材,就是業(yè)界的圣經(jīng)了。這本書主要講的是如何通過網(wǎng)站設(shè)計來提高網(wǎng)站的可用性,除了網(wǎng)頁設(shè)計外,也包括了一些用戶心理研究等內(nèi)容,語句曉暢,讀起來十分輕松。里面的案例雖然有點久了,但經(jīng)典的案例永遠不會過時。作為初入學(xué)者,能從一本書里看到整個領(lǐng)域的大局,也有逐漸養(yǎng)成設(shè)計師的思維,是入門啟迪型書籍。

《寫給大家看的設(shè)計書》

一本Robin Williams大師寫的老生常談,本書主要圍繞對比(Contrast)、重復(fù)(Repetition)、對齊(Alignment)、親密性(Proximity)四個設(shè)計基本原則展開,短短200頁,門外漢讀起來也不費力,但讀完這本書你會明白設(shè)計的重要性。另外,這本書的排版、文字編排也很有設(shè)計感,讀起來更加舒服。

《破繭成蝶:用戶體驗設(shè)計師的成長之路》

前面的書是理論型的,這本是則比較注重實踐,結(jié)合本土互聯(lián)網(wǎng)公司案例解釋了很多落地的問題,甚至還有具體崗位介紹,面試細(xì)節(jié),工作流程等,可以作為工作的工具書。

《設(shè)計之下》

通過搜狐新聞客戶端UED團隊的設(shè)計過程,完整展現(xiàn)真實的設(shè)計流程。全書分為三個部分,第一部分為“交互設(shè)計”,主要總結(jié)了大局觀、操作流程簡捷、形式新穎且統(tǒng)一、各種特殊情況等交互設(shè)計要點。第二部分為“視覺設(shè)計”,闡述了界面、顏色、圖標(biāo)、質(zhì)感、動畫、等具體方法。第三部分為“他們眼中的優(yōu)秀設(shè)計師”,通過產(chǎn)品經(jīng)理、程序員、運營、市場經(jīng)理的視角,闡述了如何成為一名優(yōu)秀的設(shè)計師,同樣是1-2歲的設(shè)計師學(xué)習(xí)的好書。

·網(wǎng)絡(luò)資源

李濤的PS課程:

試圖學(xué)習(xí)過PS的同學(xué)應(yīng)該都知道李濤,講課深入淺出、旁征博引,節(jié)奏也合適,聽幾節(jié)課下來對PS會有不少新的見解,比自己一個人悶頭搜索效率高多了。

《良知塾李濤:Photoshop小技巧》

《李濤Photoshop高手之路基礎(chǔ)篇》

《李濤Photoshop高手之路提高篇》

這三門網(wǎng)易云課堂上的課程是李濤免費的PS課程,從基礎(chǔ)到提高都有,還比較全面,學(xué)的人也都有個幾萬,評價蠻好。

另外,李濤自己也和別人一起創(chuàng)辦了一個在線學(xué)習(xí)網(wǎng)站:高高手,在他的個人主頁上也有他的課程,部分收費。

完整的設(shè)計課程:

從頭開始學(xué)的可以考慮網(wǎng)易云課堂和浙大一起推出的《UI設(shè)計師》《交互設(shè)計師》微專業(yè)。相比線下培訓(xùn)班動輒幾萬的價格和固定時間學(xué)習(xí),在線學(xué)習(xí)更加方便點,而且說真的,網(wǎng)易出的那些App,像網(wǎng)易云音樂、LOFTER還都挺有設(shè)計感的,挺欣賞他們對產(chǎn)品認(rèn)真打磨的態(tài)度,所以不自覺的就對他們出的設(shè)計課程抱有好感。

外語不錯的也可以去Coursera上學(xué)英語授課英文字幕的《interaction-design》(交互設(shè)計)的微型課程,同樣學(xué)完七門課和一個畢業(yè)設(shè)計后可以拿到證書。

理論性課程:

《Design Thinking》(設(shè)計思維)是德國MOOC平臺上的iversity的一門設(shè)計課程,比較注重理論性通識類課程,實踐內(nèi)容幾乎為零,整體啟發(fā)性較強,不過只有英文作為課程語言。

優(yōu)質(zhì)網(wǎng)站:

Dribbble

Behance

站酷

花瓣

這類網(wǎng)站就像是設(shè)計師的臉書/人人網(wǎng),大牛設(shè)計師都在上面注冊并發(fā)表自己的作品,靈感枯竭的時候,覺得自己審美不夠的時候,都可以去上面逛逛,尋找靈感,提高審美,陶冶情操,和諧生活。

另外,真心推薦互聯(lián)網(wǎng)公司UED部門博客,干貨很多,值得學(xué)習(xí)。

騰訊CDC

騰訊ISUX

淘寶UED

阿里巴巴UED

網(wǎng)易用戶體驗設(shè)計中心UEDC

·各類App:

各種榜單、推薦應(yīng)用的賬號上新出來的App都可以關(guān)注,App集郵能力,就是你資歷的一部分,很多超越也是在巨人的肩膀上改出來的。

5、練手

光說不練假把式啦~

·參加比賽:

現(xiàn)在手機主題設(shè)計、App皮膚設(shè)計各種比賽到處都是,有一定寄出之后適當(dāng)參加比賽,都是鍛煉人能力,嶄露頭角的好地方,運氣好就直接拿到offer了。

·接私活:

雖然聽上去有點微妙,但臨摹能力、技術(shù)能力,這些都能在接私活中慢慢培養(yǎng)起來,而且還有真實收入。很有可能,你之后面試的作品就是私活帶來的。

·實習(xí):

既然要入行,當(dāng)然要去里面自己體會下個中滋味,如果有幸去了大公司,很好你就能熟悉一套規(guī)范的設(shè)計工作流程;如果去的是小公司,那你可能就要成為獨當(dāng)一面的全能手了。總之,出去歷練,是走向社會的第一步。

6、一點醒腦劑

初入行的你和年薪XX萬的高級設(shè)計師之間有多少差距?

這里貼上facebook的產(chǎn)品設(shè)計師總監(jiān)Julie Zhuo用草圖解釋初級設(shè)計師和高級設(shè)計師差別的文章,三個對比圖,簡單明了但發(fā)人深省,自我感覺良好的時候,可以上來看兩眼醒醒腦。

從工作流程上來看,初級設(shè)計師就像亢奮的小精靈;高級設(shè)計師則在瘋狂中有規(guī)則。

在設(shè)計追求上,初級設(shè)計師追求設(shè)計美感;高級設(shè)計師則創(chuàng)造新的價值。

在解決問題上,初級設(shè)計師往往脫離實際;高級設(shè)計師則更貼近產(chǎn)品實際。

最后說一點自己的想法

很多人說互聯(lián)網(wǎng)寒冬來了,眼看著找不到工作的學(xué)弟學(xué)妹逃離北上廣,縮招裁員越來越明顯,就極力游說周圍的人別再從事程序員、設(shè)計師、產(chǎn)品經(jīng)理等與互聯(lián)網(wǎng)相關(guān)的崗位。

其實我始終不太贊同這個觀點,這只是前幾年互聯(lián)網(wǎng)過度樂觀膨脹發(fā)展后終于回歸理性而已。

回歸理性,意味著已經(jīng)過了人有多大膽,地有多大產(chǎn)的時代。

回歸理性,意味著行業(yè)從野蠻生長逐漸轉(zhuǎn)向遵循市場規(guī)律。

回歸理性,意味著企業(yè)對人才需求仍在,但要求漸高。

所以,做一個不那么恰當(dāng)?shù)谋扔鳎?/p>

多才多藝的設(shè)計師就像一線城市的房價,盡管開價很高但還是供不應(yīng)求。

學(xué)藝不精的設(shè)計師就像十八線城市的房價,在一路下跌的頹勢再也硬不起來。

核心技能點是人才流通市場上永遠的硬通貨。

雞湯一碗,與君共勉。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,488評論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,034評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,327評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,554評論 1 307
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 71,337評論 6 404
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 54,883評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 42,975評論 3 439
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,114評論 0 286
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,625評論 1 332
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,555評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,737評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,244評論 5 355
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 43,973評論 3 345
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,362評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,615評論 1 280
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,343評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 47,699評論 2 370

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