近年來(lái)，很多商家會(huì)開發(fā)小程序做營(yíng)銷，而小程序的設(shè)計(jì)離不開平面ui設(shè)計(jì)。那大家知道平面ui設(shè)計(jì)是什么意思嗎？還有，ui設(shè)計(jì)的設(shè)計(jì)流程是怎樣的呢？今天就一起跟小編來(lái)了解一下相關(guān)的內(nèi)容吧。

　　平面ui設(shè)計(jì)是什么意思

　　平面設(shè)計(jì)泛指具有藝術(shù)性和專業(yè)性，以“視覺”作為溝通和表現(xiàn)的方式。透過(guò)多種方式來(lái)創(chuàng)造和結(jié)合符號(hào)、圖片和文字，借此作出用來(lái)傳達(dá)想法或訊息的視覺表現(xiàn)。

（圖片來(lái)自網(wǎng)絡(luò)）

　　UI即User Interface(用戶界面)的簡(jiǎn)稱。UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)，也就是說(shuō)，UI設(shè)計(jì)做出來(lái)的東西是和用戶有互動(dòng)的，比如我們平常用的手機(jī)APP上的設(shè)計(jì)，就是有互動(dòng)的，你對(duì)它進(jìn)行某項(xiàng)操作，它會(huì)給你一個(gè)反饋。

　　我們需要明確的是，UI 設(shè)計(jì)師并不是視覺設(shè)計(jì)師。UI 設(shè)計(jì)師的工作并不是編寫一個(gè)很好看的界面，而是要提供一個(gè)易用的界面。UI 設(shè)計(jì)師需要把程序變得簡(jiǎn)單易于使用，要減少用戶動(dòng)作數(shù)量，將其轉(zhuǎn)化語(yǔ)言表現(xiàn)，最終目的是實(shí)現(xiàn)簡(jiǎn)單易用的程序。

　　UI設(shè)計(jì)師的職責(zé)是任務(wù)分析、概念設(shè)計(jì)、進(jìn)行流程設(shè)計(jì)、說(shuō)明實(shí)時(shí)響應(yīng)標(biāo)準(zhǔn)、易用性評(píng)估、易用性測(cè)試、評(píng)定易用性標(biāo)準(zhǔn)的一致性；而視覺設(shè)計(jì)師的職責(zé)是創(chuàng)建可識(shí)別的圖像、藝術(shù)的外觀、充分利用所相關(guān)的顯示媒體形象地表達(dá)功能視覺一致性。

　　簡(jiǎn)單直接來(lái)說(shuō)平面設(shè)計(jì)是設(shè)計(jì)排版，UI設(shè)計(jì)是設(shè)計(jì)交互，視覺設(shè)計(jì)是設(shè)計(jì)色彩和構(gòu)成。

　　平面?zhèn)戎赜冢浩矫婷襟w或載物進(jìn)行設(shè)計(jì),主要包括廣告,畫冊(cè),海報(bào),LOGO,包裝等。

　　UI側(cè)重于：對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)，好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品味，還要讓APP軟件的操作變得舒適、簡(jiǎn)單、自由、充分體現(xiàn)軟件的定位和特點(diǎn)。

　　ui設(shè)計(jì)的設(shè)計(jì)流程

　　一、確認(rèn)目標(biāo)用戶

　　在UI設(shè)計(jì)過(guò)程中，需求設(shè)計(jì)角色會(huì)確定軟件的目標(biāo)用戶，獲取最終用戶和直接用戶的需求。

　　用戶交互要考慮到目標(biāo)用戶的不同引起的交互設(shè)計(jì)重點(diǎn)的不同。

　　例如：對(duì)于科學(xué)用戶和對(duì)于電腦入門用戶的設(shè)計(jì)重點(diǎn)就不同。

　　二、采集目標(biāo)用戶的習(xí)慣交互方式

　　不同類型的目標(biāo)用戶有不同的交互習(xí)慣。這種習(xí)慣的交互方式往往來(lái)源于其原有的針對(duì)現(xiàn)實(shí)的交互流程、已有軟件工具的交互流程。

　　當(dāng)然還要在此基礎(chǔ)上通過(guò)調(diào)研分析找到用戶希望達(dá)到的交互效果，并且以流程確認(rèn)下來(lái)。

