我有特别的搶眼技巧！今天的好(hǎo)文非常值得拜讀，@飛屋睿UIdesign 同學(xué)從對(duì)比、色彩、字體、留白等方面(miàn)幫同學(xué)們將(jiāng)最關鍵的内容呈現出來，文末還(hái)附上一個特别有效果的檢測方法，一眼就能(néng)看出你的網站是否合格，周末來充電吧。

　　對(duì)比：引發(fā)興趣

　　爲了更好(hǎo)地理解對(duì)比在網頁設計中的作用，我們先解釋下什麼(me)是對(duì)比。對(duì)比就是在一個相對(duì)封閉的環境裡(lǐ)發(fā)生的某種(zhǒng)元素間的一種(zhǒng)關系。在我此前寫過(guò)《設計基礎功！幫你徹底掌握設計四大原則中的對(duì)比原則》中也詳細介紹過(guò)對(duì)比在設計中的重要性，這(zhè)些元素可以是顔色、紋理、形狀、方向(xiàng)和大小。

　　隻是稍稍對(duì)字号大小進(jìn)行調整，或對(duì)色彩進(jìn)行更改，就會馬上改變整個界面(miàn)的視覺效果。例如，當你看到下面(miàn)這(zhè)個網頁時，把淺色的背景換爲

　　深色，首頁引人注目的“try it free”的首要按鈕馬上在視覺重要性上降級，而最下方的“call us”就會升級爲首要的按鈕。

　　再來看看下圖中，顔色和大小是怎樣(yàng)影響我們的界面(miàn)視覺的。例如，很多人在第一眼掃視而過(guò)時，不會僅僅就看到了兩(liǎng)個圓。事(shì)實上，他們在看這(zhè)兩(liǎng)個圓時，已經(jīng)獲得了這(zhè)樣(yàng)的信号“一個黑色的大圓和一個紅色的小圓”。也就是說，對(duì)比關系已經(jīng)可以在第一時間就進(jìn)入人們的大腦中，形成(chéng)強烈的印象。

　　内蒙古網站制作，内蒙古網站設計，内蒙古網站建設，呼和浩特網站建設，呼和浩特網站制作、呼和浩特網站設計首選内蒙古呼和浩特先誠網絡科技公司、、、先誠官網：/ 
　　
　　注：本文均來自百度搜索，如涉及版權問題，請聯系我們，我們會第一時間解決。

　　商業工具：顔色，大小和形狀

　　當我們剛開(kāi)始設計一個頁面(miàn)的時候，一定不要忘記了運用這(zhè)幾個強大的視覺工具：顔色，大小和空間。設計師Alex Bigman就相信顔色和大小在管理著(zhe)我們的視覺注意，而空間則幫助管理視覺元素間的關系。

　　顔色

　　簡單說，亮色可以在柔和的色彩中凸顯出來。這(zhè)是顯而易見的，而更爲重要的是，在設計中，你就可以運用這(zhè)一關系去吸引用戶的注意。另外，特定的色彩也能(néng)幫助營造網站的整體氛圍（例如，藍色代表甯靜，紅色顯得張揚和富有攻擊性等）。上面(miàn)這(zhè)個網站采用的是視覺體系中的Z模式，Z模式的詳細情況已經(jīng)在《基礎小科普！聊聊兩(liǎng)種(zhǒng)最常見的網頁布局設計模式》中講過(guò)了。在此模式下，他們運用色彩的技巧是非常巧妙的。水藍色的背景立刻將(jiāng)首要目标按鈕凸顯在了頂部，這(zhè)些目标按鈕的色彩可以與“get active”的色彩搭配，暗示這(zhè)一系列的按鈕的相關性。而下方的兩(liǎng)個大的矩形區域由于形狀的相似又相連，因此也暗示著(zhe)它們之間的相似性。

　　大小

　　說到大小，我們通常在說的其實也就是網頁字體的大小。在傳統的從左到右自上而下的閱讀模式中，這(zhè)就已經(jīng)是個很強大的元素了。這(zhè)意味著(zhe)，大号字體或段落的右下角通常是讀者最先閱讀的地方。因此，字号大一點發(fā)揮的就是一種(zhǒng)強調作用。

　　講到這(zhè)一點，不得不提到，著名的網頁設計名博Smashing Magazine對(duì)50個流行的網頁界面(miàn)進(jìn)行調查，他們發(fā)現這(zhè)些網站通常都(dōu)是采用标題字号18~29px，與此匹配的文章主體字号采用12~14px，隻是這(zhè)項調查針對(duì)的是英文字體，而中文字體相對(duì)來說應該字号會大一些易于辨認。當然，這(zhè)也隻是一個大概的調查，并無絕對(duì)。但是，你可以從中獲悉更多關于字号比例的排版設計的知識。

　　留白

　　網頁設計的目标什麼(me)？簡單講，就是創作一個漂亮的頁面(miàn)。那麼(me)，你將(jiāng)所有的漂亮的元素全部堆疊在網頁中就漂亮嗎？無節制的增加吸引的元素是快速毀掉自己的設計方法之一。一個網頁中有可以呼吸的空間是非常重要的，也就是我們總是愛說的留白。減少“視覺噪音”會讓頁面(miàn)顯得更有重點。

　　Usaura的創始人Dmitry就已經(jīng)指出，适當的留白能(néng)增強對(duì)網頁内容的理解。2004年，一些研究小組就調查過(guò)，适當的留白能(néng)讓人們對(duì)網站内容理解程度增長(cháng)20%。雖然用戶并不會直接對(duì)留白的頁面(miàn)做些什麼(me)，但它卻能(néng)影響到用戶的滿足和體驗。大家可以看看下圖的頁面(miàn)設計。在每一個主體内容，都(dōu)保留大量留白，用戶的視線流得到了保護，讓觀者專注内容，才是最好(hǎo)的體驗。

　　網頁設計視覺體系的測試：模糊法

　　就我所知，有人曾提出這(zhè)樣(yàng)一個方法來檢測自己的網站。尤其是當你的網站有特别要強調的内容時，非常适用。將(jiāng)自己的網站首頁，放在PS裡(lǐ)模糊5~10個像素，這(zhè)樣(yàng)來判斷那些你想強調的内容是否仍然能(néng)吸引到注意。

　　網站經(jīng)過(guò)模糊法測試後(hòu)，我們會發(fā)現那些注冊按鈕和産品特性仍然是很搶眼。這(zhè)樣(yàng)的元素安排對(duì)我們來說就是合理的。