1、初識UI設計UI即User Interface（用戶界面）的簡稱。UI設計是指對軟件的人機交互、操作邏輯、界面視覺美觀的整體設計。它的工作主要包括界面的視覺設計、界面的交互設計、界面與用戶體驗3個部分。【什么是UI】【UI 設計常用名詞及縮寫】UI：User Interface（用戶界面）GUI：Graphical User Interface（圖形用戶界面）HUI：Handset User Interface（手持設備用戶界面）WUI：Web User Interface（網頁用戶界面）IA：Information Architecture（信息架構）UX：User Experience（用

2、戶體驗）IxD: Interaction Design（人機交互）UCD：User Centered Design（以用戶為中心的設計）UPA：Usability Professionals Association（可用性專業協會）VD：Visual Design（視覺設計）CD：Content Design（文案設計）UIC：User Interface Code（界面編碼開發）UR：User Research（用戶研究）競品分析，可用性測試和評估PM：Product Manager（產品經理）決策產品方向、架構與需求BI：Business Intelligence（市場分析）WIMP：Wi

3、ndow/Icon/Menu/Pointing Device（窗口/圖標/菜單/指點設備）【UI 設計的分類】第一部分：網頁界面、手持移動設備界面（系統界面、獨立APP應用界面）應用程序界面設計手機系統界面設計網頁界面設計第二部分：平板電腦、電腦系統、應用軟件界面、游戲界面及車載導航設備界面iPad平板電腦界面設計iMac蘋果操作系統界面設計車載導航界面設計游戲界面設計第三部分：智能家居界面、可穿戴設備界面及家電類微型液晶屏界面可穿戴設備界面設計智能家居操作界面設計家用咖啡機操作界面設計第四部分：醫療及各種數碼機床等自動化控制界面、微型嵌入式設備界面醫療用具的界面設計第五部分：卡拉OK點歌、遠

4、程會議監控、虛擬現實等界面遠程虛擬設備界面設計初識UI設計行業 目前，UI設計行業正在全球軟件業興起，屬于高新技術設計產業。雖然國內在人機交互領域比國外晚十幾年，但近十年，隨著APP開發成本降低，個人創業及中小型IT企業在國內遍地開花，導致了UI設計人才的需求井噴。此外國內眾多IT企業（如百度、騰訊、Yahoo、中國移動、聯想、網易、盛大、淘寶等）均成立專業的UI設計部門，高級UI專業人才稀缺，人才資源爭奪很激烈，薪資也很可觀。【UI 行業現狀】 2014年中旬從國內大型招聘網站前程無憂、智聯招聘和中華英才網獲取對UI設計師崗位的基本生存狀態信息數據。據不完全統計全國已有UI設計師30萬余人，

5、其中70%為網頁UI設計師，20%為手持設備UI設計師 ，10%為其他UI設計師。UI設計師分類比例未來UI設計的領域主要體現在全息投影交互技術、可穿戴設備、圖像加強技術、遠程控制、3D打印機、運動感應技術、多功能眼鏡技術、智能手表、人體穿戴醫療設備及無人駕駛汽車等領域。【未來UI設計新領域】3D全息投影可穿戴設備Magic Cube奇幻投影鍵盤3D打印技術個人健康顧問設備第一部分：移動應用中的UI設計1、各平臺 (Android/iOS/HTML5/Web) 的標準設計語言接近一致【UI 設計的發展趨勢】部分原生控件上只存在風格上的差異，對用戶無顯著影響。桌面常見的交互形式也將更多影響移動端

6、，要支持 iPad Pro 這樣的生產級設備，iOS/Android 會為了兼容桌面場景作出優化。Android系統底部的導航交互2、設計規范、平臺特性越來越受重視對于實現與找到適配用戶學習新的操作規范與平臺范式是有成本方面的考慮，因此大的廠商在設計交互動態效果時都遵循現有的平臺的設計范式，所謂獨創或者自創的交互效果未必能達到理想的狀態。 3、微交互中更多使用動態效果過于華麗的動畫，會導致用戶等待的時間延長，經常出現容易引起用戶的反感與厭惡。合乎邏輯的動畫、微交互形式將作為新的平臺規范。如下拉刷新、Float Label 等很難察覺的動效將會更流行。手機界面中浮動面板與微交互設計應用4、視覺設