　　三、提示和引導(dǎo)用戶

　　軟件是用戶的工具。因此應(yīng)該由用戶來(lái)操作和控制軟件。軟件響應(yīng)用戶的動(dòng)作和設(shè)定的規(guī)則。

　　對(duì)于用戶交互的結(jié)果和反饋，提示用戶結(jié)果和反饋信息，引導(dǎo)用戶進(jìn)行用戶需要的下一步操作。

　　四、一致性原則

　　設(shè)計(jì)目標(biāo)一致

　　軟件中往往存在多個(gè)組成部分（組件、元素）。不同組成部分之間的交互設(shè)計(jì)目標(biāo)需要一致。

　　例如：如果以電腦操作初級(jí)用戶作為目標(biāo)用戶，以簡(jiǎn)化界面邏輯為設(shè)計(jì)目標(biāo)，那么該目標(biāo)需要貫徹軟件（軟件包）整體，而不是局部。

　　元素外觀一致

　　交互元素的外觀往往影響用戶的交互效果。同一個(gè)（類）軟件采用一致風(fēng)格的外觀，對(duì)于保持用戶焦點(diǎn)，改進(jìn)交互效果有很大幫助。遺憾的是如何確認(rèn)元素外觀一致沒有特別統(tǒng)一的衡量方法。因此需要對(duì)目標(biāo)用戶進(jìn)行調(diào)查取得反饋。

　　交互行為一致

　　在交互模型中，不同類型的元素用戶觸發(fā)其對(duì)應(yīng)的行為事件后，其交互行為需要一致。

　　例如：所有需要用戶確認(rèn)操作的對(duì)話框都至少包含確認(rèn)和放棄兩個(gè)按鈕。

　　對(duì)于交互行為一致性原則比較極端的理念是相同類型的交互元素所引起的行為事件相同。但是我們可以看到這個(gè)理念雖然在大部分情況下正確，但是的確有相反的例子證明不按照這個(gè)理念設(shè)計(jì)，會(huì)更加簡(jiǎn)化用戶操作流程。

　　五、可用性原則

　　可理解

　　軟件要為用戶使用，用戶必須可以理解軟件各元素對(duì)應(yīng)的功能。

　　如果不能為用戶理解，那么需要提供一種非破壞性的途徑，使得用戶可以通過(guò)對(duì)該元素的操作，理解其對(duì)應(yīng)的功能。

　　比如：刪除操作元素。用戶可以點(diǎn)擊刪除操作按鈕，提示用戶如何刪除操作或者是否確認(rèn)刪除操作，用戶可以更加詳細(xì)的理解該元素對(duì)應(yīng)的功能，同時(shí)可以取消該操作。

　　可達(dá)到

　　用戶是交互的中心，交互元素對(duì)應(yīng)用戶需要的功能。因此交互元素必須可以被用戶控制。

　　用戶可以用諸如鍵盤、鼠標(biāo)之類的交互設(shè)備通過(guò)移動(dòng)和觸發(fā)已有的交互元素達(dá)到其它在此之前不可見或者不可交互的交互元素。

　　要注意的是交互的次數(shù)會(huì)影響可達(dá)到的效果。當(dāng)一個(gè)功能被深深隱藏（一般來(lái)說(shuō)超過(guò)4層）那么用戶達(dá)到該元素的幾率就大大降低了。

　　可達(dá)到的效果也同界面設(shè)計(jì)有關(guān)。過(guò)于復(fù)雜的界面會(huì)影響可達(dá)到的效果。

（圖片來(lái)自網(wǎng)絡(luò)）

　　可控制

　　軟件的交互流程，用戶可以控制。

　　功能的執(zhí)行流程，用戶可以控制。

　　如果確實(shí)無(wú)法提供控制，則用能為目標(biāo)用戶理解的方式提示用戶。

　　看完了上文小編的介紹，相信大家對(duì)平面ui設(shè)計(jì)是什么意思以及ui設(shè)計(jì)的設(shè)計(jì)流程是怎樣的相關(guān)內(nèi)容有所了解了。ui設(shè)計(jì)能讓小程序界面更加美觀，能帶來(lái)更加舒適的視覺。