作為一個頁面規畫師開端一個項目通常常會思量到頁面的規畫,雖然現在許多人方向運用Grid css結構(如960,blueprint),但偶然偶然也需求規畫一些一路的規畫這篇文章我們要批評若何將黃金瓜分理論運用到頁面規畫中,大大都涉及到的手藝也一樣實用于其他的規畫或藝術類事情,固然主要還是針塞責網站規畫規畫。
黃金比例
黃金瓜分又稱黃金比例,是一個數學上是術語,用來標明兩個元素的比例,它的值約莫即是1.618。黃金瓜分從文藝中興時就開端了。阿誰期間的藝術家對黃金瓜分異常推重,并且普及運用在各類規畫著作上,數百年來,在建筑、雕塑、繪畫等范疇都可以看到黃金瓜分的身影,今日我們一樣可以將它運用在數字藝術上。
黃金瓜分是一個數學的術語,以是開端可能不是極好相識。我們可以簡單舉例聲名,假定有兩個線段a和b,倘若它們的長度a+b/a的值即是a/b,即a+b/a=a/b=1.618,那么黃金瓜分就確立了,a和b中心就是黃金瓜分點。
黃金瓜分的運用
以一個960px寬度的頁面規畫規畫為例,假定我們要將這個頁面分紅兩欄,若何才能找到他們的黃金瓜分點呢?
異常簡單,從上面的數學公式我們知道a+b/a=1.618,960px就相稱于a+b的值,以是只需用960/1.618=593,以是593px的方位就是黃金瓜分點。這樣兩欄的頁面規畫,左邊欄寬度設為593px,右邊欄寬度設為367px(960-593)就可以了。
這個動作一樣實用于一些非牢靠的彈性的頁面規畫,只需經過進程一樣的斗勁圖論公式獲得響應數值用相對單位(如百分比)標明即可,這樣的頁面規畫是令人感觸最天然的。你也可以進一步將頁面分紅3欄、4欄。
固然黃金瓜分比例只是在規畫上的一個教訓罷了,倘若你可以沖破這個劃定例矩又能堅持頁面規畫頁面的天然平衡也是可以的,作為一個平時的劃定例矩,通常把黃金比例用5:3來更調,雖然不長短常正確,可是卻更直不雅和利便運用。
三分法
就像前面說過的一樣,在規畫頁面時,不應該完全拘泥于某個規畫理論,頁面規畫不需求完全遵循1.618這個數值。三分法是運用黃金瓜分的一個簡單有用的動作。
三分法是用兩條水平線和垂直線將構圖在水平緩垂直標的目的上三平分。這四條線交錯會構成四個點,這四個點稱之為關頭點,主要的規畫元素最佳安排在這四個當地。許多頁面規畫已經在不知不覺中運用了三分法,如網站主要的信息(logo、導航欄)會安排在左上角,右上角可能會安排主要性輕細低一點的的內容。當你在思量安排題目、按鈕和連接的方位時,就可以思量用三分法來做參看了。固然,一樣要矯捷運用,不要“嚴肅遵循”。
黃金矩形(Golden Rectangle)
在頁面規畫規畫時,依據堅守的不一樣將頁面分紅幾個矩形,這些矩形的大小參照黃金瓜分比例,這樣就構成了許多黃金矩形。這些矩形可以處理你在頁面規畫規畫中碰著的大大都迷惑,歧你可以經過進程這些黃金矩形來決意flash可能圖像該放在主頁的啥當地,也可以決意側邊欄、網站底部內容的方位。一些電子商務網站在規畫產品的閃現時迥殊可以參看一下黃金矩形
徐州億優網絡科技有限公司,簡稱億優網絡,是一家綜合性的網絡應用服務商,自確立以來,不絕致力于為企業供應從域名注冊、網站籌謀、網站計劃、電子商務、網站推廣、網站優化到為企業供應本性化軟件開發等基于互聯網的周全整配合銷服務。公司擁有豐富的網站制作和互聯網應用體系開發打點經歷、成熟的應用體系辦理方案、優良的網站開發工程師團隊及專業的網站計劃師團隊。