如何給企業(yè)網(wǎng)站設(shè)計(jì)圖標(biāo)?

2023-03-11    分類: 網(wǎng)站建設(shè)

打開(kāi)手機(jī),桌面上都是圖標(biāo)。打開(kāi)電腦,桌面上同樣有很多圖標(biāo)。但是,在很長(zhǎng)時(shí)間里,網(wǎng)站其實(shí)沒(méi)有很多的圖標(biāo),有的網(wǎng)站甚至只有一個(gè)LOGO。但是,逐漸網(wǎng)站上的圖標(biāo)越來(lái)越多了。

網(wǎng)站為什么需要圖標(biāo)?
一個(gè)企業(yè)官網(wǎng)上,為何需要圖標(biāo)呢?我們認(rèn)為有三個(gè)原因。
其一,響應(yīng)式網(wǎng)站的出現(xiàn)。需要在較小的手機(jī)屏幕上呈現(xiàn)網(wǎng)站,就需要減少網(wǎng)站的信息量。而圖形傳達(dá)的信息量要超過(guò)文字,當(dāng)占據(jù)的版面相同的時(shí)候。所以,響應(yīng)式網(wǎng)站的圖標(biāo)要多一些。
其二,受到手機(jī)系統(tǒng)的影響。無(wú)論是安卓還是蘋(píng)果系統(tǒng),都是以“圖標(biāo)”作為入口的,圖標(biāo)是重要的識(shí)別方式。所以,自從智能手機(jī)出現(xiàn)之后,網(wǎng)站的圖標(biāo)開(kāi)始增多。
其三,受到APP設(shè)計(jì)的影響。一些公司需要APP、網(wǎng)站、小程序等端口設(shè)計(jì)保持一致,所以,網(wǎng)站的圖標(biāo)數(shù)量也就增多了。
網(wǎng)站圖標(biāo)數(shù)量統(tǒng)計(jì)
我們發(fā)現(xiàn),不同類型的網(wǎng)站,圖標(biāo)數(shù)量是存在巨大的差別的。我們對(duì)企業(yè)網(wǎng)站圖標(biāo)數(shù)量多少排列如下:
圖標(biāo)數(shù)量最多:商城類網(wǎng)站。通常來(lái)說(shuō),購(gòu)物網(wǎng)站的圖標(biāo)數(shù)量比較多。我們分析認(rèn)為,這其中有兩個(gè)原因。其一是簡(jiǎn)單的圖標(biāo),可以引發(fā)購(gòu)物的欲望;其二是模仿原因。一些一線電商平臺(tái),都采用圖標(biāo)設(shè)計(jì),而不是文字說(shuō)明。
圖片數(shù)量次多:企業(yè)官網(wǎng)。企業(yè)官網(wǎng)的導(dǎo)航、產(chǎn)品詳情頁(yè)、交互等方面,也會(huì)使用圖標(biāo)。
圖片數(shù)量較少:資訊類網(wǎng)站。我們發(fā)現(xiàn),新聞?lì)惥W(wǎng)站、資訊網(wǎng)站,圖標(biāo)數(shù)量較少。
網(wǎng)站圖標(biāo)設(shè)計(jì)原則
網(wǎng)站圖標(biāo)設(shè)計(jì)其實(shí)屬于“UI設(shè)計(jì)范疇”。而UI設(shè)計(jì)分為三個(gè)層次,一是擬物,簡(jiǎn)單來(lái)說(shuō)就是“能看明白”,看到了圖標(biāo),明白是什么意思;二是協(xié)調(diào)統(tǒng)一,不同圖標(biāo)其風(fēng)格、顏色、背景、明暗的統(tǒng)一;三是情感傳遞,通過(guò)交互,能夠產(chǎn)生較好的用戶體驗(yàn)。
基于如上分析,我們來(lái)看看網(wǎng)站圖標(biāo)應(yīng)該如何設(shè)計(jì)?
第一,能看懂。即,圖標(biāo)可以準(zhǔn)確傳達(dá)內(nèi)容。做到這一點(diǎn)并不容易。以目前流行的“擬物化”圖標(biāo)設(shè)計(jì)為例,如果我們?yōu)?ldquo;直播”設(shè)計(jì)圖標(biāo),可以設(shè)計(jì)成一個(gè)攝像機(jī)或者電視的輪廓,這樣用戶基本能夠看得懂,但是如果設(shè)計(jì)成為“一個(gè)眼睛”的輪廓,則傳達(dá)的意思就比較模糊。
第二,要進(jìn)化。圖標(biāo)需要根據(jù)消費(fèi)趨勢(shì)和用戶群體進(jìn)行變化。以電視圖標(biāo)為例,很多網(wǎng)站的電視圖標(biāo)是老式電視,但是對(duì)于完全沒(méi)有見(jiàn)過(guò)老式電視的00后來(lái)說(shuō),可能會(huì)讓其產(chǎn)生困惑。此時(shí),就需要對(duì)圖標(biāo)進(jìn)行更新和重新設(shè)計(jì)。
第三,要統(tǒng)一。如果是多個(gè)圖標(biāo),圖標(biāo)的高光、背景、形態(tài)、風(fēng)格要進(jìn)行協(xié)調(diào)和統(tǒng)一,避免差異性太大導(dǎo)致的突兀。

網(wǎng)站題目:如何給企業(yè)網(wǎng)站設(shè)計(jì)圖標(biāo)?
網(wǎng)站網(wǎng)址:http://www.muchs.cn/news41/243341.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開(kāi)發(fā)、電子商務(wù)網(wǎng)站內(nèi)鏈、品牌網(wǎng)站建設(shè)做網(wǎng)站、面包屑導(dǎo)航

廣告

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

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司