交互界面說(shuō)簡(jiǎn)單點(diǎn)就是聯(lián)系設(shè)備與人之間的溝通,而交互界面設(shè)計(jì)就是要將人的需求更直觀表達(dá)出去,讓設(shè)備明白用戶的表達(dá)。今天就讓小編為大家介紹交互界面設(shè)計(jì)要注意幾大要素。
交互界面設(shè)計(jì)要注意幾大要素
1、顏色。 易識(shí)別的文字、和諧的色塊、易用性的按鈕可營(yíng)造出舒適的使用環(huán)境。配色應(yīng)針對(duì)不同用戶群體的心理,不同的色彩方案具有不同的感情特征,會(huì)對(duì)人的心理狀態(tài)和視覺感受造成不同的影響。顏色種類不宜過(guò)多,基于視覺分析,配色復(fù)雜會(huì)降低閱讀的速度。
2、文字。 文字是界面中極其重要的組成部分,文字傳遞了大量的微信息。字字相連可成文本,成組可成為圖形、符號(hào)。比如,在書本雜志等印刷品150dpi-300dpi高分辨率中,正文字體主要采用有襯線的宋體。而顯示器的72dpi的低分辨率一般都用黑體或者微軟雅黑,如果改為宋體當(dāng)正文,文字襯線反而會(huì)妨礙閱讀,易導(dǎo)致視覺疲勞。

交互界面設(shè)計(jì)(圖片來(lái)自網(wǎng)絡(luò))
3、圖標(biāo)。 圖標(biāo)分為標(biāo)志與按鈕,使用戶通過(guò)形狀和色彩清晰地了解信息的分類和操作界面中的圖標(biāo)。用戶經(jīng)常使用的工具欄的圖標(biāo)與下拉菜單需要與文字信息相結(jié)合使用。除了具備功能價(jià)值,圖標(biāo)在傳遞品牌屬性上還會(huì)起到宣傳作用。
交互界面設(shè)計(jì)如何才能直觀
1、形色引導(dǎo)。形狀、色彩、大小等進(jìn)行引導(dǎo)。當(dāng)人們大腦接收到一定量信息時(shí),會(huì)對(duì)相似的的信息進(jìn)行分類來(lái)簡(jiǎn)化信息的處理,所以我們?cè)谠O(shè)計(jì)中可以把同類型的元素使用相同的形狀或色彩等。比如在選擇購(gòu)買電影票或賓館時(shí),我們所需要篩選的信息較多,如日期、位置、影院/賓館,這時(shí)候把這些信息使用相同的樣式展示,用戶很自然的認(rèn)為這些信息是有關(guān)聯(lián)的,都是為了篩選影院/賓館所需的條件。
2、方向引導(dǎo)。默認(rèn)情況下,我們都習(xí)慣從左往右,從上往下的掃描信息,所以我們?cè)O(shè)計(jì)時(shí)一般也是依照這個(gè)慣例。

交互界面設(shè)計(jì)(圖片來(lái)自網(wǎng)絡(luò))
3、運(yùn)動(dòng)引導(dǎo)。人們最容易捕捉的就是運(yùn)動(dòng)的物體,這個(gè)運(yùn)動(dòng)不是只位移,同時(shí)也有使文字有方向閃爍來(lái)產(chǎn)生運(yùn)動(dòng),就好像你已經(jīng)迷失在人海中,有人再向你招手一樣。比如點(diǎn)擊加入購(gòu)物車之后商品飛到了購(gòu)物車圖標(biāo)里、選好觀影座位后座位號(hào)飛到了購(gòu)票訂單處等,視覺自然的就過(guò)渡到了下一步驟。
4、向?qū)Э丶H绻粋€(gè)任務(wù)需要多步操作跨越多個(gè)頁(yè)面,那么可以用向?qū)Э丶?lái)引導(dǎo)用戶完成多步操作。同時(shí)還可以告訴用戶完成這個(gè)任務(wù)一共需要多少步、現(xiàn)在在哪個(gè)階段、剩下多少可以完成任務(wù)等。
以上就是小編為大家介紹的關(guān)于交互界面設(shè)計(jì)的相關(guān)內(nèi)容。交互界面就是能將用戶與設(shè)備有效結(jié)合的橋梁,因此交互界面設(shè)計(jì)更多地需要從用戶的角度進(jìn)行考慮和設(shè)計(jì)。


在微信中搜索faceui