監(jiān)理公司管理系統(tǒng) | 工程企業(yè)管理系統(tǒng) | OA系統(tǒng) | ERP系統(tǒng) | 造價咨詢管理系統(tǒng) | 工程設計管理系統(tǒng) | 簽約案例 | 購買價格 | 在線試用 | 手機APP | 產(chǎn)品資料
X 關閉

高度濃縮的圖形圖標設計精髓--服裝進銷存軟件免費版

申請免費試用、咨詢電話:400-8352-114

   

如果你想給網(wǎng)站折騰點什么,對代碼、CSS不精通的朋友,那么試試增加、修改點小圖標吧,一款簡約的網(wǎng)站風格最適合在圖標上下點功夫。

在Web2.0剛流行那段時間,網(wǎng)頁的無框架、無色彩(純白色)的網(wǎng)頁設計叫個性、潮流,在近幾年,網(wǎng)頁如果還是一堆沒點綴的網(wǎng)頁,叫雷同?,F(xiàn)在,簡單、大氣的網(wǎng)頁是流行的趨勢,博客亦是如此。而在網(wǎng)頁設計里表達出的細節(jié)就是圖標。如下圖所示,2000-2005年左右比較流行的個人網(wǎng)站和一個用圖標表現(xiàn)網(wǎng)站的對比圖。

(2000-2005年國內(nèi)典型的個人網(wǎng)站——阿江守候 北京泛普和科技有限公司--www.qykh2009.com)

(用靜態(tài)圖像表現(xiàn)內(nèi)容的概念 北京泛普和科技有限公司--www.qykh2009.com)

在此之前盧松松先講講圖標的概念:在很久很久以前(其實就是幾年前),用像素逐點逐點地進行繪制圖標是最好的選擇,這是因為當時的計算機性能并不高,使用像素可以節(jié)省圖標的體積,也便于快速讀取。早些的操作系統(tǒng)使用的都是像素圖標(包括現(xiàn)在使用的大部分手機和mp4等)。例如下圖:

(早些的操作系統(tǒng)使用的都是像素圖標 北京泛普和科技有限公司--www.qykh2009.com)

當然這樣的也很有魅力,但現(xiàn)在的操作系統(tǒng)所能支持的圖標格式(如PNG)已經(jīng)可以實現(xiàn)多通道透明漸變了,也就是說,你可以給圖標加上陰影甚至模糊的效果。而在windows vista出現(xiàn)后,PC支持的圖標尺寸達到了256*256像素。包括我在內(nèi),很多人都使用photoshop或illustrator來繪制大尺寸圖標,而且能通過縮放得到不同尺寸,像素圖標就不行了,不同的尺寸都要設計師一個點一個點逐一繪制)。

對于網(wǎng)頁設計來說,圖標只是圖片而已,他的格式通常是gif、jpeg或png,總之只要能在瀏覽器中顯示就行。所以你可以隨意使用像素或?qū)憣嵉娘L格。當要注意的是,想要給網(wǎng)站搭配出特色個性的風格,選擇(或制作)優(yōu)秀的圖標還需要注意一下幾點:

一:不要“詞不達意”

圖標必須要適合所代表的意思,最理想的情況是,在沒有輔助說明文字的條件下,用戶仍然能理解什么意思。

(北京泛普和科技有限公司--www.qykh2009.com)

如百度中的“地圖”、“百度統(tǒng)計”、“百科”、“MP3”等等,但也有少數(shù)幾個的含義不那么明顯,“搜索開放”、“手機”、“網(wǎng)站導航”。也許你通過旁邊的文字就能明白這個欄目的含義。

二:小而簡單

圖標應當小而簡單,應該讓用戶一目了然,它們畢竟是輔助元素,所以不能設計得過大,更不能喧賓奪主,占據(jù)顯要的位置。另一方面,網(wǎng)頁設計本身特征也不贊成我們使用大圖片。

“一目了然“的意思是,你需要讓用戶能夠理解它們的含義,并且能夠毫不費力的區(qū)別不同圖標。這個道理很簡單,如果每個圖標看起來都差不多,就僅僅是個圖案而已,就沒有任何的辨別性和指向性。

發(fā)布:2007-04-20 14:35    編輯:泛普軟件 · xiaona    [打印此頁]    [關閉]
相關文章: