用戶(hù)體驗(yàn)設(shè)計(jì)USEREXPERIENCEDESIGN授課教師：李佳黛如何著手？產(chǎn)品的界面流程方案第十六節(jié)視覺(jué)表層怎么做技能二培養(yǎng)符合職業(yè)規(guī)范與要求的“匠人精神”“職業(yè)精神”設(shè)計(jì)要求與設(shè)計(jì)規(guī)范互聯(lián)網(wǎng)產(chǎn)品的設(shè)計(jì)規(guī)范大概可分為兩個(gè)方向：交互設(shè)計(jì)規(guī)范界面風(fēng)格設(shè)計(jì)規(guī)范設(shè)計(jì)要求與設(shè)計(jì)規(guī)范界面設(shè)計(jì)規(guī)范的基礎(chǔ)指的是布局、流程、組件、控件和設(shè)計(jì)風(fēng)格，是交互稿上的視覺(jué)設(shè)計(jì)部分。在UI設(shè)計(jì)中，顏色的使用規(guī)范主要是：主色＆輔色、文本顏色、界面顏色（背景色、線(xiàn)框色）等。設(shè)計(jì)要求與設(shè)計(jì)規(guī)范色彩規(guī)范需要在設(shè)計(jì)的時(shí)候考慮到字體的設(shè)計(jì)效果，然后在設(shè)計(jì)規(guī)范中注明。不同的字體氣質(zhì)不一樣，且不同場(chǎng)景下帶給人的感受也不一樣。設(shè)計(jì)要求與設(shè)計(jì)規(guī)范字體規(guī)范設(shè)計(jì)要求與設(shè)計(jì)規(guī)范具有標(biāo)識(shí)性質(zhì)的圖形就是圖標(biāo)。而圖標(biāo)一般按照用途分為應(yīng)用圖標(biāo)和功能圖標(biāo)。而功能圖標(biāo)一般用于結(jié)果頁(yè)面的狀態(tài)提示，根據(jù)結(jié)果的情況選擇對(duì)應(yīng)的icon。圖標(biāo)規(guī)范設(shè)計(jì)要求與設(shè)計(jì)規(guī)范具有標(biāo)識(shí)性質(zhì)的圖形就是圖標(biāo)。而圖標(biāo)一般按照用途分為應(yīng)用圖標(biāo)和功能圖標(biāo)。圖標(biāo)規(guī)范設(shè)計(jì)要求與設(shè)計(jì)規(guī)范布局是頁(yè)面構(gòu)成的前提，是交互和視覺(jué)設(shè)計(jì)的基礎(chǔ)。設(shè)計(jì)規(guī)范中可以提供常用的布局模板來(lái)保證同類(lèi)產(chǎn)品間的一致性。界面布局控件（Control）和組件（Component）控件和組件常見(jiàn)于互聯(lián)網(wǎng)的設(shè)計(jì)和開(kāi)發(fā)工作中，一般來(lái)講，組件可以理解為頁(yè)面內(nèi)的所有內(nèi)容，一個(gè)組件可包含多個(gè)控件，單獨(dú)一個(gè)控件也可以作為一個(gè)組件。在UI設(shè)計(jì)中，組件作為界面的組成部分，涵蓋了多種類(lèi)型、行為和狀態(tài)，為用戶(hù)提供了多樣化的體驗(yàn)?？丶–ontrol）和組件（Component）控件包含了一定的流程和不同的狀態(tài)形式，不同的控件所連結(jié)成的功能組成了交互流程，而布局是把內(nèi)容和控件賦予適度的視覺(jué)重量?？丶?guī)范控件（Control）和組件（Component）按鈕、輸入框、下拉列表、選框、選項(xiàng)卡、搜索框、進(jìn)度條、滑塊、角標(biāo)等。常用控件控件（Control）和組件（Component）微信小程序按鈕規(guī)范控件（Control）和組件（Component）組件規(guī)范常用的組件包括：導(dǎo)航表格輸入框提示條選擇器通知提示上傳控件（Control）和組件（Component）組件規(guī)范設(shè)計(jì)風(fēng)格擬物化風(fēng)格擬物風(fēng)格的圖標(biāo)主要依靠精細(xì)的細(xì)節(jié)和光影，以及根據(jù)現(xiàn)實(shí)世界中的物體形態(tài)打造出立體圖形。這種風(fēng)格的圖標(biāo)具有較強(qiáng)的可讓用戶(hù)清晰感知圖標(biāo)傳達(dá)的意圖及氣質(zhì)的代入感。設(shè)計(jì)風(fēng)格擬物化風(fēng)格設(shè)計(jì)風(fēng)格扁平化風(fēng)格扁平化風(fēng)格主要是通過(guò)形狀的輪廓、填充組合進(jìn)行搭配，并以多種色彩反映出不同的視覺(jué)效果，其中最為常見(jiàn)的是線(xiàn)面結(jié)合的類(lèi)型。簡(jiǎn)約的形狀、純粹的顏色和留白，能夠通過(guò)組合設(shè)計(jì)達(dá)到比復(fù)雜花哨的設(shè)計(jì)更強(qiáng)的視覺(jué)沖擊和視覺(jué)引導(dǎo)效果。這種設(shè)計(jì)具有明顯的優(yōu)點(diǎn)，能夠迅速、精確、明確地滿(mǎn)足用戶(hù)需求。設(shè)計(jì)風(fēng)格扁平化風(fēng)格設(shè)計(jì)風(fēng)格輕質(zhì)感風(fēng)格輕質(zhì)感風(fēng)格不會(huì)擁有太多復(fù)雜的元素，主要通過(guò)色彩漸變、發(fā)光、投影等圖層樣式來(lái)體現(xiàn)出柔和的立體感，整體風(fēng)格趨向年輕化，給人輕盈、簡(jiǎn)潔及精致的感受。在設(shè)計(jì)過(guò)程中，請(qǐng)使