UI視覺設計師工作流程上的總結與建議

2021-08-11 10:36:36 字數 2535 閱讀 5668

最近有一些剛入行的學妹過來問我,如何才能成為一名合格的設計師,我想三言兩語很難傳達,於是準備了一篇長文,主要是根據積累的經驗和對該行業的認識來敘述作為視覺設計師需要哪些能力。

1.理解業務需求、產品定位和互動邏輯

2.理性確立設計風格並初步評審

3.設計過程中結合需求,合理優化設計

4.保持有效溝通,輸出並跟進設計實現

首先我們要清楚視覺設計在整個產品中的作用和目的是什麼,是給使用者提供舒適美好的視覺享受嗎,還是為了使用者使用產品的時候更順暢,這些都包括但不僅僅如此,視覺設計還應該傳達品牌差異化,讓使用者清晰地辨識、記憶並喜愛該產品,並以促成業務目標為結果。因此做視覺設計就不能只流於表面形式,應該全面讀懂業務需求和使用者群的特徵,做出符合該業務需求和品牌調性的設計。

1.理解業務需求、產品定位和互動邏輯

曾經有個同行跟我說他犯過的乙個錯誤,拿到需求或原型後,也許是迫於時間緊迫和經驗不足,立刻就急於開始設計,最終的成品確實很高大上,獲得很多同事好評,但是產品經理和老闆就提出了有指導性的意見,這個**是給內部人員使用的,應該以方便快速觸達目標為主,而不是做成多屏的滾動頁面。雖然老闆不懂設計,但是他卻懂業務,可見設計不應該是炫技,也不應該是給產品潤色,應該是根據業務需求做出多方面綜合考量的結果。

拿到需求之後,心裡有個大概,這個產品是幹什麼用的,主要是吸引哪些使用者群,業務邏輯和使用場景大概是什麼樣的,當進行了一翻思考之後,如果還覺得陌生,應該怎麼辦呢,那當然是找到互動設計交流啦,有的公司沒有互動設計崗位,這時候可以找到產品經理,他肯定會不厭其煩為你講解。

理解產品的定位,主要是理清產品的型別(如對內或對外、to b或to c產品)、目標人群、核心功能,以及使用者群的主要特徵,如年齡、性別、喜好、使用時間段和操作場景等。甚至可以參與該產品前期的調研分析,提前了解並構思產品的視覺傳達,品牌定位問題。

如何理清互動邏輯呢,拿到原型後可以按步驟和頁面分支來形成乙個大致的概念,如產品分為幾大模組,幾大首頁都有些什麼內容,甚至可以結合構架圖去理清思路,遇到不明晰之處則與負責人交流。大致上來講互動邏輯主要應該搞懂以下幾點:

(1)布局方式

(2)整理框架邏輯和流程

(3)頁面承接關係

(4)控制項的各種狀態

(5)不同條件下的資訊展現

2.理性確立設計風格並初步評審

理清了之後,就可以著手確立設計風格。設計不等同於藝術,產品也不是表達自我的平台,設計應該是解決具體問題並合理論證。因此不應該天馬行空,或拘泥於創意,美感和形式。然後太注重分析,也會導致結果沒有新意,有太重目的,無法超出使用者的心理預期,因此應該在劃定好的範圍內,做一些創意性的延伸工作。大多數的設計師一開始都是由學習別人開始的,如果還沒有達到一定的高度,可以通過研究同行業的產品共性和設計特徵,然後理性從共性+個性的角度,並結合前面理解的定位分析,從而思考自身產品的設計風格。

從把握流行的設計風格做出符合產品定位的,更有符合品牌調性的設計風格(當然如果該產品不在初期0規劃階段,而且已經有一套設計規範需要遵行,那麼就了解清楚需要遵行的是哪方面,多大程度的遵行規範,如控制項的使用,還是圖示的風格等等,因為這都將影響最終設計的結果),如果有限制,仍可在一定的範圍內發散思維,從細節上創造出超過使用者預期的設計。關於如何通過視覺設計提公升產品的品牌調性,這個後面會通過另外的文章作以分析,這裡主要闡述工作推進中的一些經驗和方法。

