UI設計學習心得(二)

·交互設計

當做了2～3年視覺設計后就會感覺有點瓶頸期，然后開始報班學習了交互設計。現在的App中， UI和交互總是無法剝離，一個好的產品，需要美觀的界面和順滑的交互，也就離不開設計師兩種能力的相輔相成了。尤其現在，設計趨向扁平化的時期，只要遵循設計規范，交互設計甚至能出了設計稿后直接給開發去實現，單純UI設計的存在感日益弱化。目前也仍在學習交互設計中，之前慢慢嘗試獨立做原型，結果差強人意。設計要具有全局觀，關心用戶在服務各個環節中的不同需求，需要掌握行為學和用戶心理學。可以說UED是個全流程設計，設計師需要掌握一些用戶調研能力、一些交互模型搭建能力、一些界面設計能力。

交互設計工具

Axure：鼻祖級的交互設計工具，功能大而全，可做低保真，可做高保真，可做動效，插件眾多。對于移動端的設計在軟件本身的操作上不是很靈活。高保真的繪制精細度也不夠，目前更多的是用來做低保真原型。

Sketch：針對移動端而設計的軟件。可做低保真、可做高保真。且高保真的效率非常高，各類陰影效果和圖片裁剪功能非常齊全。插件眾多，比較常用有可導出html各式標注的measure，可快速生成占位符的Content Generator，移動端的虛擬機Mirror等等。基本上可以滿足交互設計師在設計中的需求。

·書籍

當時剛剛學習設計時很焦慮，買了很多很多設計書，后來學習多了慢慢能分辨什么設計算好的，什么算差的。列基本我覺得好不錯的。

《Don’t Make Me Think》

這本書已經了好幾版了，當時網上查了很久，很多人推薦，就買回來看看，真的是很好的書。這本書主要講的是如何通過網站設計來提高網站的可用性，除了網頁設計外，也包括了一些用戶心理研究等內容，語句曉暢，讀起來十分輕松。

《設計之下》

這本書是同事推薦的，全書分為三個部分，第一部分為“交互設計”，主要總結了大局觀、操作流程簡捷、形式新穎且統一、各種特殊情況等交互設計要點。第二部分為“視覺設計”，闡述了界面、顏色、圖標、質感、動畫、等具體方法。第三部分為“他們眼中的優秀設計師”，通過產品經理、程序員、運營、市場經理的視角，闡述了如何成為一名優秀的設計師。

《寫給大家看的設計書》

一本Robin Williams大師寫的老生常談，本書主要圍繞對比(Contrast)、重復(Repetition)、對齊(Alignment)、親密性(Proximity)四個設計基本原則展開，短短200頁，將出了設計的精髓。

·練習

當時在一些設計網上參加了一些手機主題設計、App皮膚設計各種比賽，鍛煉了視覺能力，也認識不少圈內大神。

·項目積累

工作后陸陸續續做了大小不一的項目，一直在總結錯誤。跌跌撞撞中也學到了不少，現在可獨立完成一套中型APP設計了，慢慢摸索出了適合公司產品的設計規范。增強團隊協作能力，學會了怎么和工程師其他設計更好的配合。

UI設計的規范

部分設計規范：

字體

-保持字體及顏色一致，避免一套主題出現多個字體； 　　不可修改的字段，統一用灰色文字顯示。

對齊

-保持頁面內元素對齊方式的一致，如無特殊情況應避免同一頁面出現多種數據對齊方式。

表單錄入

-在包含必須與選填的頁面中，必須在必填項旁邊給出醒目標識（*）； 　　-各類型數據輸入需限制文本類型，并做格式校驗如電話號碼輸入只允許輸入數字、郵箱地址需要包含“@”等，在用戶輸入有誤時給出明確提示。

鼠標手勢

-可點擊的按鈕、鏈接需要切換鼠標手勢至手型；

保持功能及內容描述一致

-避免同一功能描述使用多個詞匯，如編輯和修改，新增和增加，刪除和清除混用等。建議在項目開發階段建立一個產品詞典，包括產品中常用術語及描述，設計或開發人員嚴格按照產品詞典中的術語詞匯來展示文字信息。

·項目開發流程總結

·進階

當時看了facebook的產品設計師總監Julie Zhuo用草圖解釋初級設計師和高級設計師差別的文章，三個對比圖，簡單明了但發人深省。

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

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

結語：設計漫漫路，活到老學到老。雖然經歷了很多痛苦熬夜的夜晚，無數次跟客戶的較勁。但依然初心依舊，希望1年后可以轉型做一個高級交互設計。很多人說互聯網寒冬來了，眼看著找不到工作的學弟學妹逃離北上廣，縮招裁員越來越明顯，就極力游說周圍的人別再從事程序員、設計師、產品經理等與互聯網相關的崗位，其實我始終不太贊同這個觀點，這只是前幾年互聯網過度樂觀膨脹發展后終于回歸理性而已。

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