如何從平面設計轉UI設計?首先要了解平面和UI之間的區別。

平面設計主要是做視覺設計,所以平面設計轉UI設計會比其他行業的人快很多,因為視覺這塊做平面設計的人懂的都差不多了。

學習UI設計可以分2部分。

軟體操作使用(軟體需要合理的練習方法,進行不斷的練習,並記錄使用技巧)

設計思維規範(學習他人的設計想法,找個大神學習,或者看書)

現在說說UI設計工作流程:

產品經理(PM)——互動設計師(IXD)——視覺設計師(GUI)——使用者研究工程師(UE)——程式設計師(RD)——運營(OP)

正致教育:如何從平面設計轉UI設計

產品經理(PM):產品經理,負責產品的需求收集、整理、歸納、深入挖掘,組織人員討論需求,進行產品規劃,然後畫原型,寫PRD,與UI設計師、互動設計師、開發人員、運營人員溝通,並推進、跟蹤產品開發到上線,上線後再根據運營人員收集的使用者反饋、需求,進行一下版本開發、迭代。

互動設計師(IXD):對產品進行行為設計和介面設計。 行為設計是指各種使用者操作後的效果設計。Web的操作以點選為主。點選操作又可以分為“表單提交”類和“跳轉連結”類兩種。除點選外,還涉及到拖拽操作等。 介面設計包括:頁面佈局、內容展示等眾多介面展現。

視覺設計師(GUI):基於對產品設計需求的良好理解能力,完成需要的視覺設計提案。團隊協作設定產品整體介面視覺風格與創意規劃。基於概念設計配合團隊高效的開展系統化的詳細視覺設計。具備手持移動端產品設計經驗或2年以上專業設計工作經驗的設計師優先

使用者研究工程師(UE):類似於問卷調查,使用者反饋,收據大量的反饋資料,不斷完善自己的產品,給使用者更好的體驗。使用者研究工程師主要是大型網際網路公司才會有這個職位,很多小公司是沒有的。

程式設計師(RD):這個就很好理解了,主要工作就是講設計好的作品,以程式碼的形式寫入裝置,載體以視覺的形式展現出來。

運營(OP):任何APP或者作品,都是需要透過運營,推廣的讓更多的人群使用者使用產生盈利。

那麼從平面設計轉UI設計,怎麼轉?

關於ui設計的學習方法,沒有一個具體的門路!接下來我來說說我的觀點,如果你是零基礎的小白就好好看看以下的內容!

第一階段:平面設計知識的掌握

那麼首先平面設計的知識又可以分為兩大階段,第一是軟體的運用,第二是理論知識的掌握!

那麼對於ui設計來說,平面設計軟體方面,需要掌握的有ps,ai這兩款就行了!

(關於軟體這邊再補充一點,因為從事ui設計並不僅僅掌握這兩款平面設計軟體就夠了,因為到後期,ui設計師將要具備互動設計,以及動效設計的能力,所以從這點來說,我們就要掌握相關的軟體了,比如做互動的AXURE,做動效設計的AE。所以總的來講呢,我們要學的軟體有四大件,PS , AI, AE, AXURE)

第二階段:美術基礎

那麼是不是做設計就一定先畫出美美的圖畫?

萬一驗證了自己是個手殘君怎麼辦?

其實用手繪和用PS都是工具繪畫,在擅長之前,

同樣是可以經過磨練達到熟練。

緊抓美術三大基礎:素描、色彩、速寫。

“3—2—1”規則,由淺入深,循序漸進

3周練習素描:把線條、構圖、光影的特點把握好,

2周時間瞭解色彩:對色彩原理、配色常用方法、多顏色漸變調和。

1周時間瞭解速寫:把握運動物體的形態、造型

只要你把上面的這些知識點都給掌握了,並且能夠熟練運用了,那你的手繪就算可以過關了!

