摘要：隨著信息技術(shù)的發(fā)展和互聯(lián)網(wǎng)的普及，智能手機(jī)作為互聯(lián)網(wǎng)普及的載體受到了廣大人民的青睞。圖標(biāo)是用戶使用手機(jī)功能的通道，然而用戶對圖標(biāo)的認(rèn)知效果并不理想。本文通過查閱相關(guān)文獻(xiàn)，運(yùn)用實(shí)驗(yàn)分析、問卷調(diào)查等方法，對影響圖標(biāo)認(rèn)知效果的兩個(gè)設(shè)計(jì)因素色彩和形狀進(jìn)行分析，得出當(dāng)色彩不統(tǒng)一時(shí)，用戶對于圖標(biāo)的認(rèn)知效果更好，圖標(biāo)的形狀對用戶的認(rèn)知效果沒有顯著影響。

關(guān)鍵詞：圖標(biāo);用戶認(rèn)知;色彩;形狀

1.引言

隨著信息技術(shù)的發(fā)展和互聯(lián)網(wǎng)的普及，人們的日常生活已經(jīng)和互聯(lián)網(wǎng)息息相關(guān)，隨著APP的不斷增多，不同的APP的設(shè)計(jì)者給與了APP圖標(biāo)不同色彩和形狀，摒棄了原本單一的圖標(biāo)設(shè)計(jì)，不同類型的圖標(biāo)會(huì)對用戶產(chǎn)生不同的影響。圖標(biāo)是用戶使用手機(jī)功能的通道，用戶通過識(shí)別圖標(biāo)找到手機(jī)的不同功能。圖標(biāo)的設(shè)計(jì)非常復(fù)雜，圖標(biāo)的色彩和形狀都需要符合科學(xué)化和人性化，以更好的起到傳遞信息的效果[1]。

目前學(xué)術(shù)界對手機(jī)圖標(biāo)色彩一致性和邊框形狀的研究正在發(fā)展中，本文也從色彩和邊框形狀的角度進(jìn)行了研究，對已有的理論研究進(jìn)行了補(bǔ)充;隨著科技的不斷發(fā)展，手機(jī)的屏幕越來越大，圖標(biāo)的設(shè)計(jì)具有一定的普適性，但是不同大小的手機(jī)界面呈現(xiàn)出差異化，以往對于小屏幕手機(jī)的圖標(biāo)的研究不能直接套用到大屏幕手機(jī)上去。本文通過實(shí)驗(yàn)對色彩和邊框形狀的選擇做出了數(shù)據(jù)分析，得出更好的設(shè)計(jì)方式，為圖標(biāo)設(shè)計(jì)者提供了依據(jù)。

2.相關(guān)研究文獻(xiàn)綜述

界面是人與機(jī)器之間溝通的橋梁，用戶通過使用界面上的圖標(biāo)對機(jī)器進(jìn)行操作。隨著信息時(shí)代的到來，互聯(lián)網(wǎng)成為了人們溝通交流的重要工具，手機(jī)作為信息時(shí)代的產(chǎn)物，成為了互聯(lián)網(wǎng)的重要載體。圖形用戶界面的出現(xiàn)相比于命令行界面滿足了用戶的可視化視覺需求。利用豐富的圖形文字增強(qiáng)了界面彈性[2]，使得人與機(jī)器的交互更加便利。

近年來，國內(nèi)智能手機(jī)品牌的生產(chǎn)迅速發(fā)展，特別是以華為為代表，它的操作系統(tǒng)是由Google公司生產(chǎn)的Android系統(tǒng)，手機(jī)的圖標(biāo)大多說采用扁平化的設(shè)計(jì)風(fēng)格[3]，只有少數(shù)由于一些特殊需求設(shè)計(jì)成了擬物化圖標(biāo)，由此可見，扁平化風(fēng)格已經(jīng)成為手機(jī)圖標(biāo)的主流設(shè)計(jì)風(fēng)格[4]。

3.實(shí)驗(yàn)設(shè)計(jì)及流程

3.1實(shí)驗(yàn)材料

將選取的24個(gè)圖標(biāo)邊框統(tǒng)一設(shè)計(jì)為圓形，打亂圖標(biāo)的排列順序，再將圖標(biāo)邊框全部設(shè)置成圓角矩形，然后利用畫圖工具對兩張截圖進(jìn)行剪切重組，得到圓形和圓角矩形圖標(biāo)相交叉的手機(jī)界面圖。之后利用Photoshop軟件對三張圖進(jìn)行統(tǒng)一顏色處理，得到（2×3）6張顏色和邊框形狀不同搭配的材料圖。

3.2實(shí)驗(yàn)對象

本實(shí)驗(yàn)選取的被試是鄭州大學(xué)的30位校大學(xué)生，其中男生18人，女生12人，年齡在20-23歲之間。被試使用手機(jī)年限都超過了6年，對于手機(jī)的使用沒有障礙，視力或矯正實(shí)力都很正常，均為右利手。

3.3問卷調(diào)查

為了更好的了解被試對本實(shí)驗(yàn)圖標(biāo)設(shè)計(jì)的認(rèn)可程度，本論文還設(shè)計(jì)了實(shí)驗(yàn)問卷。在實(shí)驗(yàn)結(jié)束后，調(diào)查被試對各種圖標(biāo)設(shè)計(jì)形式的主觀感受，了解一些不容易從實(shí)驗(yàn)中得到的信息。

3.4實(shí)驗(yàn)流程

