如何給企業(yè)網(wǎng)站設計圖標?

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

打開手機,桌面上都是圖標。打開電腦,桌面上同樣有很多圖標。但是,在很長時間里,網(wǎng)站其實沒有很多的圖標,有的網(wǎng)站甚至只有一個LOGO。但是,逐漸網(wǎng)站上的圖標越來越多了。

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

標題名稱:如何給企業(yè)網(wǎng)站設計圖標?
分享地址:http://muchs.cn/news/243341.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、網(wǎng)站設計、做網(wǎng)站軟件開發(fā)、營銷型網(wǎng)站建設靜態(tài)網(wǎng)站

廣告

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

成都網(wǎng)站建設