視覺設(shè)計(jì)中如何突出關(guān)鍵內(nèi)容

2022-06-10    分類: 網(wǎng)站建設(shè)

互聯(lián)網(wǎng)企業(yè)的生存就是必須要推出新的創(chuàng)意去引導(dǎo)用戶在網(wǎng)站上進(jìn)行交互,網(wǎng)站推出新的產(chǎn)品,改良用戶體驗(yàn),如何讓用戶去知道,去使用。

  如果說這個(gè)網(wǎng)站顏色很單一,形狀一樣,那么用戶必定是掃視一下即離開

  能夠讓用戶知道并去使用網(wǎng)站的新產(chǎn)品or關(guān)鍵點(diǎn)or有價(jià)值的,必須是

1 讓用戶看到 (有G點(diǎn))

2 有讓用戶去點(diǎn)擊的欲望(有內(nèi)容)

  本篇內(nèi)容從視覺 的角度 講一些 怎么去讓用戶看到,形成G點(diǎn)。使該要突出的內(nèi)容“鶴立雞群”。

一、 醒目的顏色



  “萬里紅中一點(diǎn)綠” 這個(gè)綠色當(dāng)然是最容易被發(fā)現(xiàn)的。這是突出關(guān)鍵點(diǎn)的常見方法之一。如騰訊網(wǎng)用這樣的方法重點(diǎn)推薦微博和電腦管家產(chǎn)品

二、形狀不一致



  不同的形狀 也會(huì)使內(nèi)容從千篇一律的字海中脫穎而出,從而吸引用戶去關(guān)注,常用于引導(dǎo)注冊(cè)或購(gòu)買等引導(dǎo)用戶去與網(wǎng)站進(jìn)行交互,凸顯網(wǎng)站的某方面優(yōu)勢(shì)。如麥包包在導(dǎo)航中用與分類不同形狀的按鈕來引導(dǎo)用戶快速選包、參加促銷 和查看新上架的產(chǎn)品。

三、加背景色



  加背景色也是目前用的較多的方法之一,各大網(wǎng)站都能見到這樣的引導(dǎo)。最常見的是鼠標(biāo)懸停時(shí)顯示背景,也有固定顯示背景的,如電子商務(wù)類的大分類加背景色。豆瓣中有很多利用的這一方法。

四、加外框



  這個(gè)方法和加背景屬于同一個(gè)性質(zhì)。不過在中國(guó)四周加邊框有其他含義。所以經(jīng)常用到的還是底邊的下劃線。如網(wǎng)易新出來的一個(gè)功能,可以顯示用戶從上次訪問到現(xiàn)在的更新資訊,用加下劃線表示。

五、不成一條直線



  將要突出顯示的內(nèi)容 高于其他內(nèi)容 從而達(dá)到特別,去引導(dǎo)用戶,最常見的還是在導(dǎo)航,或者網(wǎng)站地圖中突出某一個(gè)服務(wù)。如焦點(diǎn)科技tcd團(tuán)隊(duì)博客的導(dǎo)航采用了這一方法

六、填充



  填充看上去和加背景色差不多,不過這個(gè)方法要比加背景色更廣義一點(diǎn)。加背景色只是把容器加了底色,而填充的概念是把容器給填滿了而填充物品不局限于顏色,可以有豐富多彩的樣式。如上圖 麥包包的 熱門分類的設(shè)計(jì) 。

七、讓內(nèi)容動(dòng)起來



  大家都不動(dòng),就你在動(dòng)。那你該多么耀眼啊,同樣的互聯(lián)網(wǎng)產(chǎn)品里,靜止的文字中突然有一行文字在來回晃動(dòng)。那么肯定能吸引眼球。如淘寶滾動(dòng)的活動(dòng)商品和上圖麥包包的新品推薦。

八、加陰影



  陰影能使人對(duì)物體產(chǎn)生立體感。同樣能夠使產(chǎn)品凸顯出來。如騰訊的今年二會(huì)專題 中的微博報(bào)道很好的利用了這一方法。

九、凹凸(立體感)



  凹凸效果也是常見的起到重點(diǎn)突出的作用,最多的是按鈕的表現(xiàn)手法,一個(gè)視覺很好的按鈕足以讓人產(chǎn)生點(diǎn)擊的欲望。如阿里巴巴右上角用質(zhì)感很強(qiáng)烈的按鈕區(qū)引導(dǎo)用戶去注冊(cè)去查看,在鼠標(biāo)滑過時(shí)原來的凸變成了凹。

  十、閃爍效果



  相信你閱讀在這里的時(shí)候一定很容易的發(fā)現(xiàn)上圖在跳躍的文字了吧,的確這種方式是很能吸引到用戶的注意,但是網(wǎng)頁(yè)上如果很多這樣的效果,會(huì)顯得很不友好。

十一、清晰度



  平面設(shè)計(jì)中常采用局部模糊來烘托出重點(diǎn)展示的部分(如上圖),在網(wǎng)站的品牌設(shè)計(jì)或者宣傳類設(shè)計(jì)亦可用這用方法。

  上面是常用的表現(xiàn)重點(diǎn)的方法,此外還有一些其他方法:



  上面的方法是建立在已經(jīng)有好的產(chǎn)品,旨在更好的去突出自己的產(chǎn)品?;ヂ?lián)網(wǎng)的產(chǎn)品是要建立到好用的基礎(chǔ)上去 好看的。如果光有好看的外殼,沒有實(shí)質(zhì)可點(diǎn)擊的內(nèi)容,用戶會(huì)有種上當(dāng)?shù)母杏X,“狼來了”的故事是不會(huì)有人信第三遍的。

網(wǎng)站名稱:視覺設(shè)計(jì)中如何突出關(guān)鍵內(nèi)容
標(biāo)題來源:http://www.bm7419.com/news43/165743.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作搜索引擎優(yōu)化、網(wǎng)站內(nèi)鏈移動(dòng)網(wǎng)站建設(shè)、做網(wǎng)站、品牌網(wǎng)站制作

廣告

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

成都網(wǎng)頁(yè)設(shè)計(jì)公司