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

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

僅僅稍稍對(duì)字號(hào)巨細(xì)進(jìn)行調(diào)整，或?qū)︻伾�進(jìn)行更改，就會(huì)立刻改動(dòng)整個(gè)界面的視覺(jué)效果。例如，當(dāng)你看到下面這個(gè)網(wǎng)頁(yè)時(shí)，把淺色的布景換為深色，主頁(yè)有目共睹的“try it free”的首要按鈕立刻在視覺(jué)重要性上降級(jí)，而最下方的“call us”就會(huì)升級(jí)為首要的按鈕。

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

商業(yè)東西：顏色，巨細(xì)和形狀
當(dāng)咱們剛開(kāi)始規(guī)劃一個(gè)頁(yè)面的時(shí)分，必定不要忘記了運(yùn)用這幾個(gè)強(qiáng)壯的視覺(jué)東西：顏色，巨細(xì)和空間。規(guī)劃師Alex Bigman就信任顏色和巨細(xì)在辦理著咱們的視覺(jué)留意，而空間則協(xié)助辦理視覺(jué)元素間的聯(lián)系。
顏色
簡(jiǎn)略說(shuō)，亮色能夠在柔軟的顏色中凸顯出來(lái)。這是顯而易見(jiàn)的，而更為重要的是，在規(guī)劃中，你就能夠運(yùn)用這一聯(lián)系去招引用戶(hù)的留意。別的，特定的顏色也能協(xié)助營(yíng)造網(wǎng)站的全體空氣（例如，藍(lán)色代表安靜，赤色顯得張揚(yáng)和賦有攻擊性等）。
配色理論常識(shí)見(jiàn)：

上面這個(gè)網(wǎng)站選用的是視覺(jué)系統(tǒng)中的Z形式，在此形式下，他們運(yùn)用顏色的技巧是十分奇妙的。水藍(lán)色的布景立刻將首要方針按鈕凸顯在了頂部，這些方針按鈕的顏色能夠與“get active”的顏色調(diào)配，暗示這一系列的按鈕的相關(guān)性。而下方的兩個(gè)大的矩形區(qū)域因?yàn)樾螤畹念?lèi)似又相連，因而也暗示著它們之間的類(lèi)似性。
顏色調(diào)配辦法見(jiàn)：
巨細(xì)
說(shuō)到巨細(xì)，咱們一般在說(shuō)的其實(shí)也就是網(wǎng)頁(yè)字體的巨細(xì)。在傳統(tǒng)的從左到右自上而下的閱覽形式中，這就現(xiàn)已是個(gè)很強(qiáng)壯的元素了。這意味著，大號(hào)字體或階段的右下角一般是讀者最早閱覽的當(dāng)?shù)�。因而，字�?hào)大一點(diǎn)發(fā)揮的就是一種著重效果。

講到這一點(diǎn)，不得不說(shuō)到，著名的網(wǎng)頁(yè)規(guī)劃名博Smashing Magazine對(duì)50個(gè)盛行的網(wǎng)頁(yè)界面進(jìn)行查詢(xún)，他們發(fā)現(xiàn)這些網(wǎng)站一般都是選用標(biāo)題字號(hào)18~29px，與此匹配的文章主體字號(hào)選用12~14px，僅僅這項(xiàng)查詢(xún)針對(duì)的是英文字體，而中文字體相對(duì)來(lái)說(shuō)應(yīng)該字號(hào)會(huì)大一些易于辨認(rèn)。當(dāng)然，這也僅僅一個(gè)大約的查詢(xún)，并無(wú)肯定�？墒�，你能夠從中得悉更多關(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è)中有能夠呼吸的空間是十分重要的，也就是咱們總是愛(ài)說(shuō)的留白。削減“視覺(jué)噪音”會(huì)讓頁(yè)面顯得更有重點(diǎn)。

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

上圖的網(wǎng)站通過(guò)含糊法測(cè)驗(yàn)后，咱們會(huì)發(fā)現(xiàn)那些注冊(cè)按鈕和產(chǎn)品特性依然是很搶眼。這樣的元素組織對(duì)咱們來(lái)說(shuō)就是合理的。