前段時間,關(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)
·審美意識
先來看兩個肥腸火熱地知乎問題:
為什么我們青睞每日故宮、榫卯、網(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會有不少新的見解,比自己一個人悶頭搜索效率高多了。
這三門網(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)站:
這類網(wǎng)站就像是設(shè)計師的臉書/人人網(wǎng),大牛設(shè)計師都在上面注冊并發(fā)表自己的作品,靈感枯竭的時候,覺得自己審美不夠的時候,都可以去上面逛逛,尋找靈感,提高審美,陶冶情操,和諧生活。
另外,真心推薦互聯(lián)網(wǎng)公司UED部門博客,干貨很多,值得學(xué)習(xí)。
·各類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è)計師就像十八線城市的房價,在一路下跌的頹勢再也硬不起來。
核心技能點是人才流通市場上永遠的硬通貨。
雞湯一碗,與君共勉。