實(shí)驗(yàn)通過“任務(wù)搜索-匹配”的方式來探究手機(jī)圖標(biāo)顏色、形狀設(shè)計(jì)因素下的用戶認(rèn)知效果影響問題。每個(gè)被試完成實(shí)驗(yàn)任務(wù)都是單獨(dú)進(jìn)行的，避免被其他人打擾，被試在完成試驗(yàn)后，禁止和其他被試交流實(shí)驗(yàn)內(nèi)容。實(shí)驗(yàn)流程如圖3-1所示。

4.實(shí)驗(yàn)結(jié)果分析

4.1統(tǒng)計(jì)分析結(jié)果

當(dāng)邊框形狀為圓角矩形時(shí)，對色彩統(tǒng)一性的兩種設(shè)計(jì)形式進(jìn)行成對比較，結(jié)果顯示，色彩不統(tǒng)一對比色彩統(tǒng)一為藍(lán)色，被試的滿意度更高。當(dāng)邊框形狀為圓形時(shí)，對色彩統(tǒng)一性的兩種設(shè)計(jì)形式進(jìn)行成對比較，結(jié)果顯示，色彩不統(tǒng)一對比色彩統(tǒng)一，被試的滿意度更高。當(dāng)邊框形狀為圓形和圓角矩形時(shí)，對色彩統(tǒng)一性的兩種設(shè)計(jì)形式進(jìn)行成對比較，結(jié)果顯示，色彩不統(tǒng)一對比色彩統(tǒng)一為藍(lán)色，被試的滿意度更高。

4.2結(jié)果討論

（1）色彩單因素對滿意度的影響

由數(shù)據(jù)分析結(jié)果可知，在色彩單因素的影響下，色彩的統(tǒng)一性對被試的滿意程度有顯著的影響，用戶對于色彩不統(tǒng)一的圖標(biāo)設(shè)計(jì)滿意度要遠(yuǎn)高于色彩統(tǒng)一為藍(lán)色的圖標(biāo)設(shè)計(jì)，色彩統(tǒng)一為藍(lán)色的圖標(biāo)設(shè)計(jì)雖然可以使手機(jī)界面看起來更加整潔，但這種純色的搭配，使手機(jī)界面看起來過于單一，增加色彩的種類，可以使手機(jī)界面更加美觀，用戶看起來更加舒適。

（2）邊框形狀單因素對滿意度的影響

在邊框形狀單因素的影響下，邊框形狀差異對被試的滿意程度有顯著的影響，但被試對于這三種邊框設(shè)計(jì)形式的滿意度都不太高，相較于其他兩種邊框形式，用戶更滿意圓角矩形的邊框設(shè)計(jì)。造成這種差異的原因在于：使用統(tǒng)一的圓角矩形邊框使手機(jī)界面看起來更加整潔，圓角矩形在具有方正的特點(diǎn)下，將矩形原本尖銳的角用比較圓潤的圓角代替，在形狀上更加美觀。

（3）色彩與邊框形狀交互作用對滿意度的影響

由數(shù)據(jù)分析結(jié)果可知，色彩統(tǒng)一性和邊框形狀差異的交互作用對被試的滿意程度有顯著的影響。當(dāng)色彩統(tǒng)一為藍(lán)色時(shí)，被試對圓角矩形邊框的滿意度最高，當(dāng)色彩不統(tǒng)一時(shí)，被試對圓角矩形邊框的滿意度最高。當(dāng)邊框形狀分別為圓角矩形、圓形、圓角矩形與圓形混合時(shí)，圖標(biāo)色彩不統(tǒng)一給被試的滿意度更高。

5.研究總結(jié)

圖標(biāo)是用戶使用手機(jī)功能的通道，用戶通過識(shí)別圖標(biāo)找到手機(jī)的不同功能。本文對影響手機(jī)圖標(biāo)在邊框形狀和色彩設(shè)計(jì)因素下的用戶認(rèn)知效果進(jìn)行了研究，并在實(shí)驗(yàn)完成后對被試進(jìn)行問卷調(diào)查，得出了以下幾點(diǎn)結(jié)論：

（1）當(dāng)圖標(biāo)色彩不統(tǒng)一時(shí)，被試的滿意度明顯更高，這說明被試更偏好于色彩不統(tǒng)一的圖標(biāo)設(shè)計(jì)形式。

（2）當(dāng)圖標(biāo)的邊框形狀為圓角矩形時(shí)，被試的滿意度更高，這說明圓角矩形邊框給被試帶來了更好的認(rèn)知效果。

（3）當(dāng)圖標(biāo)的色彩不統(tǒng)一且為圓角矩形時(shí)，被試的滿意度最高，這說明這種設(shè)計(jì)形式給用戶帶來了最好的認(rèn)知效果

本論文通過嚴(yán)格的實(shí)驗(yàn)設(shè)計(jì)和針對被試主觀感受的問卷調(diào)查，以理論和數(shù)據(jù)相結(jié)合，客觀對圖標(biāo)的邊框形狀和色彩對視覺效率的影響進(jìn)行了分析，為圖標(biāo)設(shè)計(jì)者和相關(guān)理論研究者提供了依據(jù)。

參考文獻(xiàn)

[1]黃國松.色彩設(shè)計(jì)學(xué)[M].2001.

[2]詹瑾瑜.基于嵌入式操作系統(tǒng)的圖形用戶界面（GUI）系統(tǒng)的研究與實(shí)現(xiàn)[D].電子科技大學(xué)，2003.

[3]周滔.智能手機(jī)圖形界面中扁平化視覺設(shè)計(jì)研究[D].江西師范大學(xué)， 2015.

[4]王凡.從“少即是多”中探究移動(dòng)端扁平化UI界面設(shè)計(jì)[D].2015.

作者簡介

關(guān)柯楠（1998—），男，漢族，河南濮陽人，學(xué)歷：2019級(jí)在讀研究生，單位：鄭州大學(xué)，研究方向：管理科學(xué)與工程。