7、計會影響APP界面的交互/內容的設計精美的插畫、攝影圖像、有趣味的游戲設計等都會更多的影響到APP界面的交互設計與內容設計。APP界面設計的版面編排、字體選擇，圖像質感、元素搭配等都直接影響APP本身的品質感。手機APP界面中圖形圖像的應用5、“智能通知”將會成為新的APP主界面 Apple Watch等智能手表的核心價值體現在“智能通知”，尤其在手機應用中很多的APP，“智能通知”的推動方式成為與用戶在不啟動APP的狀態下最直接的溝通渠道。未來“智能通知”不再以小廣告或者類似Widget的形式出現，可以更接近手機屏幕大小，按用需求出現，具備較為完整的界面功能，讓用戶在不打開一個APP應用下，

8、可以享受到APP提供的全部功能。智能手表及手機“智能通知”界面設計第二部分：網頁設計中的UI設計1、手機APP不一定會有對應的全功能的網頁手機版的應用開發一定是功能最齊全、最強大的。因為手機可以用發通知的方式與用戶貼近，讓用戶收到更豐富全面的信息資源。HTML5 頁面作為分享頁面展示、導流的重要入口，會優先保留內容的展示和消費、二次分享的功能，也會滿足最基礎的應用功能。滴滴出行微信版界面設計 2、已有大量用戶的桌面端網站，將不會輕易改版對于一個具備大量用戶的網站的改版設計，將會從成本與收益之間比例關系進行權衡。通常情況下如果網站做視覺效果的調整，主要從品牌擴展、皮膚美化等因素進行修改；如果網站

9、從功能層面出發，將會從手機版、平面觸摸版的設計出發，然后延伸到桌面端來進行界面的改良設計。第三部分：設計工具的UI設計1、UI原型工具出現設計標準實現UI的交互與視覺界面設計，需要借助專業的UI設計工具來實現。一款好的原型設計工具將主導未來新平臺的設計標準，它應該具備以下優秀的功能：與靜態界面設計緊密結合；移動終端的界面方便制作響應式設計；操作簡單易懂；拓展性強，能實現較為復雜的交互效果。2、VR的設計工具將開始出現2016 年隨著 Oculus Rift 的正式發布，VR 進入了商用化的元年。VR 帶來的身臨其境感顯然會帶來新的信息展現和交互方式，這些都不是目前的平面設計軟件所能滿足的，但目

10、前進行VR也沒有除了直接搞代碼之外的設計方式，未來幾年將有所改觀。Oculus Rift 虛擬VR設備初識UI設計師1、硬件配置從事設計行業工作的UI設計師，軟件與硬件都是息息相關的。設計工具的完備是從事這個行業的基礎條件。工作電腦的配置需達到以下配置：PC機的配置為CPU為4核以上、內存8GB以上、顯卡內存2GB以上、SSD固態硬盤；Windows 7以上系統，Adobe CC等軟件已經不再支持XP系統，當然有蘋果一體機或MAC Pro更好。【UI設計師所需裝備】2、軟件配置98%的UI設計師會使用平面位圖軟件Photoshop，85%的UI設計師會使用平面矢量軟件Illustrator，3

11、0%的UI設計師會使用網頁設計軟件。在UI設計行業里，基礎軟件只能進入崗位，從事簡單基礎的設計工作，其他拓展類的軟件可以對崗位能力的提升與就業面上有更多的選擇權。主流設計軟件的使用率1、手繪能力在開展設計項目時，設計前期手繪草圖能力是不可缺少的。手繪能力從某種程度上能反映出該設計師的美術功底，同時對職業的提升與發展都有一定程度上的影響。【 UI設計師必備技能】手繪UI草圖模型2、熟練操作繪圖軟件UI設計師最常用的繪圖軟件就是Photoshop和Illustrator，必須掌握該位圖軟件與矢量軟件的核心使用功能及運用技法。位圖概念、像素與分辨率、圖像格式、色彩管理、透視原理、光影效果及其他基本操

12、作設置。Photoshop中鋼筆工具路徑繪圖、選區、曲線調整的技巧。Photoshop中圖形樣式、常用濾鏡、6類混合模式的運用。Photoshop中快速蒙版、剪切蒙版、圖層蒙版和矢量蒙版的運用。Photoshop中通道與顏色處理的運用技巧。Photoshop中多種摳像方法。Photoshop與Illustrator協同路徑作業。Illustrator中矢量圖形繪制、路徑的編輯、網格漸變的高級用法。3、理解需求文檔與文檔整理在開始一個項目時，UI設計師需要在目錄下建立6個文件文檔，并具有嚴格的整理規范，才能保證團隊小組成員共享資源時節約時間，提高效率。文檔整理規范參考圖片：該文件夾放很多設計靈感

