深圳網(wǎng)站設(shè)計(jì)公司我們將網(wǎng)頁(yè)中的這些常用小裝飾整理成四個(gè)類別：小圖標(biāo)、小序號(hào)、小字、小手繪，也許當(dāng)我們?yōu)g覽一個(gè)頁(yè)面時(shí)很難關(guān)注到它們，但這些小的裝飾點(diǎn)卻在視覺(jué)潛意識(shí)里為整體頁(yè)面的易用性、舒適性、節(jié)奏感和親切度默默加分。
一、小圖標(biāo)
1．圖標(biāo)的分類
圖標(biāo)是指對(duì)操作功能或?qū)κ挛镏黝}的圖形表現(xiàn)，在網(wǎng)頁(yè)設(shè)計(jì)中圖標(biāo)一般分為抽像和具像兩類。
（1）抽像的行為圖標(biāo)這一類是詮釋計(jì)算機(jī)系統(tǒng)操作功能的圖標(biāo)，我們通常稱之為ICO，系統(tǒng)包括PC系統(tǒng)和手機(jī)、平板電腦等系統(tǒng)，操作包括系統(tǒng)操作和拓展的網(wǎng)購(gòu)、聊天、游戲等相關(guān)的應(yīng)用系統(tǒng)操作，這類圖標(biāo)通常是對(duì)行為和狀態(tài)的概括，表現(xiàn)的內(nèi)容相對(duì)抽象，所以有一套相對(duì)標(biāo)準(zhǔn)的圖標(biāo)規(guī)范，如放大、縮小、鎖定、收郵件、登錄用戶等，經(jīng)過(guò)長(zhǎng)期的操作培養(yǎng)，用戶可以逐漸掌握并快速識(shí)別。
（2）具像的物品圖標(biāo)
這一類是描述具體事物的圖標(biāo)，這類圖標(biāo)通常根據(jù)描述的內(nèi)容而定，表現(xiàn)上相對(duì)抽象圖標(biāo)比較容易識(shí)別，所以沒(méi)有統(tǒng)一的規(guī)范，風(fēng)格表現(xiàn)也比較多樣化。它通常是一些現(xiàn)實(shí)中的獎(jiǎng)勵(lì)物品或是游戲里的道具圖標(biāo)等。
2．使用圖標(biāo)的好處
（1）方便快速瀏覽
文字本是視覺(jué)語(yǔ)言的二次翻譯，而圖形則是視覺(jué)的直譯，所以掃描圖標(biāo)自然比掃描文字顯得更加輕松。用戶一方面可以直接通過(guò)掃描圖標(biāo)來(lái)獲取大致的信息，另一方面也可以所見(jiàn)即所得地進(jìn)行步驟的操作。不論是瀏覽還是交互操作都更加方便。
（2）簡(jiǎn)化文字說(shuō)明
對(duì)于常用的功能或者主題圖標(biāo)可以為我們收納或省去一定量的文字說(shuō)明，讓排版的自由度更高，版面視覺(jué)更直觀上檔次。
（3）增強(qiáng)版塊節(jié)奏感和舒適度
圖形和文字的搭配可以降低閱讀的疲勞感，也增強(qiáng)了圖文結(jié)合的設(shè)計(jì)節(jié)奏感。
公共交通、自行車、拼車、班車、步行、遠(yuǎn)程辦公，這六個(gè)圖標(biāo)直接點(diǎn)明了頁(yè)面的主題，這是一個(gè)凈化空氣的環(huán)保專題，這里用圖標(biāo)展示了推薦的六種不同出行方式。圖標(biāo)的使用讓畫(huà)面直觀醒目并且有趣，通過(guò)掃描圖片就能獲得大意，交互操作也更加直接方便。
二、小序號(hào)
序號(hào)就是指順序的號(hào)碼，在文字衣櫥中我們也有提及，序號(hào)通常是阿拉伯?dāng)?shù)字1、2、3、4……，或者是中文一、二、三、四等，由于字體和功能的獨(dú)特性，不論在字形還是位置都與正文有所區(qū)別。所以序號(hào)的設(shè)計(jì)可以增強(qiáng)信息排版的節(jié)奏感。另外由于它功能的獨(dú)特性，設(shè)計(jì)中經(jīng)常將其做為一個(gè)小圖標(biāo)來(lái)設(shè)計(jì)，表現(xiàn)形式也多種多樣，在滿足分類分段功能的同時(shí)又增強(qiáng)了整體的趣味性和設(shè)計(jì)感。下面我們來(lái)具體分析一下序號(hào)的四個(gè)功效。
1．閱讀順序引導(dǎo)
基于最原始的功能需求，序號(hào)具有引導(dǎo)閱讀順序的功能，在它的牽引下，我們的排版可以更加靈活，不受環(huán)境的限制，因?yàn)樾蛱?hào)最終會(huì)幫助我們?cè)诨靵y的形式中尋找到閱讀的軌跡。下面我們針對(duì)幾種排版布局來(lái)看看序號(hào)在其中的作用。
2．快速閱讀
1、2、3如同地圖坐標(biāo)一樣，我們很容易通過(guò)掃描找到與之對(duì)應(yīng)的主標(biāo)題并快速獲得關(guān)鍵信息。1、2、3的標(biāo)識(shí)也可以如同記號(hào)一般讓用戶在大量的文字和信息閱讀過(guò)程中擁有停頓休息，并從這個(gè)記憶點(diǎn)繼續(xù)出發(fā)。標(biāo)記點(diǎn)的設(shè)定，也可以減輕信息閱讀恐懼。
3．增強(qiáng)節(jié)奏感
放大標(biāo)題中的1、2、3，使其與詳細(xì)說(shuō)明文字形成了明顯的大小對(duì)比，在排版形式上增強(qiáng)了信息展示的節(jié)奏感。
4．圖片裝飾效果
由于序號(hào)的特殊功能，設(shè)計(jì)上較其他內(nèi)容也有更強(qiáng)的獨(dú)立性，所以我們可以根據(jù)主題內(nèi)容嘗試將其設(shè)計(jì)成不同的形態(tài)，讓它成為頁(yè)面中的裝飾紐扣，增加頁(yè)面的小看點(diǎn)，也讓頁(yè)面細(xì)節(jié)更精彩。網(wǎng)站設(shè)計(jì)公司本文關(guān)于“網(wǎng)站設(shè)計(jì)中網(wǎng)頁(yè)的小圖標(biāo)和小序號(hào)的使用”的知識(shí)就介紹分享到這里，謝謝關(guān)注，博納網(wǎng)絡(luò)編輯整理。
