江門三分網頁設計規則：使用布局秘密

江門三分網頁設計規則：使用布局秘密

是什么讓一個版面更容易閱讀，更讓人賞心悅目？它不僅是圖形的質量，甚至是多么酷的動畫。你可以擁有世界上所有偉大的圖像和效果，但是如果它們不是以一種容易與觀眾互動的方式表現出來，你就不會保持他們的興趣。在這種情況下我們江門網站設計會使用布局技術，如三分之二的網頁設計規則，確實能起到作用。

三分法的規則是什么？

三分網頁設計法則用于創造愉悅的美感和形象的平衡。它基本上說，把興趣放在圖像的“三分之一”上比集中或其他對稱的方法更令人賞心悅目。這三分之一是通過把一個圖像（或工作空間）分成九個相等的部分來創造的，它們有兩條等間距的水平線和兩條等間隔的垂直線。

像這樣：

每一行沿著圖像的“第三”運行。把你最關鍵的元素放在三分之一（特別是它們相交的地方）會創造出一個令人滿意的平衡設計。雖然最經常提到攝影（這就是為什么網格似乎每次你使用裁剪工具在圖片編輯，如PS圖象處理軟件或腔），三分法用于一切從電影和繪畫的網站和海報只是渴望正面的視覺沖擊的東西。

使用三分網頁設計規則

三分之一的網頁設計原則通常用來確定最重要的元素在哪一頁上的位置，負空間應該在什么位置，你的圖像應該按什么比例設置。如果你已經在使用網格設計，那就更好了。三分規則將幫助您選擇每個網格元素應該具有哪些維度。它也可以成為轉換優化的一個因素，因為觀看者的體驗越愉快，他們就越有可能堅持閱讀你的動作。

放置重要元素的地方

站點布局中的第一個問題是放置最重要的元素（例如站點徽標、調用操作等）。答案通常是把它們放在觀眾首先看的地方。但是那是哪里？當使用三分網頁設計規則時，答案相當簡單：在十字路口。為什么？觀眾的眼睛路徑不是隨機的，除非另有指示，它沿著一個可預測的路線行進，從圖像的左上方（或網站）開始，向下移動到左下角，移動到右上角，然后在右下角結束。碰巧的是，觀看者的這些“甜蜜點”正好落在三分格規則的交叉點上。這里江門網站設計是眼睛降落的地方：

這意味著如果你把最重要的元素放在左上角網格點附近，你就更有可能確保你的觀眾先看到它。下面舉個例子：

在這里江門網站設計，選擇把他們的重要文本TechValidate最近接近# 1位，緊隨其后的是一個叫行動# 2點附近。記住，你不必把事情完全放在離他們不遠的地方。這一點尤其適用于響應性的Web設計，因為不同的移動設備將改變位置。

確定負空間

如果你選擇一個干凈、簡約的設計，那么三分法則將不僅有助于確定你的圖像設置位置，還能幫助你決定消極空間的位置。負空間是一個站點周圍元素之間的空間，沒有圖像、文本或分散的背景。這是一個重要的設計元素，可以創建一個高可讀性的因素和令人愉悅的用戶體驗，讓大腦更好地將它所看到的圖像放入上下文中。

在下圖中，設計公司staak.co.uk選擇時尚，簡約的設計與大量負空間及其元素定

義清晰的焦點：

staak的設計保證了觀眾的眼睛打第一和停留在定義它們的元素。記住，眼睛掃描可以預見，否則沒有指示。在這里，它們被直接指向屏幕的右第三。在左下方的甜蜜點，他們有他們希望用戶點擊的鏈接。相反，流行的“甜蜜點”的設計，左上是負空間，但由于staak引導眼睛的權利，它工作得很好。

這是奧斯丁兒童收容所的另一個：

在這里，負空間是在中間，和規則的三分之一是用來指導圖像的位置上的權利和文字在左邊，與呼吁行動附近底部左“甜點”。

這是來自法國網站uzik另一例。注意右手邊的負空間是如何把眼睛吸引到左手邊的甜蜜點上的。

用三分法則排列你的圖像

三分之二網頁設計規則的另一個主要用途是決定如何在屏幕上顯示你的圖像。假設你有一個主要通過它的圖片來說話的網站，你應該如何給他們空間？那么，三分法則將你把它們直接放在頁面的三分之二上。在阿姆斯特丹，下面的特色，使用三分之二的規則，為他們的形象安置和他們的文字：

雖然你不需要如此嚴格地遵守規則，但大致上它會幫助你找到最佳的設置圖像的地方。

黃金比例

雖然三分之二的規則已經存在了大約二百年，但它基于一個更老的設計元素：黃金比例。無數神秘的根源，黃金比例是一個幾何比率，它被譽為美麗和有效比例的永恒藍圖。黃金的比例，黃金分割，和PHI，黃金比例是所謂的視覺代表A + B超過A = 1.61803以上…

第一個被Euclid定義為一個簡單的幾何大約在公元前300年的事，黃金比例已經有幾個世紀的數學家、科學家、哲學家、建筑師、甚至神秘主義的思考和辯論的普遍性和吸引力。披愛好者聲稱黃金比例已用于從埃及金字塔的建設到蒙娜麗莎的一切，以及文藝復興以來的許多藝術家都將他們的工作按照黃金比例，特別是在“黃金矩形的形式”（一個長度約一倍半寬度的矩形）。

它在網頁設計中起什么作用？嗯，黃金比例最強烈地應用于矩形，讓我們江門網站設計從電腦

屏幕到手機，我們江門網站設計生活在一個長方形的世界里。雖然黃金比例對網站的整體應用是有問題的（你不能改變比率，因此你不能壓縮或擴展它，使其適合），它可以告訴你設置你的重要元素的最佳地點。如果你的站點有大量的信息，它提供了特別有用的信息，提供了放置最重要元素的指南。

Twitter和美國國家地理雜志是兩個在設計中使用黃金比例的大品牌。

三分網頁設計秘密的歸納規則

有一點值得注意的是，在任何給定的點上，您不必使用黃金比率的整個公式。你可以使用它的部分。例如，如果你想知道放置兩個垂直柱的間距是多少，黃金配給有一個簡單的模板，用于前兩個矩形/正方形。

結果是有點微妙的比使用三分法，但在大多數情況下，更加賞心悅目。話雖如此，如果使用這種形式似乎對你很有挑戰性，你總是可以默認為三分法則。比例仍然會產生令人賞心悅目的結果。無論您選擇哪一種，這兩種技術都將為您提供最佳用戶體驗的設計元素提供寶貴的指導。正如我們江門網站設計所知道的，更好的用戶體驗意味著更長的停留時間和更多的轉換。

轉載請注明：江門網站設計：http://www.pacifist.com.cn/newsshow/159.html