13、，如色彩布局參考或競品參考等；紋理素材：該文件夾放一些作畫過程中用到的貼圖嵌入圖，或者一些額外控件等；需求資料：該文件夾放客戶的需求文檔，給的參考和客戶提供的產品圖片，或者是產品經理提供的文案、線框圖、流程、低保真模型等；效果圖：該文件夾放畫的設計樣稿、飛機稿、最終定稿、小DEMO、設計理念等；源文件：該文件夾放所有可修改的源文件；切片：該文件夾放開發用的切片和UI 規范，以及一切文字色值、坐標等。1、設計師的能力和性格對職業發展的影響設計師的眼界優秀的UI設計師是需要積累和沉淀，需要靠平時點滴的積累。設計師的溝通能力傾聽：客戶、項目組其他成員的意見，收集信息，傾聽客戶的內心需求及對產品的期望

14、和愿景。提問：挖掘客戶深層次的需求，或確定客戶表達不清楚的地方。解決：用設計師專業的眼光和素養，評估各類可行性，將客戶的意見和各方面信息總結出目前最優解決方案，變成草案，再次和客戶確認，用郵件確認，留下文字信息。設計師的技術表現手繪草稿能力和軟件操作能力，效果圖的效率與質量，產品演示DEMO等決定視覺表現因素。設計師的整合能力 能將手頭的資源素材整合起來，用最好的方式給客戶展示出來。【 UI設計師的職業規劃】2、職業的發展維度UI設計師進入職場后，職業生涯的發展可以分為橫向發展和縱向發展的設計師。他們需要掌握的技能和發展的崗位分別是視覺設計、交互設計、用戶體驗、代碼編程、項目管理。UI設計師的

15、五大主要崗位UI設計工作流程常見軟件產品的開發流程包括產品需求分析、功能定義、交互原型、程序技術預研、效果圖繪制、開發、測試、發布上線、運營、迭代開發。【自主軟件產品開發流程】以用戶為中心的設計與開發流程外包公司的開發流程包括溝通、評估、策劃、UE規劃、視覺、開發、測試、驗收、上線、運營、分析、升級。【外包公司產品開發流程】外包流程網站推出流程包括試生產、啟動會議、設計模板、內容裝配、商務工具集成、渠道優化目標、審核和批準、站點推出。【網站推出發流程】網站推出流程在現實工作中，設計師往往抱怨不能按照自己的設計思想去完成設計方案，會受到企業各種條件的制約與影響。其實這樣的困惑在與初入行業的年輕U

16、I設計師們對企業體制與文化環境的了解太少，這些都將直接影響到UI設計師的設計作品是否能得到企業的重用。通過大量畢業生的就業的情況反饋，企業從事的行業與公司的類型會對從事的UI設計崗位的設計師工作產生重要的影響。因此，總結主要有以下幾種類型的公司：類型一：以客戶需求為導向的企業這類企業就是行內俗稱的外包公司，主要以滿足客戶需求來承接業務，設計師需要在此過程中不斷的修改設計方案與溝通設計想法。雖然這類設計公司經常加班熬夜，并且設計師的待遇相對偏低，但對于新人能接觸到各類設計項目，為自己囤積作品與累積項目經驗。【企業體制與文化環境對UI設計工作的影響】類型二：以用戶為中心的企業這類企業的主要業務就是

17、研發自己的產品，并且產品是直接面向用戶，通常公司會在用戶體驗方面投入較多的精力與資金，擅長挖掘用戶需求與競品分析。以不斷優化的高品質UI來吸引用戶群的青睞，針對目標用戶進行開發與設計。類型三：以技術為導向的企業這類企業通常老板都以技術出身，對產品UI界面的操作性能高于美觀要求。需求設計師切出圖資源小，能用系統控件的地方盡量用系統控件。能靠賣軟件技術服務存活，一般都壟斷了部分核心技術。類型四：以視覺設計為導向的企業這類企業通常老板以設計師出身，對UI設計的美觀效果要求較高，容易盲目追求設計效果而忽略實現成本。在這類企業中工作能提高自己的設計品味與設計技能，但老板對UI設計效果要求苛刻與挑剔。類型五：以運營平臺為導向的企業這類企業一般很少有自己的產品，主要靠引進企業公司的產品放在自己的平臺與軟件商店中出售，需要在產品中加入大量的廣告位、活動專區、付費等。這類公司里設計師通常的工作就是處理網頁UI界面中的BANNER圖與活動頁面的設計與制作。類型