UI 設計初學者應該怎樣入門?

1、UI設計師是什么?

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

維基百科對于UI定義:

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

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

毫不夸張地說,在顏值當道的年代,UI設計師的水平,直接決定了互聯網產品(網站、App、網上店鋪等)的顏值。無論產品的質量怎樣,用戶接觸產品的第一幕,就是UI設計師給產品設計的這張臉,而像我這種“顏狗”,一旦產品的顏值達不到我的標準,下一步就是關閉/卸載。

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

2、UI設計師的基礎修養

·設計總體認知

在進入一個未知的領域前,我總傾向于先梳理這個領域的架構,待有了比較全面認知后再深挖,這其實也是大學專業課程設置的思路,先學習一門導論課,了解基本概念,再進入細分領域。學習UI設計也是一樣,先對整個設計專業有總體認知,再去學技法層面的內容、規則,慢慢把知識庫填充完整,如果有條件,可以嘗試了解一個新的互聯網產品出爐的工作流程。這樣,在局部學習前,就能對重難點、課程框架都心中有數。

·技術基礎

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

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

·畫圖基礎

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

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

·各平臺設計規則

iOS、Android、WP、Windows、Mac OX各個平臺都有自己的設計規則和偏好,在移動端,連每款機型的分辨率、狀態欄高度、導航欄高度、圖標尺寸、字體、顏色值都有嚴格的規定。

·理解能力

作為設計的上游,產品經理常?;嶂苯臃⑿棖笪牡蹈杓?,能讀懂產品文檔、快速分析需求,定位出風格、色調、元素,最后迅速把產品需求視覺化,就是產品經理們最愛合作的設計師了。

3、UI設計師的進階修養

·審美意識

為什么我們青睞每日故宮、榫卯、網易云音樂這類應用?除了應用本身生產的優質內容外,設計感是很重要的一點,君不見多少用戶贊美良心設計。

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

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

·用戶體驗

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

·交互設計

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

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

·代碼能力

這幾年互聯網產品最火的推廣方式是什么?

自然是H5!

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

4、資料

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

·書籍

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

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

《寫給大家看的設計書》

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

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

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

《設計之下》

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

·各類App

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

4、練手

光說不練假把式啦~

·參加比賽:

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

·接私活:

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

·實習:

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

5、偶爾提神醒腦

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

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

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


在設計追求上,初級設計師追求設計美感;高級設計師則創造新的價值。


在解決問題上,初級設計師往往脫離實際;高級設計師則更貼近產品實際。


最后說點自己的看法

很多人說互聯網寒冬來了,眼看著找不到工作的學弟學妹逃離北上廣,縮招裁員越來越明顯,就極力游說周圍的人別再從事程序員、設計師、產品經理等與互聯網相關的崗位。

其實我始終不太贊同這個觀點,這只是前幾年互聯網過度樂觀膨脹發展后終于回歸理性而已。

回歸理性,意味著已經過了人有多大膽,地有多大產的時代。

回歸理性,意味著行業從野蠻生長逐漸轉向遵循市場規律。

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

所以,做一個不那么恰當的比喻,

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

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

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

雞湯一碗,與君共勉。


文/UI設計培訓交流(簡書作者)

上一篇: 職場干貨:UI設計師如何提高面試通過率!

下一篇: UI設計師標準薪水是多少?

分享到: 更多
海南七星彩论坛粤海网 重庆时时人工计划网页 广东11选五免费计划软件下载 澳洲赛车在哪里看开奖 重庆时时开奖彩经网 大乐透开奖前多长时间停售 竞彩足球上下单双玩法 赌龙虎怎么可以赢 3d试机号口诀组三 怎么推广博彩 六码怎样倍投 彩票娱乐手机投注 全网最准平特三连肖 排列三组选6多少注 福彩双色球胆拖计算 福彩快三单双大小规律