前段時(shí)間晴竞,關(guān)注互聯(lián)網(wǎng)行業(yè)的朋友應(yīng)該在朋友圈都刷到了《2016亲族,UI設(shè)計(jì)失業(yè)潮來了崔慧!》這篇文章拂蝎,大致意思是說純界面設(shè)計(jì)的UI的市場(chǎng)已經(jīng)趨于飽和,如果想要成為offer收割機(jī)惶室,只精通頁面設(shè)計(jì)并不夠温自。雖然文章有些標(biāo)題黨,但說的卻是大實(shí)話皇钞,其實(shí)不只是設(shè)計(jì)行業(yè)悼泌,現(xiàn)在每個(gè)行業(yè)都更歡迎復(fù)合型人才,想自學(xué)成為UI設(shè)計(jì)師夹界,也需要多方面的儲(chǔ)備知識(shí)馆里。
1、UI設(shè)計(jì)師是什么可柿?
不說UI設(shè)計(jì)師鸠踪,就連設(shè)計(jì)師,很多人都以為只是P圖的美工复斥,這里有必要先明確一下UI設(shè)計(jì)師的概念营密。
維基百科對(duì)于UI定義:
UI,也即用戶界面(UserInterface目锭,簡(jiǎn)稱UI评汰,亦稱使用者界面)是系統(tǒng)和用戶之間進(jìn)行交互和信息交換的媒介,它實(shí)現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換侣集。
因此键俱,UI設(shè)計(jì)師也就是設(shè)計(jì)用戶界面的人兰绣。
毫不夸張地說世分,在顏值當(dāng)?shù)赖哪甏琔I設(shè)計(jì)師的水平缀辩,直接決定了互聯(lián)網(wǎng)產(chǎn)品(網(wǎng)站臭埋、App、網(wǎng)上店鋪等)的顏值臀玄。無論產(chǎn)品的質(zhì)量怎樣瓢阴,用戶接觸產(chǎn)品的第一幕,就是UI設(shè)計(jì)師給產(chǎn)品設(shè)計(jì)的這張臉健无,而像我這種“顏狗”荣恐,一旦產(chǎn)品的顏值達(dá)不到我的標(biāo)準(zhǔn),下一步就是關(guān)閉/卸載。
一個(gè)好的UI設(shè)計(jì)師叠穆,能潤(rùn)物于無聲少漆,在渾然天成的設(shè)計(jì)中為產(chǎn)品注入新的價(jià)值,絕不是普通的打雜美工硼被。
2示损、UI設(shè)計(jì)師的基礎(chǔ)修養(yǎng)
·設(shè)計(jì)總體認(rèn)知
在進(jìn)入一個(gè)未知的領(lǐng)域前,我總傾向于先梳理這個(gè)領(lǐng)域的架構(gòu)嚷硫,待有了比較全面認(rèn)知后再深挖检访,這其實(shí)也是大學(xué)專業(yè)課程設(shè)置的思路,先學(xué)習(xí)一門導(dǎo)論課仔掸,了解基本概念脆贵,再進(jìn)入細(xì)分領(lǐng)域。學(xué)習(xí)UI設(shè)計(jì)也是一樣起暮,先對(duì)整個(gè)設(shè)計(jì)專業(yè)有總體認(rèn)知丹禀,再去學(xué)技法層面的內(nèi)容、規(guī)則鞋怀,慢慢把知識(shí)庫(kù)填充完整双泪,如果有條件,可以嘗試了解一個(gè)新的互聯(lián)網(wǎng)產(chǎn)品出爐的工作流程密似。這樣焙矛,在局部學(xué)習(xí)前,就能對(duì)重難點(diǎn)残腌、課程框架都心中有數(shù)村斟。
·技術(shù)基礎(chǔ)
如果說程序員一天中大部分時(shí)間都在碼代碼,那么設(shè)計(jì)師的時(shí)間都留給了Photoshop抛猫、Axure蟆盹、Adobe Illustrator,涂涂修修確實(shí)是常態(tài)闺金,而這里逾滥,也是“美工”稱呼的發(fā)源地。嫻熟的技法败匹,是完美展現(xiàn)設(shè)計(jì)作品的必備條件寨昙,作為UI設(shè)計(jì)師,也應(yīng)當(dāng)熟練掌握這些常用軟件掀亩。稍低一點(diǎn)的要求舔哪,是至少能精通其中一款軟件,各種操作都已經(jīng)形成自然反應(yīng)槽棍,其他軟件也能通個(gè)七八分捉蚤。
不過抬驴,學(xué)完這些軟件之后,切忌炫技缆巧,學(xué)到這步怎爵,你只是學(xué)會(huì)了修圖,還只在美工的地步盅蝗,并談不上設(shè)計(jì)鳖链。
·畫圖基礎(chǔ)
有人以為,設(shè)計(jì)師只要去圖庫(kù)網(wǎng)站找一些素材墩莫,借助工具進(jìn)行修飾即可芙委,其實(shí)這只能鍛煉你的借鑒能力,當(dāng)你的技法嫻熟到一定程度狂秦,就可以嘗試臨摹灌侣。通過臨摹,一則用來強(qiáng)化技法層面的能力裂问,二來也能提升初學(xué)者的創(chuàng)新能力侧啼。
臨摹的內(nèi)容,可以有兩方面選擇:一種是系統(tǒng)自帶的圖標(biāo)堪簿,比如Mac OX痊乾、Windows,或者移動(dòng)端iOS椭更、Android的原生圖標(biāo)哪审,都是精心打磨過,既能幫助初學(xué)者了解平臺(tái)設(shè)計(jì)規(guī)則虑瀑,又能在臨摹中逐漸鞏固常用軟件的技術(shù)湿滓。另一種則是行業(yè)牛人的設(shè)計(jì)作品,捉摸他們的設(shè)計(jì)風(fēng)格舌狗、思想和細(xì)節(jié)叽奥,都能加深對(duì)設(shè)計(jì)的認(rèn)識(shí)。
·各平臺(tái)設(shè)計(jì)規(guī)則
iOS痛侍、Android朝氓、WP、Windows恋日、Mac OX各個(gè)平臺(tái)都有自己的設(shè)計(jì)規(guī)則和偏好膀篮,在移動(dòng)端嘹狞,連每款機(jī)型的分辨率岂膳、狀態(tài)欄高度、導(dǎo)航欄高度磅网、圖標(biāo)尺寸谈截、字體、顏色值都有嚴(yán)格的規(guī)定。這些平臺(tái)的設(shè)計(jì)規(guī)則簸喂,在搜索引擎上都能被檢索到毙死。
·理解能力
作為設(shè)計(jì)的上游,產(chǎn)品經(jīng)理常常會(huì)直接發(fā)需求文檔給設(shè)計(jì)喻鳄,能讀懂產(chǎn)品文檔扼倘、快速分析需求,定位出風(fēng)格除呵、色調(diào)再菊、元素,最后迅速把產(chǎn)品需求視覺化颜曾,就是產(chǎn)品經(jīng)理們最愛合作的設(shè)計(jì)師了纠拔。
3、UI設(shè)計(jì)師的進(jìn)階修養(yǎng)
·審美意識(shí)
先來看兩個(gè)肥腸火熱地知乎問題:
國(guó)內(nèi)有哪些非常有設(shè)計(jì)感的 App泛豪?
國(guó)外有哪些非常有設(shè)計(jì)感的 app稠诲?
為什么我們青睞每日故宮、榫卯诡曙、網(wǎng)易云音樂這類應(yīng)用臀叙?除了應(yīng)用本身生產(chǎn)的優(yōu)質(zhì)內(nèi)容外,設(shè)計(jì)感是很重要的一點(diǎn)价卤,君不見多少用戶贊美良心設(shè)計(jì)匹耕。
→_→那么,什么是設(shè)計(jì)感呢荠雕?投射到設(shè)計(jì)師身上稳其,大概就是設(shè)計(jì)師自身的審美意識(shí)了。
至于審美意識(shí)要如何培養(yǎng)炸卑、提高既鞠,這就跟你去問文學(xué)家要如何提高寫作能力一樣,他大概也是懵逼的盖文。日積月累地瀏覽嘱蛋、學(xué)習(xí)、思考五续、聯(lián)系洒敏,大概就是逐漸提升的可能途徑吧。
·用戶體驗(yàn)
從前疙驾,除了設(shè)計(jì)界面的UI設(shè)計(jì)師之外凶伙,互聯(lián)網(wǎng)公司會(huì)專門設(shè)置專門的用戶研究中心來處理用戶體驗(yàn)的種種問題,但如今多元的趨勢(shì)下它碎,一個(gè)互聯(lián)網(wǎng)產(chǎn)品的視覺設(shè)計(jì)函荣,需要懂一點(diǎn)產(chǎn)品显押、懂一點(diǎn)用戶體驗(yàn),才能更有效的推進(jìn)合作流程傻挂,同時(shí)也會(huì)培養(yǎng)自己多元化的思維方式(用戶研究以縝密的邏輯發(fā)展乘碑,而UI設(shè)計(jì)則更加追求審美)。
·交互設(shè)計(jì)
分不清交互和UI的人金拒,可能一抓一大把兽肤,事實(shí)上,這還是有區(qū)別的绪抛。從一般意義上說轿衔,UI主要做的是圖形用戶界面,也可以稱為GUI設(shè)計(jì)師睦疫;交互設(shè)計(jì)主要做處理點(diǎn)事人機(jī)互動(dòng)的界面害驹,任何與機(jī)器打交道的過程,都需要交互設(shè)計(jì)師來參與蛤育。
但坦白說宛官,現(xiàn)在的App中,有多少操作能把UI和交互完全清楚地剝離開來呢瓦糕?一個(gè)好的產(chǎn)品底洗,需要美觀的界面和順滑的交互,也就離不開設(shè)計(jì)師兩種能力的相輔相成了咕娄。尤其現(xiàn)在亥揖,設(shè)計(jì)趨向扁平化的時(shí)期,只要遵循設(shè)計(jì)規(guī)范圣勒,交互設(shè)計(jì)甚至能出了設(shè)計(jì)稿后直接給開發(fā)去實(shí)現(xiàn)费变,單純UI設(shè)計(jì)的存在感日益弱化。
·代碼能力
這幾年互聯(lián)網(wǎng)產(chǎn)品最火的推廣方式是什么圣贸?
自然是H5挚歧!
那么如果一個(gè)設(shè)計(jì)師既能做好設(shè)計(jì),又能完善布局前端代碼吁峻,那么只要有一個(gè)簡(jiǎn)單idea滑负,經(jīng)過你的手就能完全實(shí)現(xiàn)。這種復(fù)合型人才是多少公司爭(zhēng)搶的對(duì)象呢用含?不過這些都是進(jìn)一步的要求了矮慕。
4、資料
說了很多啄骇,下面推薦一些適合入門的書籍與網(wǎng)絡(luò)資源痴鳄,以供參考。
·書籍
《Don’t MakeMe Think》(點(diǎn)石成金)
這本書已經(jīng)了好幾版了肠缔,能這樣一遍遍修訂出版的夏跷,除了學(xué)生用的教材哼转,就是業(yè)界的圣經(jīng)了明未。這本書主要講的是如何通過網(wǎng)站設(shè)計(jì)來提高網(wǎng)站的可用性槽华,除了網(wǎng)頁設(shè)計(jì)外,也包括了一些用戶心理研究等內(nèi)容趟妥,語句曉暢猫态,讀起來十分輕松。里面的案例雖然有點(diǎn)久了披摄,但經(jīng)典的案例永遠(yuǎn)不會(huì)過時(shí)亲雪。作為初入學(xué)者,能從一本書里看到整個(gè)領(lǐng)域的大局疚膊,也有逐漸養(yǎng)成設(shè)計(jì)師的思維义辕,是入門啟迪型書籍。
《寫給大家看的設(shè)計(jì)書》
一本Robin Williams大師寫的老生常談寓盗,本書主要圍繞對(duì)比(Contrast)灌砖、重復(fù)(Repetition)、對(duì)齊(Alignment)傀蚌、親密性(Proximity)四個(gè)設(shè)計(jì)基本原則展開基显,短短200頁,門外漢讀起來也不費(fèi)力善炫,但讀完這本書你會(huì)明白設(shè)計(jì)的重要性撩幽。另外,這本書的排版箩艺、文字編排也很有設(shè)計(jì)感窜醉,讀起來更加舒服。
《破繭成蝶:用戶體驗(yàn)設(shè)計(jì)師的成長(zhǎng)之路》
前面的書是理論型的艺谆,這本是則比較注重實(shí)踐酱虎,結(jié)合本土互聯(lián)網(wǎng)公司案例解釋了很多落地的問題,甚至還有具體崗位介紹擂涛,面試細(xì)節(jié)读串,工作流程等,可以作為工作的工具書撒妈。
《設(shè)計(jì)之下》
通過搜狐新聞客戶端UED團(tuán)隊(duì)的設(shè)計(jì)過程恢暖,完整展現(xiàn)真實(shí)的設(shè)計(jì)流程。全書分為三個(gè)部分狰右,第一部分為“交互設(shè)計(jì)”杰捂,主要總結(jié)了大局觀、操作流程簡(jiǎn)捷棋蚌、形式新穎且統(tǒng)一嫁佳、各種特殊情況等交互設(shè)計(jì)要點(diǎn)挨队。第二部分為“視覺設(shè)計(jì)”,闡述了界面蒿往、顏色盛垦、圖標(biāo)、質(zhì)感瓤漏、動(dòng)畫腾夯、等具體方法。第三部分為“他們眼中的優(yōu)秀設(shè)計(jì)師”蔬充,通過產(chǎn)品經(jīng)理蝶俱、程序員、運(yùn)營(yíng)饥漫、市場(chǎng)經(jīng)理的視角榨呆,闡述了如何成為一名優(yōu)秀的設(shè)計(jì)師,同樣是1-2歲的設(shè)計(jì)師學(xué)習(xí)的好書庸队。
·網(wǎng)絡(luò)資源
李濤的PS課程:
試圖學(xué)習(xí)過PS的同學(xué)應(yīng)該都知道李濤积蜻,講課深入淺出、旁征博引皿哨,節(jié)奏也合適浅侨,聽?zhēng)坠?jié)課下來對(duì)PS會(huì)有不少新的見解,比自己一個(gè)人悶頭搜索效率高多了证膨。
這三門網(wǎng)易云課堂上的課程是李濤免費(fèi)的PS課程如输,從基礎(chǔ)到提高都有,還比較全面央勒,學(xué)的人也都有個(gè)幾萬不见,評(píng)價(jià)蠻好。
另外崔步,李濤自己也和別人一起創(chuàng)辦了一個(gè)在線學(xué)習(xí)網(wǎng)站:高高手稳吮,在他的個(gè)人主頁上也有他的課程,部分收費(fèi)井濒。
完整的設(shè)計(jì)課程:
從頭開始學(xué)的可以考慮網(wǎng)易云課堂和浙大一起推出的《UI設(shè)計(jì)師》和《交互設(shè)計(jì)師》微專業(yè)灶似。相比線下培訓(xùn)班動(dòng)輒幾萬的價(jià)格和固定時(shí)間學(xué)習(xí),在線學(xué)習(xí)更加方便點(diǎn)瑞你,而且說真的酪惭,網(wǎng)易出的那些App,像網(wǎng)易云音樂者甲、LOFTER還都挺有設(shè)計(jì)感的春感,挺欣賞他們對(duì)產(chǎn)品認(rèn)真打磨的態(tài)度,所以不自覺的就對(duì)他們出的設(shè)計(jì)課程抱有好感。
外語不錯(cuò)的也可以去Coursera上學(xué)英語授課英文字幕的《interaction-design》(交互設(shè)計(jì))的微型課程鲫懒,同樣學(xué)完七門課和一個(gè)畢業(yè)設(shè)計(jì)后可以拿到證書嫩实。
理論性課程:
《Design Thinking》(設(shè)計(jì)思維)是德國(guó)MOOC平臺(tái)上的iversity的一門設(shè)計(jì)課程,比較注重理論性通識(shí)類課程窥岩,實(shí)踐內(nèi)容幾乎為零甲献,整體啟發(fā)性較強(qiáng),不過只有英文作為課程語言谦秧。
優(yōu)質(zhì)網(wǎng)站:
這類網(wǎng)站就像是設(shè)計(jì)師的臉書/人人網(wǎng)竟纳,大牛設(shè)計(jì)師都在上面注冊(cè)并發(fā)表自己的作品撵溃,靈感枯竭的時(shí)候疚鲤,覺得自己審美不夠的時(shí)候,都可以去上面逛逛缘挑,尋找靈感集歇,提高審美,陶冶情操语淘,和諧生活诲宇。
另外,真心推薦互聯(lián)網(wǎng)公司UED部門博客惶翻,干貨很多姑蓝,值得學(xué)習(xí)。
網(wǎng)易用戶體驗(yàn)設(shè)計(jì)中心UEDC
·各類App:
各種榜單吕粗、推薦應(yīng)用的賬號(hào)上新出來的App都可以關(guān)注纺荧,App集郵能力,就是你資歷的一部分颅筋,很多超越也是在巨人的肩膀上改出來的宙暇。
5、練手
光說不練假把式啦~
·參加比賽:
現(xiàn)在手機(jī)主題設(shè)計(jì)议泵、App皮膚設(shè)計(jì)各種比賽到處都是占贫,有一定寄出之后適當(dāng)參加比賽,都是鍛煉人能力先口,嶄露頭角的好地方型奥,運(yùn)氣好就直接拿到offer了。
·接私活:
雖然聽上去有點(diǎn)微妙碉京,但臨摹能力厢汹、技術(shù)能力,這些都能在接私活中慢慢培養(yǎng)起來收夸,而且還有真實(shí)收入坑匠。很有可能,你之后面試的作品就是私活帶來的卧惜。
·實(shí)習(xí):
既然要入行厘灼,當(dāng)然要去里面自己體會(huì)下個(gè)中滋味夹纫,如果有幸去了大公司,很好你就能熟悉一套規(guī)范的設(shè)計(jì)工作流程设凹;如果去的是小公司舰讹,那你可能就要成為獨(dú)當(dāng)一面的全能手了∩林欤總之月匣,出去歷練,是走向社會(huì)的第一步奋姿。
6锄开、一點(diǎn)醒腦劑
初入行的你和年薪XX萬的高級(jí)設(shè)計(jì)師之間有多少差距?
這里貼上facebook的產(chǎn)品設(shè)計(jì)師總監(jiān)Julie Zhuo用草圖解釋初級(jí)設(shè)計(jì)師和高級(jí)設(shè)計(jì)師差別的文章称诗,三個(gè)對(duì)比圖萍悴,簡(jiǎn)單明了但發(fā)人深省,自我感覺良好的時(shí)候寓免,可以上來看兩眼醒醒腦癣诱。
從工作流程上來看,初級(jí)設(shè)計(jì)師就像亢奮的小精靈袜香;高級(jí)設(shè)計(jì)師則在瘋狂中有規(guī)則撕予。
在設(shè)計(jì)追求上,初級(jí)設(shè)計(jì)師追求設(shè)計(jì)美感蜈首;高級(jí)設(shè)計(jì)師則創(chuàng)造新的價(jià)值实抡。
在解決問題上,初級(jí)設(shè)計(jì)師往往脫離實(shí)際疾就;高級(jí)設(shè)計(jì)師則更貼近產(chǎn)品實(shí)際澜术。
最后說一點(diǎn)自己的想法
很多人說互聯(lián)網(wǎng)寒冬來了,眼看著找不到工作的學(xué)弟學(xué)妹逃離北上廣猬腰,縮招裁員越來越明顯鸟废,就極力游說周圍的人別再?gòu)氖鲁绦騿T、設(shè)計(jì)師姑荷、產(chǎn)品經(jīng)理等與互聯(lián)網(wǎng)相關(guān)的崗位盒延。
其實(shí)我始終不太贊同這個(gè)觀點(diǎn),這只是前幾年互聯(lián)網(wǎng)過度樂觀膨脹發(fā)展后終于回歸理性而已鼠冕。
回歸理性添寺,意味著已經(jīng)過了人有多大膽,地有多大產(chǎn)的時(shí)代懈费。
回歸理性计露,意味著行業(yè)從野蠻生長(zhǎng)逐漸轉(zhuǎn)向遵循市場(chǎng)規(guī)律。
回歸理性,意味著企業(yè)對(duì)人才需求仍在票罐,但要求漸高叉趣。
所以,做一個(gè)不那么恰當(dāng)?shù)谋扔鳎?/p>
多才多藝的設(shè)計(jì)師就像一線城市的房?jī)r(jià)该押,盡管開價(jià)很高但還是供不應(yīng)求疗杉。
學(xué)藝不精的設(shè)計(jì)師就像十八線城市的房?jī)r(jià),在一路下跌的頹勢(shì)再也硬不起來蚕礼。
核心技能點(diǎn)是人才流通市場(chǎng)上永遠(yuǎn)的硬通貨烟具。
雞湯一碗,與君共勉奠蹬。