《UI設(shè)計(jì)與制作》課件-1.基礎(chǔ)知識

基礎(chǔ)知識目錄/CONTENTS01020304UI設(shè)計(jì)是什么UI設(shè)計(jì)必備知識UI設(shè)計(jì)設(shè)計(jì)流程UI設(shè)計(jì)與用戶體驗(yàn)Clickheretoenteryourtext.Clickheretoenteryourtext.PART01UI設(shè)計(jì)是什么UIUserInterface用戶界面UI（用戶/界面）設(shè)計(jì)UI設(shè)計(jì)是指對于軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)?？梢岳斫鉃閰f(xié)調(diào)用戶與界面之間關(guān)系的設(shè)計(jì)，包括用戶研究、交互設(shè)計(jì)、界面設(shè)計(jì)三部分。UI（用戶/界面）設(shè)計(jì)是什么？UI（用戶/界面）設(shè)計(jì)010203用戶研究研究用戶需求、環(huán)境、習(xí)慣、心理。交互設(shè)計(jì)人機(jī)之間的互動。界面設(shè)計(jì)不僅僅是視覺設(shè)計(jì)，更要適合用戶需求。UI（用戶/界面）設(shè)計(jì)移動端APP設(shè)計(jì)生活中常見的UI設(shè)計(jì)截取淘寶界面截圖，有爭議請聯(lián)系可刪除UI（用戶/界面）設(shè)計(jì)PC端UI設(shè)計(jì)生活中常見的UI設(shè)計(jì)UI（用戶/界面）設(shè)計(jì)智能電視界面生活中常見的UI設(shè)計(jì)UI（用戶/界面）設(shè)計(jì)其他界面生活中常見的UI設(shè)計(jì)PART02UI設(shè)計(jì)必備知識UI設(shè)計(jì)AdobePhotoshopUI設(shè)計(jì)師常用工具AdobeIllustratorAdobeAfterEffectUI設(shè)計(jì)AdobePhotoshop位圖軟件，圖形編輯，圖片后期處理功能。UI設(shè)計(jì)師常用工具UI設(shè)計(jì)AdobeIllustrator是由Adobe公司開發(fā)的矢量圖形處理和編輯軟件，在UI設(shè)計(jì)中多用于制作圖形形狀。UI設(shè)計(jì)師常用工具UI設(shè)計(jì)AdobeAfterEffect是Adobe公司推出圖形和視頻處理特效軟件，在UI設(shè)計(jì)中多用于交互動效展示設(shè)計(jì)。UI設(shè)計(jì)師常用工具UI設(shè)計(jì)Sketch墨刀MarkManUI設(shè)計(jì)師其他輔助工具UI設(shè)計(jì)Sketch適合圖標(biāo)設(shè)計(jì)和界面設(shè)計(jì)，僅限于IOS系統(tǒng)。UI設(shè)計(jì)師常用工具UI設(shè)計(jì)墨刀,在線辦公協(xié)作平臺可同時(shí)多人辦公進(jìn)行設(shè)計(jì)。UI設(shè)計(jì)師其他輔助工具UI設(shè)計(jì)MarkMan一款前端標(biāo)注軟件。UI設(shè)計(jì)師其他輔助工具PART03UI設(shè)計(jì)設(shè)計(jì)流程UI設(shè)計(jì)UI設(shè)計(jì)包括用戶研究、交互設(shè)計(jì)、界面設(shè)計(jì)三部分。UI設(shè)計(jì)流程0102030405交互設(shè)計(jì)模型分析功能結(jié)構(gòu)圖交互分析設(shè)計(jì)基礎(chǔ)研究開發(fā)任務(wù)競爭產(chǎn)品分析市場調(diào)研詳細(xì)設(shè)計(jì)設(shè)計(jì)邏輯說明產(chǎn)品分析原型設(shè)計(jì)0506設(shè)計(jì)維護(hù)產(chǎn)品定位用戶研究功能、需求整理界面設(shè)計(jì)信息結(jié)構(gòu)后期維護(hù)PART04UI設(shè)計(jì)與用戶體驗(yàn)UI設(shè)計(jì)從用戶的角度出發(fā)，考慮用戶目的、心態(tài)、簡單易用。用戶體驗(yàn)?zāi)闼伎嫉幕蛟S是這樣？用戶想要的是這樣UI設(shè)計(jì)影響用戶體驗(yàn)因素產(chǎn)品策略：功能、業(yè)務(wù)用戶界面：視覺設(shè)計(jì)技術(shù)：操作、交互運(yùn)營:市場表現(xiàn)UI設(shè)計(jì)功能與目標(biāo)是否一致產(chǎn)品策略：功能、業(yè)務(wù)UI設(shè)計(jì)主題品牌形象色彩搭配設(shè)計(jì)亮點(diǎn)邏輯層次關(guān)系視覺引導(dǎo)性用戶界面：