網(wǎng)頁設(shè)計-如何突出網(wǎng)站的關(guān)鍵內(nèi)容

《網(wǎng)頁設(shè)計-如何突出網(wǎng)站的關(guān)鍵內(nèi)容》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、互聯(lián)網(wǎng)企業(yè)的生存就是必須要推出新的創(chuàng)意去引導(dǎo)用戶在網(wǎng)站上進行交互，網(wǎng)站推出新的產(chǎn)品，改良用戶體驗，如何讓用戶去知道，去使用。如果說這個網(wǎng)站顏色很單一，形狀一樣，那么用戶必定是掃視一下即離開能夠讓用戶知道并去使用網(wǎng)站的新產(chǎn)品or關(guān)鍵點or有價值的，必須是1讓用戶看到(有G點)2有讓用戶去點擊的欲望(有內(nèi)容)本篇內(nèi)容從視覺的角度講一些怎么去讓用戶看到，形成G點。使該要突出的內(nèi)容“鶴立雞群”。一、醒目的顏色“萬里紅中一點綠”這個綠色當(dāng)然是最容易被發(fā)現(xiàn)的。這是突出關(guān)鍵點的常見方法之一。如騰訊網(wǎng)用這樣的方法重點推薦微博和電腦管家產(chǎn)品二、形狀不一致不同的形狀也會

2、使內(nèi)容從千篇一律的字海中脫穎而出，從而吸引用戶去關(guān)注，常用于引導(dǎo)注冊或購買等引導(dǎo)用戶去與網(wǎng)站進行交互，凸顯網(wǎng)站的某方面優(yōu)勢。如麥包包在導(dǎo)航中用與分類不同形狀的按鈕來引導(dǎo)用戶快速選包、參加促銷和查看新上架的產(chǎn)品。三、加背景色加背景色也是目前用的較多的方法之一，各大網(wǎng)站都能見到這樣的引導(dǎo)。最常見的是鼠標懸停時顯示背景，也有固定顯示背景的，如電子商務(wù)類的大分類加背景色。豆瓣中有很多利用的這一方法。四、加外框這個方法和加背景屬于同一個性質(zhì)。不過在中國四周加邊框有其他含義。所以經(jīng)常用到的還是底邊的下劃線。如網(wǎng)易新出來的一個功能，可以顯示用戶從上次訪問到現(xiàn)在的更

3、新資訊，用加下劃線表示。五、不成一條直線將要突出顯示的內(nèi)容高于其他內(nèi)容從而達到特別，去引導(dǎo)用戶，最常見的還是在導(dǎo)航，或者網(wǎng)站地圖中突出某一個服務(wù)。如焦點科技tcd團隊博客的導(dǎo)航采用了這一方法六、填充填充看上去和加背景色差不多，不過這個方法要比加背景色更廣義一點。加背景色只是把容器加了底色，而填充的概念是把容器給填滿了而填充物品不局限于顏色，可以有豐富多彩的樣式。如上圖麥包包的熱門分類的設(shè)計。七、讓內(nèi)容動起來大家都不動，就你在動。那你該多么耀眼啊，同樣的互聯(lián)網(wǎng)產(chǎn)品里，靜止的文字中突然有一行文字在來回晃動。那么肯定能吸引眼球。如淘寶滾動的活動商品和上圖麥

4、包包的新品推薦。八、加陰影陰影能使人對物體產(chǎn)生立體感。同樣能夠使產(chǎn)品凸顯出來。如騰訊的今年二會專題中的微博報道很好的利用了這一方法。九、凹凸(立體感)凹凸效果也是常見的起到重點突出的作用，最多的是按鈕的表現(xiàn)手法，一個視覺很好的按鈕足以讓人產(chǎn)生點擊的欲望。如阿里巴巴右上角用質(zhì)感很強烈的按鈕區(qū)引導(dǎo)用戶去注冊去查看，在鼠標滑過時原來的凸變成了凹。十、閃爍效果相信你閱讀在這里的時候一定很容易的發(fā)現(xiàn)上圖在跳躍的文字了吧，的確這種方式是很能吸引到用戶的注意，但是網(wǎng)頁上如果很多這樣的效果，會顯得很不友好。十一、清晰度平面設(shè)計中常采用局部模糊來烘托出重點展示的部分(

5、如上圖)，在網(wǎng)站的品牌設(shè)計或者宣傳類設(shè)計亦可用這用方法。上面是常用的表現(xiàn)重點的方法，此外還有一些其他方法：上面的方法是建立在已經(jīng)有好的產(chǎn)品，旨在更好的去突出自己的產(chǎn)品?；ヂ?lián)網(wǎng)的產(chǎn)品是要建立到好用的基礎(chǔ)上去好看的。如果光有好看的外殼，沒有實質(zhì)可點擊的內(nèi)容，用戶會有種上當(dāng)?shù)母杏X，“狼來了”的故事是不會有人信第三遍的