確立風格後,參與初步的風格評審。評審的作用,在於增加視覺輸出的合理性和效率,評審的過程中可以確定設計的風格,後面的設計按計畫進行,沿著此風格繼續即可。

3.設計過程中結合需求,合理優化設計

所以作為一名視覺設計師,多了解產品體驗,熟悉業務性質,可以提公升產品的設計,平常除了做好視覺設計提公升的基礎上,可以閱讀一些使用者體驗和互動設計相關的書籍,比如《使用者體驗方**》,對於產品設計都有很多值得思考的觀點,比如書中提到的超預期的使用者體驗的基本要素「lemers」,即「易學、高效、易記、糾錯、滿意度」。

設計並不是自己埋頭琢磨,把設計做得高大上能夠使用就行了,還要學會解釋自己的設計,獲得大家的認同。這就需要做設計的過程中參與體驗的思考,做到任何乙個細節都經過自己的理解和認同,否則無法完成後期評判設計時的解說。

曾經招聘人員時就有發現,有的設計師作品很高大上,也符合產品需求,但是向他提問為什麼這樣設計卻難以解釋清楚,後來了解到,他是在設計過程中是照搬原型,自己沒有加入思考,只是負責美化工作,當然如果是和經驗足夠成熟的產品合作,也不會出現什麼大的問題而且還能推進工作流程,但長期下來會導致他沒有參與感和認同感,久而久之就會對工作產生懈怠的心理,甚至對於他職業發展也是不利,畢竟只做好美化的視覺工作是遠遠不夠的,即使有足夠的創意也應該是為產品和業務需求服務。

4.保持有效溝通,輸出並跟進設計實現

設計過程中很可能遇到產品需求有調整的情況,應該保持有效溝通,隨時準備設計修改。那麼設計完成以後,事情還沒有完,輸出的過程也尤為重要,輸出設計應按優先順序輸出關鍵模組,並分模組有序輸出;輸出內容統一規範命名,方便開發使用,形成合格的交付物。同時,設計過程中就應該規範命名,這直接關係著後期輸出的流暢,圖層分層和資料夾的歸類也應該按頁面邏輯,以便其它設計師使用時也清晰了然,減少磨合過程。設計還應定期檢查開發的設計實現,遇到問題羅列並跟進修改。

總結視覺設計師平常可以做些繪畫練習,多瀏覽優秀的設計,保持基本的美術審美水平,同時提公升使用者體驗知識,分析不同的產品設計背後的動機,畢竟視覺設計不只是把產品做好看就行了。

UI設計師整體工作流程!

我傾向於說 互動設計的整個流程 在我這裡,ui是指 介面 在視覺設計開始之前,介面的的互動策劃與設計是很重要的前置步驟,對最終的使用者體驗有很大的影響。我團隊在互動設計階段一般有產品經理 互動設計師和ui設計師主要參與。以我的了解,很多公司不設專門的互動設計師,而由產品經理完成相關工作。以下是我這裡...

ui設計師技能, 熟練的ui設計師

ui設計師技能,熟練的ui設計師。作為乙個ui設計師,到底應該具備什麼技能,是不是只要可以熟練的應用軟體或者只要具備一定的思維就可以成為乙個優秀的ui設計師呢?很顯然不是,那麼ui設計師應該具備怎麼樣的技能呢,今天就跟我一起來了解了解吧!1 軟體工具的熟練 首先是ps軟體,不管我們是做ui介面還是運...

UI設計師 這個世界上最棒的工作!

伴隨網際網路技術的快速迭代,移動終端裝置乙個個炫彩奪目的互動式介面,時不時撩動著無數個萌妹 帥哥的內心,一時間ui設計這一詞彙,備受關注。ui設計行業人才需求量巨大,可謂公升職加薪必備之選。ui設計師成為很多人的就業之選。我們預設您是乙個真正熱愛ux ui設計設計師,所以,你拿著工資做喜歡做的事,不...