那麼按照這樣的學習步驟,你花上幾周的時間,基本上就有了美術基礎,但是這個基礎,只是對你做ui設計會有幫助的,離真正的美術還是很有差距的!不過如果自身對美術手繪感興趣,可以等入行之後再慢慢的研究,學習!

第三階段:學習ui設計的規範

為什麼商業平面、淘寶美工這些型別不強調規範?而UI設計卻很強調規範。

因為商業平面和淘寶美工不太需要和開發打交道,只需要和甲方、客戶的審美打交道,

而在一個UED團隊裡,設計和程式是最重要的執行者。

一般設計的應用是基於IOS系統和Android系統執行。這兩個系統都有其官方的系統規範,這些規範都羅列了詳細的通用型設計框架。如各自系統狀態列、各個系統下的尺寸、導航欄和標籤欄的高度是多少、手機屏上最適字號是多大等。

第四階段:進行大量的臨摹學習

偉大的設計師都是從臨摹開始的,這個是毋庸置疑的!所以當你前期並不懂得設計的時候,你只有透過臨摹去提升自己的感覺,提升自己無論是軟體熟練度,還是審美造型能力!這些能力都能透過你臨摹作品體現,當你進行大量練習的同時這方面的能力肯定是在不斷的提升的!

現在有很多設計網站,要多利用業餘時間去臨摹。比如站酷、UI中國、dribbble、behance等等,設計這個東西每天都在發生著變化,你只有每天去看最新的設計師作品,才能跟上時代潮流,走上人生巔峰。

正致教育:如何從平面設計轉UI設計

第五階段:試著去參與專案

對於UI設計的工作流程,我覺得可以根據“市場分析-使用者分析-架構-原型-介面-輸出-完善”這條主線制定,每個環節UI設計師都應參與其中。

1、產品定位與位與市場分析

這一類工作大多都是由新產品研發部門以及市場需求完成的,但UI設計師應瞭解產品的市場定位、產品定義、客戶群體、運營方式等。

2、使用者研究與分析

這個過程是非常重要的,設計師應該找到合適的方法來完成此環節。你可以蒐集相關資料分析目標使用者的使用特徵、情感、習慣、心裡、需求等,提出使用者研究報告和可用性設計建議。這部分工作也可和團隊配合完成。時間與專案需求允許的情況下,更可以制定實景使用者分析。

3、架構設計

這裡涉及到比較多的介面互動與流程的設計,根據可用性分析結果制定互動方式、操作與跳轉流程、結構、佈局、資訊和其他元素。

4、原型設計

我覺得這裡應該是一個小的階段標誌,要對前面所有工作加以設計方面的實施,根據進度與成本,可以把原型控制在“手繪-圖形-FLASH-影片”幾個質量範圍。原型的本質更傾向與一個DEMO,它不需要有全部的功能,但要體現出設計物件的基本特性。

5、介面設計

如果很傾向於圖形介面設計,這兒是你最喜歡的部分。但一定要結合迴圈討論過的分析結果做設計,否則你的作品很難被人信服。色調、風格、介面、視窗、圖示、面板的表現是本環節的關鍵。

6、介面輸出

作為設計師,在這一部分的工作就是配合好開發人員完成相關的介面結合。

7、完善工作

這個環節是很多部門共同參與的,包括可用性的迴圈研究、使用者體驗回饋、測試回饋。同時,UI人員也應該把一些可行性建議進行完善。很多設計師做了東西不喜歡改,這是一個大忌。

如上的流程,可能會有很多部門共同參與完成,UI設計師如何與團隊配合併發揮自己應有的作用非常重要。一名合格的UI設計師,應該能貫穿整個UI流程進行工作,而並非是單純的圖形介面設計。

正致教育:如何從平面設計轉UI設計

湖南正致教育專注UI設計師人才的培養,幫助想快速提升UI技能的同學。

更多幹貨請關注公眾號:fcjyzyxt