網(wǎng)站APP應(yīng)用圖標(biāo)設(shè)計(jì)原則

2021-05-06    分類: 網(wǎng)站建設(shè)

一款簡練的圖標(biāo)比起同樣大小的文字符號(hào),可以表達(dá)更多的意義,根據(jù)界面的需要,控制圖標(biāo)的大小和位置,達(dá)到布局美觀,這也是文字標(biāo)示所無法比擬的。
1.易識(shí)

易識(shí)別性是圖標(biāo)的靈魂,能準(zhǔn)確地讓用戶理解到它所想表達(dá)的意思。圖標(biāo)的圖形應(yīng)該和目標(biāo)的外形相似。通俗的講,用戶看到一個(gè)圖標(biāo),就可以清晰明白這個(gè)圖標(biāo)的含義。圖標(biāo)含義清晰明確,便于用戶明確獲得操作步驟信息,及時(shí)做出正確的選擇判斷。

網(wǎng)站APP應(yīng)用圖標(biāo)設(shè)計(jì)原則

網(wǎng)站APP應(yīng)用圖標(biāo)設(shè)計(jì)原則

2.慣例
如果事情通常以固定的方式完成,那么它就變成了習(xí)慣或者慣例,并且用戶期望以該方式去完成。有的設(shè)計(jì)如果不遵守慣例時(shí),例如:瀏覽器上面主頁的圖標(biāo)不是一個(gè)房子的造型時(shí),用戶會(huì)停下來思考,這樣自然降低了效率。所以,盡量使用合適的圖標(biāo)慣例。
3.隱喻
隱喻旨以一種更為明顯,更為熟悉的觀念符號(hào),來表示某種觀念,觀念之間存在著類似性。
①已經(jīng)形成慣例的隱喻元素盡量不要輕易改變。諸如放大鏡、垃圾桶、主頁等這些被用戶廣泛認(rèn)可的隱喻,不要放棄這一隱喻元素轉(zhuǎn)而訴求別的隱喻元素。
②選擇合適的隱喻對(duì)象。圖標(biāo)的功能和圖形應(yīng)該和現(xiàn)實(shí)生活中的產(chǎn)品功能和外形相一致,這樣用戶第一次使用就能獲得很高的認(rèn)同感,沒有任何認(rèn)知上的障礙。
4.聯(lián)系

孤立的圖標(biāo)是沒有意義的。圖標(biāo)與其他許多元素組合在一起顯示在屏幕上,用戶對(duì)圖標(biāo)的理解離開不了圖標(biāo)所處的上下文。 上下文的因素又可包括物理上下文、認(rèn)知上下文、隱喻上下文、時(shí)間上下文等。

網(wǎng)站APP應(yīng)用圖標(biāo)設(shè)計(jì)原則

網(wǎng)站APP應(yīng)用圖標(biāo)設(shè)計(jì)原則

5.一致
一致性是最重要的可用性特征之一,一致性應(yīng)當(dāng)應(yīng)用于構(gòu)成整體用戶界面的各個(gè)不同媒體。設(shè)計(jì)中也要遵守界面設(shè)計(jì)中的一致性原則,主要體現(xiàn)在以下幾個(gè)方面:
①一致的映射模式。在同一個(gè)系列圖標(biāo)中,用戶對(duì)圖標(biāo)進(jìn)行學(xué)習(xí),積累經(jīng)驗(yàn),形成某種固定的映射模式,如果突然出現(xiàn)了另一種模式的映射,用戶可能仍將延用先前形成的定勢思維,進(jìn)行理解,從而出現(xiàn)理解困難或理解偏差,造成不良的映射。
②一致的表現(xiàn)手法。表現(xiàn)手法的一致性主要體現(xiàn)在圖標(biāo)的色彩、表現(xiàn)形態(tài)、結(jié)構(gòu)特征、光源、陰影、透視等多方面。色彩的一致性不僅僅包括色相,還要包括亮度、飽和度的統(tǒng)一以及漸變色的控制一致等。
③一致的風(fēng)格。圖標(biāo)設(shè)計(jì)的5種風(fēng)格:照片、素描漫畫、剪影和輪廓等。在設(shè)計(jì)一個(gè)界面的時(shí)候,選擇一個(gè)風(fēng)格并堅(jiān)持使用它。
6.信噪
圖標(biāo)的圖像的細(xì)節(jié)程度,影響著用戶對(duì)圖標(biāo)的性能判斷。一個(gè)圖像的認(rèn)知需要一定數(shù)量的細(xì)節(jié),但是過分的細(xì)節(jié)也可能導(dǎo)致認(rèn)知性能的退化。那么,就可以引入一個(gè)電聲學(xué)中的概念,信噪比,即信號(hào)噪聲。

一般來講,畫面中相互關(guān)聯(lián)的物體應(yīng)該控制在3個(gè)以下,因?yàn)槭褂眠^于復(fù)雜的視覺元素越多,那么圖標(biāo)的意義指向可能性就越多,用戶越有可能從各種各樣的角度去解讀,增大了噪聲,該圖標(biāo)的可用性就可能越差。

網(wǎng)站APP應(yīng)用圖標(biāo)設(shè)計(jì)原則

網(wǎng)站APP應(yīng)用圖標(biāo)設(shè)計(jì)原則

7.文字
在信息傳達(dá)的過程中,為了信息傳遞的可靠性,在圖標(biāo)設(shè)計(jì)中加入一些必要文字是最有效的方式。這樣能保證更好地理解圖標(biāo)傳達(dá)的含義。因?yàn)橛行﹫D標(biāo)在沒有文字標(biāo)注的情況下,不能表達(dá)出實(shí)際的意義。

圖標(biāo)要直觀化、易讀、易懂、易識(shí)別、認(rèn)知負(fù)擔(dān)少,能與外觀兩全,在圖標(biāo)設(shè)計(jì)過程中要時(shí)刻保持圖標(biāo)的創(chuàng)造原則。

(鄭重聲明:本文版權(quán)歸原作者劉偉元所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如有侵權(quán),請(qǐng)聯(lián)系我們刪除;如作者信息標(biāo)記有誤,請(qǐng)聯(lián)系我們修改。)

名稱欄目:網(wǎng)站APP應(yīng)用圖標(biāo)設(shè)計(jì)原則
當(dāng)前網(wǎng)址:http://www.bm7419.com/news38/112488.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設(shè)、做網(wǎng)站、企業(yè)網(wǎng)站制作、虛擬主機(jī)網(wǎng)站營銷、品牌網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)