先說說我自己:01年考入北京郵電大學工業設計專業,一個全新的專業,很多同學都是被調劑過來的,沒有藝術基礎,大家都是從小白被動開始學設計,既沒興趣,也沒基礎。那時候“設計”和“用戶體驗”的概念遠沒有現在這么成熟,但是很多同學經過這么多年的歷練,在行業內都成了頂呱呱的設計師或者領導者。自己也開過十來年的設計公司,有設計背景和轉行學設計的都面試過很多,有些“自學成才”的小白,每天埋頭臨摹各種花哨的圖標,精通C4D,但是做出的界面十分粗糙,顯然努力錯了方向;也接觸過很多培訓機構出來的學員,簡歷和作品集千篇一律,問到對互聯網產品的了解以及作品中的思考卻又支支吾吾。當然也有不少通過自己努力成功入行的。所以建議題主在入行之前一定要認真了解行業現狀、互聯網公司一般的用人需求,然后再有針對性地學習和準備。
小白的學習方式
一般學UI設計分為自學和上培訓班(很多大學生畢業后也會選擇培訓班系統學習)兩種:自學的優勢是省錢,但是會缺乏系統性(現在是知識變現的年代,真正的干貨是不會免費的),也會浪費大量的時間;上培訓班可以系統學習,但是問題是不靠譜的很多(包括機構和個人),有很多就是有幾年的工作經驗就急于跑出來變現的。例如在某某課堂上看到老師講的東西,連概念都搞不清。至于有些機構這些年打著招聘的旗號招學員,打著包就業的幌子,在學習中教學生簡歷造假的丑聞就太多了。
設計師系統學習的流程和方法:
一、認清概念,UI、UE、UX、GUI、ID有什么區別?
我們常說的UI設計,即用戶界面設計“UserInterfaceDesign”,大家常常混淆幾個概念:UE、UX、UI、GUI、ID,我們一起看看他們之間的關系和區別:很多傳統的企業把UI設計等同于美工,實際上有很大的差別,美工主要是負責界面的美化,而UI設計師不僅要負責界面的美觀,還要站在產品的角度,參與流程的優化、把設計進行工程化的輸出。
二、學會評判設計,好設計的四個標準
1.好的設計首先是實用的優秀的界面視覺設計,一定是便于用戶使用的。利于使用,是設計的根本需求。設計師未必是好的藝術家,好的藝術家也未必是好設計師我們遇到不少初學UI設計的同學在問:“學設計要從學手繪開始嗎?”有這樣的疑問,其實是沒有區分開設計和藝術的不同。設計和藝術是不一樣的:設計本身是服務于產品,是在一定規范下完成信息的傳達,而藝術品純粹重在表達。UI設計師是用自己的設計服務于產品,在視覺規范下完成信息的視覺傳達和表現,最終滿足用戶的需求。以用戶為中心的設計視覺設計本身也同樣以用戶為中心,圍繞著用戶的需求以及目標用戶的心理概念模型展開。比如:小時候過年,你領到壓歲錢以后,是不是基本都“上交”給了爸媽?你爸媽說要給你存起來,這都過去二三十年了,你知道你的壓歲錢去哪兒了嗎?如果當時就有支付寶,你可以把壓歲錢存進余額寶漲利息,是不是就有機會自行支配資產了?現在的孩子就比你幸福多了,支付寶最近出了一個【小錢袋】功能,主要是幫助小朋友存儲和管理自己的資產,比如壓歲錢和零花錢。這個功能的推出,就符合小朋友們(據說00后可有錢了呢)的需求,也便于父母單獨管理孩子的自有資產,減少親子之間因為壓歲錢產生的小矛盾。每一個視覺元素均有意義在一頁用戶界面中,每一個視覺元素都有它要實現的目標,而不是單純出現的裝飾性元素。比如:知群需要設計一張封面圖。先說一下設計的業務背景和需求:設計師需要為【知群產品設計訓練營】設計一張封面圖,需求是視覺上符合審美,重點是突出訓練營,讓用戶看到封面圖,即能理解訓練營的價值和作用,更愿意點擊。大家對比一下優化前后的方案,哪里發生了變化?設計方案V2.0相對V1.0版本,增加了一個“小旗子”的視覺元素,這個“小旗子”可不是隨便加上的,因為這個“小旗子”的存在,在第二張圖里,我們的閱讀順序就非常連貫。一個UI設計初學者,以產品設計訓練營為起點開始入門,循序漸進地掌握了軟件能力、造型能力、色彩能力、界面排版能力之后,再經過名企項目實戰積累經驗,最終產出作品集。經歷過這樣完整的過程后,才有足夠的專業實力和信心,證明自己掌握了UI設計的核心競爭力。這個“小旗子”視覺元素的增加,其實是從視覺上突出了訓練營對于UI設計初學者可以起到入門的作用,也讓用戶理解到從入門到掌握核心競爭力需要經歷的完整過程,用設計引導用戶的視覺閱讀順序,從而增加對封面圖的點擊。2、容易讓用戶快速學會使用在尼爾森可用性標準中,有一個易學性原則。遵循這個原則,在保持美觀性基礎上,更重要的是能夠準確、快速、有效地傳達信息,讓用戶更容易學會使用。-微信“搖一搖”的圖標,就能夠讓用戶快速學會如何使用這個功能。-搜索界面、語音圖標,能夠引導用戶快速使用語音功能。-微信會話界面輸入控件旁的笑臉,能夠讓用戶快速學會發表情。就算是爺爺奶奶看見這個笑臉,也更容易理解這里可以發表情給你吧。3、產品中的設計元素都是統一的設計師如何能讓用戶快速、有效、容易地使用產品?那就需要設計師保持在產品中的設計元素的統一性。建立統一的標準這里提到的統一指的是在同一套標準下,設計上面的統一,即同樣的功能保持一致。設計師需要建立和維護視覺設計規范,來保持設計的統一性。大廠名企的設計團隊都有自己的設計規范,比如:AntDesign。螞蟻金服的設計系統我平時不管是帶新人還是教別人,都會通過大廠的設計規范,讓大家學會如何建立和維護視覺設計規范,便于保持設計元素的統一性。iOS11和MaterialDesign設計規范大綱
相同功能保持一致針對相同的功能,在視覺呈現上保持一致,達到統一的效果。統一是降低學習成本的關鍵統一的界面設計,可以降低用戶的學習成本,能夠提高產品使用效率。4、好的設計必須是美學的體現好的設計在視覺上必須是美的體現,這里有一個關鍵點:對于目標用戶來說,設計要好看。這里的的關鍵點就是“目標用戶”認為的好看。設計并不是設計師主觀上的好看,而是需要深入了解和考慮目標用戶的審美喜好,做出他們覺得好看的設計。比如:你作為設計師,要為3-6歲的兒童設計一個界面,那么你就需要深入了解這個年齡段的孩子認為什么樣的美的。或許作為成年人的我們認為“性冷淡”風更顯高級,但是對于孩子來說,“紅配綠”或許是他們最愛的。三、UI設計師必須掌握的5項能力
UI設計入門需要掌握5項能力:1.圖形造型能力比如你要畫一個星星圖標,不僅需要畫出一個“星星”的形態,還要符合造型審美。2.圖形表現能力你畫的這個星星不僅有“星星”的造型,還要有質感,比如毛茸茸的質感、大理石的質感。3.色彩表現能力你怎么為“星星”進行色彩配色,比如說用漸變鄰近色,還是選擇對比色配接起來配色。4.終端規范能力你把這個“星星”做好之后,放在界面里面,需要注意哪些,比如界面最小可點擊范圍是48px*48px,那么就要注意這個“星星”圖標尺寸不要小于這個尺寸。5.終端界面能力當圖標這種小元素做完之后,放在整個界面里,要注意優先級排序,以及界面與界面之間的邏輯關系。這5個能力之間什么關系呢?這些能力又應該從哪里入手掌握呢?我們分別來看一下:終端界面能力和終端規范能力屬于設計專項能力,主要表現為做界面設計。圖形表現能力、圖形造型能力、色彩能力屬于設計底層能力,是做各種設計的基礎,不僅可以做界面設計,還能做插畫設計、運營設計、品牌設計。界面設計比如常見的APP或網頁的界面設計。插畫設計比如在做APP開屏廣告時,就可以用豐富造型、大膽配色的插畫風格,吸人眼球,提升廣告頁面的觀看時間。運營設計比如淘寶、京東等電商首頁Banner,或者得到APP的課程詳情頁。品牌設計設計品牌的LOGO、VI視覺等四、UI設計師能力模型如何掌握
入門UI設計師,這5項能力通過短時間學習(比如4個月),需要掌握到什么程度?做產品、設計需要考慮優先級,其實掌握技能也需要分清優先級,先抓重點,各個擊破。在入門學習UI設計的時候,要分清熟練掌握和基本掌握的技能,在有限的時間里重點突破:1.熟練掌握:終端界面能力和終端規范能力這2項能力可以通過短時間學習,快速掌握和上手。這兩項能力的掌握也有大量的參考資料和前人經驗值得學習參考。2.基本掌握:圖形造型能力、圖形表現能力、色彩能力因為這3項能力很難在短時間內速成,而是需要長時間的刻意練習和積累。如果你想自學UI設計,也需要給自己設計適合的難度梯度學習路徑,幫助自己在有效時間內入門UI設計。五、UI設計學習的5個階段
學習任何技能,一口吃不了胖子,都需要循序漸進,先打基礎再提升。UI設計的學習也是這樣。我們以圖標造型能力為例,看一下怎樣由淺入深地掌握5項能力?如果你想自學UI,也適合你根據這個學習曲線,規劃自己的學習階段圖標造型能力學習流程所以,掌握一個技能或知識點,需要經過以下這5個階段:1、了解概念扁平和擬物是兩個大的圖標分類。當你了解了基礎的圖標概念,再通過臨摹學習加深對基礎概念的理解。2、臨摹學習知群教研組老師們之所以選擇了通過Android圖標的講解,來讓同學們臨摹練習,是因為Android圖標的設計過程是開放的,有豐富的學習資料,便于同學們參考借鑒。3、舉一反三在同學們掌握了Android圖標的臨摹之后,老師會讓他們通過練習扁平圖標,來達到舉一反三的效果。因為扁平圖標相對復雜,因為涉及到圖形和組合、點線面的組合,這對同學們來說,難度有升級,但是同學們又能在挑戰中獲得成就感。4、應用實踐知群的老師會教給同學們圖形組合和創意的方法,幫助同學們最終能做出屬于自己的一套圖標。這樣完整的圖標,也可以放在作品集中,成為面試中凸顯自己設計細節感的亮點。5、最終掌握該能力在經歷了了解概念、臨摹學習、舉一反三、應用實踐的完整流程后,才算是真的掌握了圖標造型能力。怎么算是真正掌握一項能力呢?就是你不僅會設計一套適合品牌調性的圖標,還能舉一反三,在產品接觸用戶全流程的各個觸點,都用帶有品牌意義的圖形造型,將產品和品牌的價值傳遞給用戶,做到真正的應用。六、額外建議:平時要多下功夫
UI設計水平的提升要多看、多用、多想、多做。多看優秀同行的作品,了解時下流行的風格,提升自己審美水平;多用設計優良的小眾產品,體驗產品流程、設計、動效等內容,體會設計師背后的思考邏輯;多想這些產品為什么這么做,還有哪些優化空間;多動手臨摹,避免眼高手低。下面推薦一些平臺:1.最美應用(公眾號和App)最美應用是老牌的應用推薦平臺,大家可以關注“最美應用”推薦的產品和專題,這些優秀的產品往往在功能、設計、交互方面有著獨到的地方,在這背后設計師和產品經理有著什么樣的思考?為什么做成這樣?能否借鑒?這些問題都值得大家深入思考。2.設計師常用網站,多去膜拜大神,多動手臨摹他們的作品包括Dribbble、Behance、Pinterest、知群設計圈等等,這些優秀設計師作品展示平臺間接向我們傳遞著設計潮流、設計趨勢、設計方法,尤其是知群設計圈,翻譯了很多國外的專業文章,值得一讀。