近年來,很多商家會開發(fā)小程序做營銷,而小程序的設(shè)計離不開平面ui設(shè)計。那大家知道平面ui設(shè)計是什么意思嗎?還有,ui設(shè)計的設(shè)計流程是怎樣的呢?今天就一起跟小編來了解一下相關(guān)的內(nèi)容吧。
平面ui設(shè)計是什么意思
平面設(shè)計泛指具有藝術(shù)性和專業(yè)性,以“視覺”作為溝通和表現(xiàn)的方式。透過多種方式來創(chuàng)造和結(jié)合符號、圖片和文字,借此作出用來傳達想法或訊息的視覺表現(xiàn)。

(圖片來自網(wǎng)絡(luò))
UI即User Interface(用戶界面)的簡稱。UI設(shè)計是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計,也就是說,UI設(shè)計做出來的東西是和用戶有互動的,比如我們平常用的手機APP上的設(shè)計,就是有互動的,你對它進行某項操作,它會給你一個反饋。
我們需要明確的是,UI 設(shè)計師并不是視覺設(shè)計師。UI 設(shè)計師的工作并不是編寫一個很好看的界面,而是要提供一個易用的界面。UI 設(shè)計師需要把程序變得簡單易于使用,要減少用戶動作數(shù)量,將其轉(zhuǎn)化語言表現(xiàn),最終目的是實現(xiàn)簡單易用的程序。
UI設(shè)計師的職責是任務(wù)分析、概念設(shè)計、進行流程設(shè)計、說明實時響應(yīng)標準、易用性評估、易用性測試、評定易用性標準的一致性;而視覺設(shè)計師的職責是創(chuàng)建可識別的圖像、藝術(shù)的外觀、充分利用所相關(guān)的顯示媒體形象地表達功能視覺一致性。
簡單直接來說平面設(shè)計是設(shè)計排版,UI設(shè)計是設(shè)計交互,視覺設(shè)計是設(shè)計色彩和構(gòu)成。
平面?zhèn)戎赜冢浩矫婷襟w或載物進行設(shè)計,主要包括廣告,畫冊,海報,LOGO,包裝等。
UI側(cè)重于:對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計,好的UI設(shè)計不僅是讓軟件變得有個性有品味,還要讓APP軟件的操作變得舒適、簡單、自由、充分體現(xiàn)軟件的定位和特點。
ui設(shè)計的設(shè)計流程
一、確認目標用戶
在UI設(shè)計過程中,需求設(shè)計角色會確定軟件的目標用戶,獲取最終用戶和直接用戶的需求。
用戶交互要考慮到目標用戶的不同引起的交互設(shè)計重點的不同。
例如:對于科學用戶和對于電腦入門用戶的設(shè)計重點就不同。
二、采集目標用戶的習慣交互方式
不同類型的目標用戶有不同的交互習慣。這種習慣的交互方式往往來源于其原有的針對現(xiàn)實的交互流程、已有軟件工具的交互流程。
當然還要在此基礎(chǔ)上通過調(diào)研分析找到用戶希望達到的交互效果,并且以流程確認下來。
三、提示和引導用戶
軟件是用戶的工具。因此應(yīng)該由用戶來操作和控制軟件。軟件響應(yīng)用戶的動作和設(shè)定的規(guī)則。
對于用戶交互的結(jié)果和反饋,提示用戶結(jié)果和反饋信息,引導用戶進行用戶需要的下一步操作。
四、一致性原則
設(shè)計目標一致
軟件中往往存在多個組成部分(組件、元素)。不同組成部分之間的交互設(shè)計目標需要一致。
例如:如果以電腦操作初級用戶作為目標用戶,以簡化界面邏輯為設(shè)計目標,那么該目標需要貫徹軟件(軟件包)整體,而不是局部。
元素外觀一致
交互元素的外觀往往影響用戶的交互效果。同一個(類)軟件采用一致風格的外觀,對于保持用戶焦點,改進交互效果有很大幫助。遺憾的是如何確認元素外觀一致沒有特別統(tǒng)一的衡量方法。因此需要對目標用戶進行調(diào)查取得反饋。
交互行為一致
在交互模型中,不同類型的元素用戶觸發(fā)其對應(yīng)的行為事件后,其交互行為需要一致。
例如:所有需要用戶確認操作的對話框都至少包含確認和放棄兩個按鈕。
對于交互行為一致性原則比較極端的理念是相同類型的交互元素所引起的行為事件相同。但是我們可以看到這個理念雖然在大部分情況下正確,但是的確有相反的例子證明不按照這個理念設(shè)計,會更加簡化用戶操作流程。
五、可用性原則
可理解
軟件要為用戶使用,用戶必須可以理解軟件各元素對應(yīng)的功能。
如果不能為用戶理解,那么需要提供一種非破壞性的途徑,使得用戶可以通過對該元素的操作,理解其對應(yīng)的功能。
比如:刪除操作元素。用戶可以點擊刪除操作按鈕,提示用戶如何刪除操作或者是否確認刪除操作,用戶可以更加詳細的理解該元素對應(yīng)的功能,同時可以取消該操作。
可達到
用戶是交互的中心,交互元素對應(yīng)用戶需要的功能。因此交互元素必須可以被用戶控制。
用戶可以用諸如鍵盤、鼠標之類的交互設(shè)備通過移動和觸發(fā)已有的交互元素達到其它在此之前不可見或者不可交互的交互元素。
要注意的是交互的次數(shù)會影響可達到的效果。當一個功能被深深隱藏(一般來說超過4層)那么用戶達到該元素的幾率就大大降低了。
可達到的效果也同界面設(shè)計有關(guān)。過于復雜的界面會影響可達到的效果。

(圖片來自網(wǎng)絡(luò))
可控制
軟件的交互流程,用戶可以控制。
功能的執(zhí)行流程,用戶可以控制。
如果確實無法提供控制,則用能為目標用戶理解的方式提示用戶。
看完了上文小編的介紹,相信大家對平面ui設(shè)計是什么意思以及ui設(shè)計的設(shè)計流程是怎樣的相關(guān)內(nèi)容有所了解了。ui設(shè)計能讓小程序界面更加美觀,能帶來更加舒適的視覺。


在微信中搜索faceui