HOMECONTENTWORKENDUI設(shè)計(jì)培訓(xùn)教學(xué)奧菲斯設(shè)計(jì)，讓設(shè)計(jì)更簡(jiǎn)單主講人：奧菲斯HOMECONTENTWORKEND01UI設(shè)計(jì)02設(shè)計(jì)軟件03設(shè)計(jì)知識(shí)04設(shè)計(jì)知識(shí)目錄CONTENTHOMECONTENTWORKENDUI培訓(xùn)速成指南UI訓(xùn)練營(yíng)14節(jié)課掌握必備技能UI設(shè)計(jì)UIDESIGN設(shè)計(jì)的概念一種具有美感使用與紀(jì)念功能的造形活動(dòng)設(shè)計(jì)行為有目的進(jìn)行有別于藝術(shù)的一種基于商業(yè)環(huán)境的藝術(shù)性的創(chuàng)造活動(dòng)藝術(shù)創(chuàng)作建立在商業(yè)和大眾基礎(chǔ)之上從而產(chǎn)生商業(yè)價(jià)值和藝術(shù)價(jià)值價(jià)值創(chuàng)造設(shè)計(jì)藝術(shù)的個(gè)人或部分群體性欣賞行為藝術(shù)欣賞HOMECONTENTWORKENDUI設(shè)計(jì)基本概念UIDesignBasicsconcept基本概念：UI設(shè)計(jì)是指多方面的整體設(shè)計(jì)UI設(shè)計(jì)類別圖形設(shè)計(jì)應(yīng)用于軟件產(chǎn)品的產(chǎn)品"外形界面"設(shè)計(jì)在于設(shè)計(jì)軟件的操作流程樹狀結(jié)構(gòu)、操作規(guī)范交互設(shè)計(jì)通過(guò)目標(biāo)用戶問(wèn)卷等形式衡量UI設(shè)計(jì)的合理性、美觀性用戶測(cè)試確立交互模型，交互規(guī)范，制定交互上規(guī)范文檔交互規(guī)范HOMECONTENTWORKENDPSAI等設(shè)計(jì)軟件設(shè)計(jì)軟件UIDESIGNAPPUI設(shè)計(jì)軟件PS—UI界面世界設(shè)計(jì)3AIUI圖標(biāo)、ICON設(shè)計(jì)主要學(xué)習(xí)Ai常用工具的使用、調(diào)和文字工具排版技法、icon設(shè)計(jì)、軟件界面設(shè)計(jì)、企業(yè)徽標(biāo)設(shè)計(jì)、更方便地進(jìn)行UI設(shè)計(jì)AXUER交互原型圖設(shè)計(jì)主要讓定義需求和規(guī)格、設(shè)計(jì)功能和界面的專家能夠快速創(chuàng)建應(yīng)用軟件或站的線框圖、流程圖、原型和規(guī)格說(shuō)明文檔。2XD(Sketch)UI設(shè)計(jì)作圖為UX、UI、原型、交互而生的矢量化圖形計(jì)件，XD做圖會(huì)非?？鞊碛胸S富的交互，界面設(shè)計(jì)規(guī)范,是專門為做UI設(shè)計(jì)工作開發(fā)的軟件1UI設(shè)計(jì)模塊原始需求梳理產(chǎn)品調(diào)研、競(jìng)品分析需求文檔ICON圖標(biāo)設(shè)計(jì)圖標(biāo)繪畫、3D圖標(biāo)、扁平化、擬實(shí)化產(chǎn)品原型設(shè)計(jì)原型設(shè)計(jì)、頁(yè)面架構(gòu)原型繪制交互用戶體驗(yàn)設(shè)計(jì)邏輯設(shè)計(jì)、用戶角色分析UI設(shè)計(jì)實(shí)現(xiàn)標(biāo)注圖例、產(chǎn)品輸出展示UI視覺(jué)設(shè)計(jì)色彩搭配、動(dòng)效設(shè)計(jì)UI風(fēng)格HOMECONTENTWORKEND設(shè)計(jì)知識(shí)一大堆，要努力學(xué)習(xí)設(shè)計(jì)知識(shí)

DESIGNZHISHIUI設(shè)計(jì)原則ADBCFE可用性可理解、可達(dá)到、可控制。在視覺(jué)效果上便于理解和使用一致性設(shè)計(jì)目標(biāo)一致，元素外觀一致，風(fēng)格一致簡(jiǎn)易性界面的簡(jiǎn)潔是要讓用戶便于使用、便于了解產(chǎn)品，并能減少用戶發(fā)生錯(cuò)誤選擇靈活性方便用戶的使用互動(dòng)多重性不局限于單一形式安全性用戶能自由的作出選擇，且所有選擇為安全可靠人性化高效率和用戶滿意度是人性化的體現(xiàn)UI設(shè)計(jì)思維通過(guò)需求的表層現(xiàn)象去思考本質(zhì)，了解本質(zhì)需求后才能夠創(chuàng)造出更有價(jià)值的1.探討本質(zhì)正向操作流程形成閉環(huán)，頁(yè)面的布局與排版，考慮整個(gè)操作是否形成閉環(huán)2.正向閉環(huán)逆向思維，考慮反向路徑來(lái)讓整個(gè)流程真正的形成雙向閉環(huán)3.逆向閉環(huán)整合所有可能發(fā)生異常狀態(tài)的場(chǎng)景，復(fù)盤分析，回顧總結(jié)4.異常反饋UI設(shè)計(jì)站匯報(bào)人：XXX設(shè)計(jì)靈感設(shè)計(jì)資源匯報(bào)人：XXX匯報(bào)人：XXX設(shè)計(jì)趨勢(shì)UI設(shè)計(jì)趨勢(shì)扁平化設(shè)計(jì)以簡(jiǎn)潔的設(shè)計(jì)為主，減少不必要的元素，突出核心內(nèi)容。01新擬態(tài)設(shè)計(jì)結(jié)合扁平化和擬物化，通過(guò)柔和的陰影和漸變創(chuàng)造立體感。02微交互小規(guī)模的動(dòng)畫和反饋，提升用戶體驗(yàn)。03UI核心內(nèi)容通過(guò)顏色、大小等差異突出重要元素保持元素整齊，提升可讀性和美感統(tǒng)一設(shè)計(jì)元素，增強(qiáng)整體性相關(guān)元素靠近，便于用戶理解設(shè)計(jì)原則根據(jù)內(nèi)容選擇合適的字體幫助組織內(nèi)容，保持一致性確保界面在不同設(shè)備上正常顯示。確保字體易讀性合理留白，提升可讀性和美感內(nèi)容布局PS套索工具套索工具任意按住鼠標(biāo)不放并拖動(dòng)進(jìn)行選擇一個(gè)不規(guī)則的選擇范圍一般對(duì)于一些馬虎的選擇可用磁性套索不須按鼠標(biāo)左鍵而直接移動(dòng)鼠標(biāo)，在工具處會(huì)出現(xiàn)自動(dòng)跟蹤的線，這條線總是走向顏色與顏色邊界處，邊界越明顯磁力越強(qiáng)多邊形套索用鼠標(biāo)在圖像上某點(diǎn)定一點(diǎn)，然后進(jìn)行多線選中要選擇的范圍所勾出的選擇區(qū)域都是由多條線組成的010203PS畫筆工具鉛筆工具可以用來(lái)繪圖及畫線條等它與畫筆不同,之處是所畫出的線條沒(méi)有蒙邊畫筆工具繪出邊緣柔軟的畫筆效果,畫筆的顏色為工具箱中的前景色運(yùn)用非常廣泛，鼠繪愛(ài)好者可以用來(lái)繪