雙擊安裝字體，安裝后重啟PPT請安裝字體山東科技職業(yè)學院UI設計UIdesignUI設計UIdesign山東科技職業(yè)學院1.2UI設計流程講課人：王萃學習目的1.掌握UI設計的設計流程UI設計的流程1.2UI設計流程UI設計是一個承上啟下的角色這一點都不為過，在如今這個視覺體驗傳到的社會里，UI設計角色愈來愈重。UI設計制作，一般都要經(jīng)過“需求分析—設計制作—方案修改—測試改進”四個階段。1.2UI設計流程UI設計不光要研究產(chǎn)品的外形、圖形界面，還要研究產(chǎn)品的交互設計，并且確立交互模型、交互規(guī)范，同時要測試交互設計的合理性及圖形設計的美觀性等。也就是說，UI設計包括了界面設計、交互設計與用戶研究3個部分。因此，UI設計師的基本工作流程可以分為以下幾個階段。01需求分析階段UI設計測試改進階段方案修改階段需求分析階段設計制作階段測試反饋修改完善Who界面設計WhereWhy交互設計1.2UI設計流程在UI設計開始之前，設計人員需要先分析設計需求，整理思路，然后才能開展有針對性的設計。分析需求可以從以下3個方面入手。01需求分析階段市場需求用戶需求產(chǎn)品需求1.2UI設計流程需求分析完成后，即可對UI設計內(nèi)容進行視覺定位，一般可從以下3個方面入手。01需求分析階段色彩與字體的選擇設計風格界面布局和構圖1.2UI設計流程在需求分析的基礎上，我們進入設計制作階段。設計包括界面設計和交互設計，且要形成設計方案。界面設計當然以美觀為主，要有創(chuàng)新，在同類產(chǎn)品中能夠脫穎而出。02設計制作階段1.2UI設計流程界面設計包括啟動界面、主界面、詳情界面等代表性界面的設計。交互設計要分析產(chǎn)品必需的功能、內(nèi)容，根據(jù)需要制作低保真模型或高保真模型，也可通過原型工具來規(guī)劃流程。如果有條件的話，可以在設計時，多設計出幾套不同風格的方案用于備選。02設計制作階段1.2UI設計流程02設計制作階段原型圖是設計人員對產(chǎn)品的最初設想，主要對產(chǎn)品內(nèi)容和結(jié)構進行粗略的布局。當明確視覺定位后，設計人員即可進行原型圖的繪制，下圖所示為兩種不同類型原型圖效果。1.2UI設計流程03繪制效果圖1.搜集素材圖片、視頻和音效的搜集文字類信息的搜集網(wǎng)上搜集、實物拍攝和繪制。文字類信息主要是根據(jù)產(chǎn)品的特性、功能來進行收集。1.2UI設計流程03繪制效果圖2.進行UI設計設計人員可先根據(jù)原型圖的要求繪制主要形狀，并按照設計要求添加或繪制素材，進行界面的制作即可。右圖所示為使用Photoshop進行UI設計的效果。1.2UI設計流程03繪制效果圖3.標注與切圖一般來說，設計人員都會使用一些專業(yè)的標注工具來提升工作效率，如MarkMan（馬克鰻）、PxCook（像素大廚）等工具，而切圖工具則可直接選擇Photoshop。下圖所示為使用PxCook進行標注的效果。1.2UI設計流程04方案修改階段設計方案提交給客戶后，需要與客戶進行溝通，根據(jù)客戶的需求來修改設計。04方案修改階段在設計方案通過并交付以后，就可以將產(chǎn)品推向市場了。但設計并沒有結(jié)束，還需要跟蹤