真是難以置信嬌小、可愛的Icon圖標(biāo)可以給我們的設(shè)計(jì)工作增加亮點(diǎn)。Icon設(shè)計(jì)已經(jīng)發(fā)展成為一個(gè)巨大的產(chǎn)業(yè),因?yàn)樗鼈兡芙o設(shè)計(jì)帶來很多優(yōu)勢。它們?yōu)闃?biāo)題添加視覺引導(dǎo)、用作按鈕、用來分隔頁面、做整體修飾、使網(wǎng)站更顯專業(yè)、增強(qiáng)網(wǎng)站交互性。
ICON強(qiáng)化內(nèi)容
Icon作為網(wǎng)站設(shè)計(jì)中決定性的元素,因?yàn)樵趦?nèi)容區(qū)使用圖標(biāo)可以為頁面增加“空隙”。Icon圖標(biāo)用來分隔內(nèi)容,并且給讀者視覺引導(dǎo)。研究表明,大多數(shù)訪客第一次瀏覽內(nèi)容立馬就會(huì)決定哪些內(nèi)容要去閱讀。訪客點(diǎn)擊鏈接,然后離開它們不喜歡的頁面,進(jìn)入感興趣的版塊。icon圖標(biāo)可以把訪客的注意力吸引到你設(shè)定的內(nèi)容。死角內(nèi)容需要被引導(dǎo)閱讀。你能想象沒有換行和分隔的“l(fā)liad”這篇文章閱讀起來有多痛苦嗎?
注意到差別了嗎?
Icon讓你的布局不再生硬,把整體分割成容易閱讀和理解的眾多塊,每一塊都內(nèi)容豐富而充滿魅力,吸引著訪客來點(diǎn)擊閱讀。
記住Icon是增強(qiáng)內(nèi)容的工具,不要讓它吸引了訪客所有的注意力而忽略了內(nèi)容。所以要精心挑選一些樣式和寓意都與內(nèi)容緊密相連的Icon圖標(biāo)。如果你使用過于炫目的Icon圖標(biāo)或許會(huì)分散訪客的注意力。這里僅僅提出來討論,或許這種情況并不會(huì)發(fā)生。
Icon圖標(biāo)潤色我們的列表
錯(cuò)誤設(shè)計(jì)的列表看起來很糟糕,它打亂了整個(gè)頁面布局,分散了內(nèi)容的吸引力,就像網(wǎng)站被摳了一個(gè)白色的洞出來。Icon是一如既往的布局助手。從圖標(biāo)庫中選取一個(gè)合適的來加強(qiáng)列表。
[NextPage_Tab]
Icon 凸顯應(yīng)用的新特性
通過Icon圖標(biāo)串接各個(gè)小版塊是一個(gè)展現(xiàn)亮點(diǎn)的好辦法。你的潛在客戶會(huì)在這種視覺標(biāo)識(shí)的引導(dǎo)下來閱讀新特性。一個(gè)漂亮的Icon圖標(biāo)可以把訪客的注意力緊緊吸引到這個(gè)版塊上。
Icon 輔助主鏈接
醒目的頭部會(huì)給第一次進(jìn)入的訪客很棒的視覺體驗(yàn)。令人瞠目結(jié)舌的視覺體驗(yàn)配以精致的標(biāo)記行會(huì)穩(wěn)固您網(wǎng)站的點(diǎn)擊量。512*512 Icon圖標(biāo)能給主導(dǎo)航欄帶來強(qiáng)烈的視覺沖擊。
Icon 協(xié)助構(gòu)建產(chǎn)品列表
設(shè)計(jì)精美的Icon圖標(biāo)總會(huì)給你的產(chǎn)品展示版塊增添亮點(diǎn)。在你的產(chǎn)品鏈接旁邊加一個(gè)Icon圖標(biāo)會(huì)給訪客一個(gè)很好的暗示,即使不看內(nèi)容也清楚您所提供產(chǎn)品的一些特性。這種辦法可以讓您的產(chǎn)品和與眾不同的Icon有機(jī)結(jié)合成一個(gè)整體。
Icon 協(xié)助展示您的服務(wù)
Icon圖標(biāo)讓您的網(wǎng)站界面友好、引人入勝、更有效照顧到網(wǎng)站角角落落的內(nèi)容,即使是最小的細(xì)節(jié)也不會(huì)讓訪客錯(cuò)過。更甚之你作為一名設(shè)計(jì)師要提供類似的專業(yè)化服務(wù)。使用奇特富于創(chuàng)意的Icon圖標(biāo)展示您的服務(wù)能使你在同行中脫穎而出、顯得與眾不同,給客戶留下專業(yè)化、友好的初印象。
哪個(gè)容易記住
Favicons
Favicons是那些用在地址欄的16*16px圖標(biāo)來標(biāo)識(shí)網(wǎng)站。它也會(huì)出現(xiàn)在網(wǎng)站標(biāo)題側(cè)面的書簽欄或者瀏覽器的標(biāo)簽選項(xiàng)中。盡管并非不可缺少,有了它您的網(wǎng)站更顯完整、和專業(yè)化
Favicons并非不可缺少,但是如果缺了它您的潛在客戶會(huì)覺得您是一個(gè)不夠可靠的服務(wù)提供商?;蛘咴诳蛻粝掠唵沃H,因缺乏對(duì)客戶有效的視覺暗示,而錯(cuò)過訂單。所以我們要借助Favicons來標(biāo)識(shí)我們的網(wǎng)站。
Icon服務(wù)于社交網(wǎng)絡(luò)
社交網(wǎng)絡(luò)是你網(wǎng)站最有效的曝光途徑。Icon圖標(biāo)能給訪客提供一個(gè)生動(dòng)的、可視化的通往您網(wǎng)站的鏈接。
風(fēng)格統(tǒng)一的一組Icon圖標(biāo)的確給您的網(wǎng)站增色不少、使它變得與眾不同。
Icon服務(wù)于網(wǎng)站頭部設(shè)計(jì)
時(shí)至今日網(wǎng)站設(shè)計(jì)趨向于大頭部。那些設(shè)計(jì)精良的大圖標(biāo)的確讓您的網(wǎng)站神采奕奕。
Icon標(biāo)識(shí)板塊
最好的讓訪客區(qū)分網(wǎng)站布局各部分的辦法就是為每個(gè)版塊的頭部添加Icon圖標(biāo)標(biāo)識(shí)。這樣網(wǎng)站更加連貫、富于整體感、交互性更強(qiáng)。
[NextPage_Tab]
Icon 在菜單中的應(yīng)用
通常情況下在子菜單中使用小圖標(biāo)取代文字鏈接或者協(xié)助文字鏈接是個(gè)不錯(cuò)的辦法。這樣界面友好、干凈整潔,為您的網(wǎng)站加分。
Icon 為您的設(shè)計(jì)增添動(dòng)感
完美的網(wǎng)站設(shè)計(jì)總是在交互性上下很多的功夫。你可以在鏈接上、鼠標(biāo)劃過時(shí)、或者其他的什么地方使用Icon圖標(biāo)豐富您的網(wǎng)站。
瘋狂起來!我們來變換Icon尺寸、應(yīng)用旋轉(zhuǎn)和替換圖標(biāo)特效你可能把大尺寸的Icon圖標(biāo)用在頭部,小尺寸的Icon圖標(biāo)分隔文字內(nèi)容。你也可以使用兩個(gè)相同的圖標(biāo)僅僅是在顏色或是尺寸上有略微的差別,來制作旋轉(zhuǎn)或是替換特效。我們要做的就是大膽創(chuàng)意、大膽去嘗試。
好的,不要太瘋狂,要保持風(fēng)格的連貫統(tǒng)一。
使用Icon圖標(biāo)唯一的風(fēng)險(xiǎn)就是偏離你原網(wǎng)站的風(fēng)格?;旌巷L(fēng)格有時(shí)候會(huì)變得雜亂無章、糟糕的很。我們有大量的風(fēng)格供您挑選,它們都是嚴(yán)格按照美學(xué)要求精心設(shè)計(jì)的。如果你不確定,可以使用我們的普通服務(wù)。如果想要您的設(shè)計(jì)標(biāo)新立異,那么原始圖標(biāo)就足夠了。記住,Icon圖標(biāo)僅僅是加強(qiáng)您的內(nèi)容和設(shè)計(jì),最重要的一點(diǎn)就是它要跟網(wǎng)站的其他部分協(xié)調(diào)且風(fēng)格一致。不要把所有炫目的Icon圖標(biāo)都一股腦的放到您的網(wǎng)站
設(shè)計(jì)中,要多關(guān)注網(wǎng)站整體風(fēng)格的一致性。
更多的案例
Icon輔助設(shè)計(jì)的網(wǎng)站實(shí)例
福州網(wǎng)絡(luò)公司 福州網(wǎng)站建設(shè) 福州網(wǎng)站設(shè)計(jì) 福州網(wǎng)站制作 福州做高端網(wǎng)站