編者按：我有特別的搶眼技巧！今天的好文非常值得拜讀，從對比、色彩、字體、留白等方面幫同學們將關(guān)鍵的內(nèi)容呈現(xiàn)出來，文末還附上一個特別有效果的檢測方法，一眼就能看出你的網(wǎng)站是否合格，周末來充電吧。
對比：引發(fā)興趣
為了更好地理解對比在網(wǎng)頁設(shè)計中的作用，我們先解釋下什么是對比。對比就是在一個相對封閉的環(huán)境里發(fā)生的某種元素間的一種關(guān)系，這些元素可以是顏色、紋理、形狀、方向和大小。
只是稍稍對字號大小進行調(diào)整，或?qū)ι蔬M行更改，就會馬上改變整個界面的視覺效果。例如，當你看到下面這個網(wǎng)頁時，把淺色的背景換為深色，頁引人注目的“try it free”的要按鈕馬上在視覺重要性上降級，而下方的“call us”就會升級為要的按鈕。
再來看看下圖中，顏色和大小是怎樣影響我們的界面視覺的。例如，很多人在眼掃視而過時，不會僅僅就看到了兩個圓。事實上，他們在看這兩個圓時，已經(jīng)獲得了這樣的信號“一個黑色的大圓和一個紅色的小圓”。也就是說，對比關(guān)系已經(jīng)可以在時間就進入人們的大腦中，形成強烈的印象。
商業(yè)工具：顏色，大小和形狀
當我們剛開始設(shè)計一個頁面的時候，一定不要忘記了運用這幾個強大的視覺工具：顏色，大小和空間。設(shè)計師Alex Bigman就相信顏色和大小在管理著我們的視覺注意，而空間則幫助管理視覺元素間的關(guān)系。
顏色
簡單說，亮色可以在柔和的色彩中凸顯出來。這是顯而易見的，而更為重要的是，在設(shè)計中，你就可以運用這一關(guān)系去吸引用戶的注意。另外，特定的色彩也能幫助營造網(wǎng)站的整體氛圍（例如，藍色代表寧靜，紅色顯得張揚和富有攻擊性等）。
上面這個網(wǎng)站采用的是視覺體系中的Z模式，在此模式下，他們運用色彩的技巧是非常巧妙的。水藍色的背景立刻將要目標按鈕凸顯在了頂部，這些目標按鈕的色彩可以與“get active”的色彩搭配，暗示這一系列的按鈕的相關(guān)性。而下方的兩個大的矩形區(qū)域由于形狀的相似又相連，因此也暗示著它們之間的相似性。
大小
說到大小，我們通常在說的其實也就是網(wǎng)頁字體的大小。在傳統(tǒng)的從左到右自上而下的閱讀模式中，這就已經(jīng)是個很強大的元素了。這意味著，大號字體或段落的右下角通常是讀者先閱讀的地方。因此，字號大一點發(fā)揮的就是一種強調(diào)作用。
講到這一點，不得不提到，著名的網(wǎng)頁設(shè)計名博Smashing Magazine對50個流行的網(wǎng)頁界面進行調(diào)查，他們發(fā)現(xiàn)這些網(wǎng)站通常都是采用標題字號18~29px，與此匹配的文章主體字號采用12~14px，只是這項調(diào)查針對的是英文字體，而中文字體相對來說應(yīng)該字號會大一些易于辨認。當然，這也只是一個大概的調(diào)查，并無絕對。但是，你可以從中獲悉更多關(guān)于字號比例的排版設(shè)計的知識。
留白
網(wǎng)頁設(shè)計的目標什么？簡單講，就是創(chuàng)作一個漂亮的頁面。那么，你將所有的漂亮的元素全部堆疊在網(wǎng)頁中就漂亮嗎？無節(jié)制的增加吸引的元素是快速毀掉自己的設(shè)計方法之一。一個網(wǎng)頁中有可以呼吸的空間是非常重要的，也就是我們總是愛說的留白。減少“視覺噪音”會讓頁面顯得更有重點。
Usaura的創(chuàng)始人Dmitry就已經(jīng)指出，適當?shù)牧舭啄茉鰪妼W(wǎng)頁內(nèi)容的理解。2004年，一些研究小組就調(diào)查過，適當?shù)牧舭啄茏屓藗儗W(wǎng)站內(nèi)容理解程度增長20%。雖然用戶并不會直接對留白的頁面做些什么，但它卻能影響到用戶的滿足和體驗。大家可以看看下圖的頁面設(shè)計。在每一個主體內(nèi)容，都保留大量留白，用戶的視線流得到了保護，讓觀者專注內(nèi)容，才是知名的體驗。
網(wǎng)頁設(shè)計視覺體系的測試：模糊法
就我所知，有人曾提出這樣一個方法來檢測自己的網(wǎng)站。尤其是當你的網(wǎng)站有特別要強調(diào)的內(nèi)容時，非常適用。將自己的網(wǎng)站頁，放在PS里模糊5~10個像素，這樣來判斷那些你想強調(diào)的內(nèi)容是否仍然能吸引到注意。
上圖的網(wǎng)站經(jīng)過模糊法測試后，我們會發(fā)現(xiàn)那些注冊按鈕和產(chǎn)品特性仍然是很搶眼。這樣的元素安排對我們來說就是合理的。
網(wǎng)頁設(shè)計
企業(yè)網(wǎng)站建設(shè)一條龍
找零度飛易網(wǎng)絡(luò)公司-fslingdu所做php
網(wǎng)站建設(shè)方案、
網(wǎng)站設(shè)計、
網(wǎng)站制作由
北京上海深圳龍崗衢州蘭州常州東營南通濟寧桂林淮安煙臺長春無錫天津昆山蘇州合肥貴洛陽昆明天津唐山泉州惠州萬州新鄉(xiāng)商丘臺州哈爾濱太原攝影?？?/strong>隨州學校商丘廣東湖南廣西江西海南廣州企業(yè)中小企業(yè)武漢南山羅湖福田虎門肇慶汕尾汕頭廣州佛山成都杭州濟南重慶福州西安廈門昆山沈陽青島徐州鄭州南京寧南寧長沙大連淄博石家莊南昌溫州珠海番禺順德南三水高明中山東莞合肥江門嘉興西寧大良容桂倫教勒流陳村均安杏壇龍江樂從北滘祖廟石灣南莊等地區(qū)企業(yè)網(wǎng)站建設(shè)(廣告)公司提供專業(yè)做網(wǎng)站價格規(guī)劃書及營銷型網(wǎng)站制作,網(wǎng)站建設(shè)基礎(chǔ)知識
零度飛易是一家專業(yè)網(wǎng)站設(shè)計,網(wǎng)站制作、seo優(yōu)化,網(wǎng)站推廣,網(wǎng)站建設(shè)的佛山網(wǎng)絡(luò)運營公司。零度飛易在