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

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

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

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

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

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

講到這一點(diǎn)，不得不說到，著名的網(wǎng)頁規(guī)劃名博Smashing Magazine對(duì)50個(gè)盛行的網(wǎng)頁界面進(jìn)行查詢，他們發(fā)現(xiàn)這些網(wǎng)站一般都是選用標(biāo)題字號(hào)18~29px，與此匹配的文章主體字號(hào)選用12~14px，僅僅這項(xiàng)查詢針對(duì)的是英文字體，而中文字體相對(duì)來說應(yīng)該字號(hào)會(huì)大一些易于辨認(rèn)。當(dāng)然，這也僅僅一個(gè)大約的查詢，并無肯定�？墒牵�你能夠從中得悉更多關(guān)于字號(hào)份額的排版規(guī)劃的常識(shí)。
留白
網(wǎng)頁規(guī)劃的方針什么？簡(jiǎn)略講，就是創(chuàng)作一個(gè)美麗的頁面。那么，你將一切的美麗的元素悉數(shù)堆疊在網(wǎng)頁中就美麗嗎？無節(jié)制的添加招引的元素是快速毀掉自己的規(guī)劃辦法之一。一個(gè)網(wǎng)頁中有能夠呼吸的空間是十分重要的，也就是咱們總是愛說的留白。削減“視覺噪音”會(huì)讓頁面顯得更有重點(diǎn)。

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

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