- 相關(guān)推薦
企業(yè)網(wǎng)頁(yè)美工設(shè)計(jì)如何凸顯重點(diǎn)內(nèi)容
在企業(yè)網(wǎng)頁(yè)美工設(shè)計(jì)中，一定要凸顯重點(diǎn)內(nèi)容，那么企業(yè)網(wǎng)頁(yè)美工設(shè)計(jì)如何凸顯重點(diǎn)內(nèi)容呢，下面我們一起來(lái)看看吧。
方法一、對(duì)比：引發(fā)興趣
為了更好地理解對(duì)比在網(wǎng)頁(yè)設(shè)計(jì)中的作用，我們先解釋下什么是對(duì)比。對(duì)比就是在一個(gè)相對(duì)封閉的環(huán)境里發(fā)生的某種元素間的一種關(guān)系。在我此前寫過(guò)《設(shè)計(jì)基礎(chǔ)功!幫你徹底掌握設(shè)計(jì)四大原則中的對(duì)比原則》中也詳細(xì)介紹過(guò)對(duì)比在設(shè)計(jì)中的重要性，這些元素可以是顏色、紋理、形狀、方向和大小。
只是稍稍對(duì)字號(hào)大小進(jìn)行調(diào)整，或?qū)ι蔬M(jìn)行更改，就會(huì)馬上改變整個(gè)界面的視覺(jué)效果。例如，當(dāng)你看到下面這個(gè)網(wǎng)頁(yè)時(shí)，把淺色的背景換為深色，首頁(yè)引人注目的“try it free”的首要按鈕馬上在視覺(jué)重要性上降級(jí)，而最下方的“call us”就會(huì)升級(jí)為首要的按鈕。
再來(lái)看看下圖中，顏色和大小是怎樣影響我們的界面視覺(jué)的。例如，很多人在第一眼掃視而過(guò)時(shí)，不會(huì)僅僅就看到了兩個(gè)圓。事實(shí)上，他們?cè)诳催@兩個(gè)圓時(shí)，已經(jīng)獲得了這樣的信號(hào)“一個(gè)黑色的大圓和一個(gè)紅色的小圓”。也就是說(shuō)，對(duì)比關(guān)系已經(jīng)可以在第一時(shí)間就進(jìn)入人們的大腦中，形成強(qiáng)烈的印象。
方法二、商業(yè)工具：顏色，大小和形狀
當(dāng)我們剛開始設(shè)計(jì)一個(gè)頁(yè)面的時(shí)候，一定不要忘記了運(yùn)用這幾個(gè)強(qiáng)大的視覺(jué)工具：顏色，大小和空間。設(shè)計(jì)師Alex Bigman就相信顏色和大小在管理著我們的視覺(jué)注意，而空間則幫助管理視覺(jué)元素間的關(guān)系。
方法三、顏色
簡(jiǎn)單說(shuō)，亮色可以在柔和的色彩中凸顯出來(lái)。這是顯而易見的，而更為重要的是，在設(shè)計(jì)中，你就可以運(yùn)用這一關(guān)系去吸引用戶的注意。另外，特定的色彩也能幫助營(yíng)造網(wǎng)站的整體氛圍(例如，藍(lán)色代表寧?kù)o，紅色顯得張揚(yáng)和富有攻擊性等)。
上面這個(gè)網(wǎng)站采用的是視覺(jué)體系中的Z模式，Z模式的詳細(xì)情況已經(jīng)在《基礎(chǔ)小科普!聊聊兩種最常見的網(wǎng)頁(yè)布局設(shè)計(jì)模式》中講過(guò)了。在此模式下，他們運(yùn)用色彩的技巧是非常巧妙的。水藍(lán)色的背景立刻將首要目標(biāo)按鈕凸顯在了頂部，這些目標(biāo)按鈕的色彩可以與“get active”的色彩搭配，暗示這一系列的按鈕的相關(guān)性。而下方的兩個(gè)大的矩形區(qū)域由于形狀的相似又相連，因此也暗示著它們之間的相似性。
方法四、大小
說(shuō)到大小，我們通常在說(shuō)的其實(shí)也就是網(wǎng)頁(yè)字體的大小。在傳統(tǒng)的從左到右自上而下的閱讀模式中，這就已經(jīng)是個(gè)很強(qiáng)大的元素了。這意味著，大號(hào)字體或段落的右下角通常是讀者最先閱讀的地方。因此，字號(hào)大一點(diǎn)發(fā)揮的就是一種強(qiáng)調(diào)作用。
講到這一點(diǎn)，不得不提到，著名的網(wǎng)頁(yè)設(shè)計(jì)名博Smashing Magazine對(duì)50個(gè)流行的網(wǎng)頁(yè)界面進(jìn)行調(diào)查，他們發(fā)現(xiàn)這些網(wǎng)站通常都是采用標(biāo)題字號(hào)18~29px，與此匹配的文章主體字號(hào)采用12~14px，只是這項(xiàng)調(diào)查針對(duì)的是英文字體，而中文字體相對(duì)來(lái)說(shuō)應(yīng)該字號(hào)會(huì)大一些易于辨認(rèn)。當(dāng)然，這也只是一個(gè)大概的調(diào)查，并無(wú)絕對(duì)。但是，你可以從中獲悉更多關(guān)于字號(hào)比例的排版設(shè)計(jì)的知識(shí)。
方法五、留白
網(wǎng)頁(yè)設(shè)計(jì)的目標(biāo)什么?簡(jiǎn)單講，就是創(chuàng)作一個(gè)漂亮的頁(yè)面。那么，你將所有的漂亮的元素全部堆疊在網(wǎng)頁(yè)中就漂亮嗎?無(wú)節(jié)制的增加吸引的元素是快速毀掉自己的設(shè)計(jì)方法之一。一個(gè)網(wǎng)頁(yè)中有可以呼吸的空間是非常重要的，也就是我們總是愛(ài)說(shuō)的留白。減少“視覺(jué)噪音”會(huì)讓頁(yè)面顯得更有重點(diǎn)。
【企業(yè)網(wǎng)頁(yè)美工設(shè)計(jì)如何凸顯重點(diǎn)內(nèi)容】相關(guān)文章：
如何學(xué)好網(wǎng)頁(yè)美工設(shè)計(jì)07-23
如何學(xué)好網(wǎng)頁(yè)美工設(shè)計(jì)課程10-19
企業(yè)網(wǎng)頁(yè)美工設(shè)計(jì)色彩搭配的技巧10-01
淘寶網(wǎng)頁(yè)美工設(shè)計(jì)如何制作網(wǎng)店08-02
網(wǎng)頁(yè)美工設(shè)計(jì)技巧06-28
網(wǎng)頁(yè)美工設(shè)計(jì)簡(jiǎn)述07-13
網(wǎng)頁(yè)美工設(shè)計(jì)的簡(jiǎn)介06-08
淘寶網(wǎng)頁(yè)美工設(shè)計(jì)如何制作網(wǎng)店首頁(yè)09-30