浪訊告訴你網站制造中要害內容的搶眼技巧

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

僅僅稍稍對字號巨細進行調整，或對顏色進行更改，就會立刻改動整個界面的視覺效果。例如，當你看到下面這個網頁時，把淺色的布景換為深色，主頁有目共睹的“try it free”的首要按鈕立刻在視覺重要性上降級，而最下方的“call us”就會升級為首要的按鈕。

再來看看下圖中，顏色和巨細是怎樣影響咱們的界面視覺的。例如，許多人在第一眼環視而過期，不會僅僅就看到了兩個圓。事實上，他們在看這兩個圓時，現已獲得了這樣的信號“一個黑色的大圓和一個赤色的小圓”。也就是說，比照聯系現已能夠在第一時間就進入人們的大腦中，形成激烈的形象。

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

上面這個網站選用的是視覺系統中的Z形式，在此形式下，他們運用顏色的技巧是十分奇妙的。水藍色的布景立刻將首要方針按鈕凸顯在了頂部，這些方針按鈕的顏色能夠與“get active”的顏色調配，暗示這一系列的按鈕的相關性。而下方的兩個大的矩形區域因為形狀的類似又相連，因而也暗示著它們之間的類似性。
顏色調配辦法見：
巨細
說到巨細，咱們一般在說的其實也就是網頁字體的巨細。在傳統的從左到右自上而下的閱覽形式中，這就現已是個很強壯的元素了。這意味著，大號字體或階段的右下角一般是讀者最早閱覽的當地。因而，字號大一點發揮的就是一種著重效果。

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

Usaura的創始人Dmitry就現已指出，恰當的留白能增強對網頁內容的了解。2004年，一些研討小組就查詢過，恰當的留白能讓人們對網站內容了解程度增加20%。盡管用戶并不會直接對留白的頁面做些什么，但它卻能影響到用戶的滿意和體會。咱們能夠看看上圖的頁面規劃。在每一個主體內容，都保存很多留白，用戶的視野流得到了維護，讓觀者專心內容，才是最好的體會。
網頁規劃視覺系統的測驗：含糊法
就我所知，有人曾提出這樣一個辦法來檢測自己的網站。尤其是當你的網站有特別要著重的內容時，十分適用。將自己的網站主頁，放在PS里含糊5~10個像素，這樣來判別那些你想著重的內容是否依然能招引到留意。

上圖的網站通過含糊法測驗后，咱們會發現那些注冊按鈕和產品特性依然是很搶眼。這樣的元素組織對咱們來說就是合理的。