浪訊告知你網(wǎng)站制造中要害內(nèi)容的搶眼技巧

網(wǎng)站制造中怎么把你最想要展現(xiàn)的內(nèi)容出現(xiàn)出來(lái)？今天將從比照、色彩、字體、留白等方面來(lái)給大家一一敘述，這是一套搶眼技巧，你值得具有！
比照：引發(fā)愛好
為了更好地了解比照在網(wǎng)頁(yè)規(guī)劃中的效果，咱們先解釋下什么是比照。比照便是在一個(gè)相對(duì)封閉的環(huán)境里產(chǎn)生的某種元素間的一種關(guān)系。

只是稍稍對(duì)字號(hào)巨細(xì)進(jìn)行調(diào)整，或?qū)ι�彩進(jìn)行更改，就會(huì)馬上改動(dòng)整個(gè)界面的視覺效果。

再來(lái)看看下圖中，色彩和巨細(xì)是怎樣影響咱們的界面視覺的。例如，許多人在第一眼掃視而過(guò)時(shí)，不會(huì)只是就看到了兩個(gè)圓。事實(shí)上，他們?cè)诳催@兩個(gè)圓時(shí)，現(xiàn)已獲得了這樣的信號(hào)“一個(gè)黑色的大圓和一個(gè)赤色的小圓”。也便是說(shuō)，比照關(guān)系現(xiàn)已能夠在第一時(shí)間就進(jìn)入人們的大腦中，形成激烈的形象。

商業(yè)東西：色彩，巨細(xì)和形狀
當(dāng)咱們剛開始規(guī)劃一個(gè)頁(yè)面的時(shí)分，一定不要忘記了運(yùn)用這幾個(gè)強(qiáng)大的視覺東西：色彩，巨細(xì)和空間。規(guī)劃師Alex Bigman就相信色彩和巨細(xì)在辦理著咱們的視覺留意，而空間則協(xié)助辦理視覺元素間的關(guān)系。
色彩
簡(jiǎn)單說(shuō)，亮色能夠在柔軟的色彩中凸顯出來(lái)。這是清楚明了的，而更為重要的是，在規(guī)劃中，你就能夠運(yùn)用這一關(guān)系去招引用戶的留意。另外，特定的色彩也能協(xié)助營(yíng)造網(wǎng)站的整體氛圍（例如，藍(lán)色代表寧?kù)o，赤色顯得張揚(yáng)和富有攻擊性等）。

巨細(xì)
說(shuō)到巨細(xì)，咱們一般在說(shuō)的其實(shí)也便是網(wǎng)頁(yè)字體的巨細(xì)。在傳統(tǒng)的從左到右自上而下的閱覽形式中，這就現(xiàn)已是個(gè)很強(qiáng)大的元素了。這意味著，大號(hào)字體或階段的右下角一般是讀者最先閱覽的地方。因而，字號(hào)大一點(diǎn)發(fā)揮的便是一種著重效果。

講到這一點(diǎn)，不得不說(shuō)到，著名的網(wǎng)頁(yè)規(guī)劃名博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)份額的排版規(guī)劃的常識(shí)。
留白
網(wǎng)頁(yè)規(guī)劃的方針什么？簡(jiǎn)單講，便是創(chuàng)造一個(gè)美麗的頁(yè)面。那么，你將一切的美麗的元素悉數(shù)堆疊在網(wǎng)頁(yè)中就美麗嗎？無(wú)節(jié)制的增加招引的元素是快速銷毀自己的規(guī)劃辦法之一。一個(gè)網(wǎng)頁(yè)中有能夠呼吸的空間是十分重要的，也便是咱們總是愛說(shuō)的留白。削減“視覺噪音”會(huì)讓頁(yè)面顯得更有重點(diǎn)。

Usaura的創(chuàng)始人Dmitry就現(xiàn)已指出，適當(dāng)?shù)牧舭啄茉鰪?qiáng)對(duì)網(wǎng)頁(yè)內(nèi)容的了解。適當(dāng)?shù)牧舭啄茏屓藗儗?duì)網(wǎng)站內(nèi)容了解程度增加20%。盡管用戶并不會(huì)直接對(duì)留白的頁(yè)面做些什么，但它卻能影響到用戶的滿足和體會(huì)。大家能夠看看上圖的頁(yè)面規(guī)劃。在每一個(gè)主體內(nèi)容，都保留很多留白，用戶的視野流得到了保護(hù)，讓觀者專注內(nèi)容，才是最好的體會(huì)。
網(wǎng)頁(yè)規(guī)劃視覺系統(tǒng)的測(cè)試：含糊法
就我所知，有人曾提出這樣一個(gè)辦法來(lái)檢測(cè)自己的網(wǎng)站。尤其是當(dāng)你的網(wǎng)站有特別要著重的內(nèi)容時(shí)，十分適用。將自己的網(wǎng)站主頁(yè)，放在PS里含糊5~10個(gè)像素，這樣來(lái)判斷那些你想著重的內(nèi)容是否仍然能招引到留意。