當(dāng)今社會(huì)科技日趨發(fā)達(dá)，我們打開(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)站設(shè)計(jì)需要圖標(biāo)？為什么在企業(yè)官網(wǎng)上需要圖標(biāo)？我們認(rèn)為有三個(gè)原因:

1.響應(yīng)性網(wǎng)站的出現(xiàn)。如果你需要在一個(gè)小的手機(jī)屏幕上呈現(xiàn)一個(gè)網(wǎng)站，你需要減少網(wǎng)站的信息量。圖形傳達(dá)的信息量應(yīng)該超過(guò)文本，當(dāng)占據(jù)相同的布局時(shí)。因此，應(yīng)答網(wǎng)站的圖標(biāo)應(yīng)該更多。

受手機(jī)系統(tǒng)的影響；不管是Android還是蘋(píng)果系統(tǒng)，都以圖標(biāo)為入口，圖標(biāo)是一種重要的識(shí)別方法。因此，自智能手機(jī)問(wèn)世以來(lái)，網(wǎng)站圖標(biāo)開(kāi)始增加。

3.受APP網(wǎng)站設(shè)計(jì)的影響。有些公司需要APP、網(wǎng)站、小程序等端口設(shè)計(jì)一致，所以網(wǎng)站圖標(biāo)數(shù)量增加。

二、網(wǎng)站圖標(biāo)數(shù)量統(tǒng)計(jì):

我們發(fā)現(xiàn)不同類(lèi)型的網(wǎng)站有很大的圖標(biāo)數(shù)量差異。企業(yè)網(wǎng)站的圖標(biāo)數(shù)量如下:

圖標(biāo)數(shù)量多:商場(chǎng)網(wǎng)站。一般來(lái)說(shuō)，購(gòu)物網(wǎng)站的圖標(biāo)數(shù)量比較多。我們分析認(rèn)為有兩個(gè)原因。一是簡(jiǎn)單的圖標(biāo)，可以激發(fā)購(gòu)物欲望；二是模仿原因。有些一線(xiàn)電商平臺(tái)采用圖標(biāo)設(shè)計(jì)，而不是文字描述。

圖片數(shù)量多:企業(yè)官網(wǎng)。圖標(biāo)也將用于企業(yè)網(wǎng)站設(shè)計(jì)的導(dǎo)航、產(chǎn)品詳情頁(yè)面、交互等。

圖片數(shù)量少:信息網(wǎng)站。我們發(fā)現(xiàn)新聞網(wǎng)站和信息網(wǎng)站的圖標(biāo)數(shù)量很少。

第三，網(wǎng)站圖標(biāo)設(shè)計(jì)原則：

站點(diǎn)設(shè)計(jì)實(shí)際上屬于用戶(hù)界面設(shè)計(jì)范疇。而且用戶(hù)界面設(shè)計(jì)分為三個(gè)層次，一是擬物，簡(jiǎn)單地說(shuō)就是能看懂，看到圖標(biāo)，明白是什么意思；二是協(xié)調(diào)統(tǒng)一，不同圖標(biāo)的風(fēng)格、顏色、背景、明暗統(tǒng)一；三是情感傳遞，通過(guò)互動(dòng)，能產(chǎn)生更好的用戶(hù)體驗(yàn)。

基于以上分析，我們來(lái)看看如何設(shè)計(jì)網(wǎng)站圖標(biāo)。

能夠理解：也就是說(shuō)，圖標(biāo)能夠準(zhǔn)確地傳達(dá)內(nèi)容。這樣做并不容易。就拿現(xiàn)在流行的擬物化圖標(biāo)設(shè)計(jì)來(lái)說(shuō)，如果我們?yōu)楝F(xiàn)場(chǎng)直播設(shè)計(jì)圖標(biāo)，可以設(shè)計(jì)成攝像機(jī)或電視的輪廓，這樣用戶(hù)基本上就能理解，但如果網(wǎng)站設(shè)計(jì)成一眼的輪廓，傳達(dá)的意思就會(huì)比較模糊。

進(jìn)化:圖標(biāo)需要根據(jù)消費(fèi)趨勢(shì)和用戶(hù)群體進(jìn)行變化。以電視圖標(biāo)為例，很多網(wǎng)站的電視圖標(biāo)都是老式電視，但對(duì)于從未見(jiàn)過(guò)老式電視的00后來(lái)說(shuō)，可能會(huì)讓他們感到困惑。這時(shí)候圖標(biāo)需要更新重新設(shè)計(jì)。

統(tǒng)一:如果是多個(gè)圖標(biāo)，圖標(biāo)的亮度、背景、形狀、風(fēng)格要協(xié)調(diào)統(tǒng)一，避免差異過(guò)大造成的突兀。

可以解釋:圖標(biāo)+文字解釋?zhuān)W(wǎng)站設(shè)計(jì)可以更清晰的解釋想要表達(dá)的內(nèi)容，不要過(guò)分追求簡(jiǎn)約風(fēng)格，讓用戶(hù)看不懂。

新聞名稱(chēng)：成都網(wǎng)站設(shè)計(jì)：網(wǎng)站設(shè)計(jì)要怎么樣給企業(yè)設(shè)計(jì)圖標(biāo)？
瀏覽地址：http://chinadenli.net/news43/321693.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、網(wǎng)站改版、定制網(wǎng)站、搜索引擎優(yōu)化、關(guān)鍵詞優(yōu)化、做網(wǎng)站

廣告

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