網(wǎng)站設(shè)計遵循的黃金原則

2016-10-28    分類: 網(wǎng)站設(shè)計


什么是黃金比例?

黃金比例又叫做黃金分割,它是一個數(shù)學比率,通常在自然界中都能發(fā)現(xiàn)它的,并結(jié)合古典設(shè)計理論建立平衡的構(gòu)圖。把一條線段分割為兩部分,較短部分與較長部分長度之比等于較長部分與整體長度之比,其比值是一個無理數(shù),取其前三位數(shù)字的近似值是0.618,也被稱為“中庸之道”、“黃金分割”, 通常用希臘字母員硎菊飧鮒怠?

由于黃金比例是一個數(shù)據(jù),可能理解起來相對的會有異地昂的困難,那么我們假設(shè)有兩個線段a和b,如果它們的長度a+b/a的值等于a/b,即a+b/a=a/b=1.618,那么黃金分割就成立了,a和b中間就是黃金分割點。

設(shè)計中應如何使用黃金比例?

一、間距

用黃金螺旋的方式布局。間距的控制是設(shè)計中非常關(guān)鍵的元素,協(xié)調(diào)的布局能夠營造出優(yōu)秀的作品,然而合理的計算有的時候比直覺合適,在基本的布局上,借助黃金螺旋來調(diào)整,兩者相結(jié)合效果會更佳。當很多種不同的元素都在同一個頁面的時候,采用黃金螺旋的方式,可以很好的幫你篩選出合理的空間布局和間隙。

二、內(nèi)容

跟隨黃金螺旋的軌跡。對于網(wǎng)頁內(nèi)容而言,黃金螺旋的軌跡同樣可以起到重要的作用,這樣設(shè)計網(wǎng)頁布局會讓訪客更加自然地瀏覽內(nèi)容。如:Yourlocalstudio,它是一個基于設(shè)計和開發(fā)的網(wǎng)站,擅長使用任何形式的視覺概念來優(yōu)化網(wǎng)頁,這個網(wǎng)站有兩三個頁面有用到黃金比例,主頁是關(guān)鍵信息的一個概念性詮述。

三、布局

尺寸設(shè)置成黃金比例。在網(wǎng)頁的布局中使用黃金比例其實并不難,最為關(guān)鍵是需要控制比例和尺寸,把握好1:1.618的黃金比例。舉個例子,使用960px的寬度布局的時候,除以1.618可以得到594px,這個可以用作你的布局的高度,然后將整個布局劃分為兩欄,一欄方形,一欄矩形,一個協(xié)調(diào)的布局就出來了。

四、圖形

黃金比例圓形。黃金比例不止是能夠創(chuàng)建矩形,同樣的也能用來創(chuàng)建比例協(xié)調(diào)的圓形。使用黃金比例不僅可以產(chǎn)生和諧的比例,而且能夠讓圖形保持較高的一致性。如:百事的LOGO使用兩個遵循黃金比例的圓圈來構(gòu)建的,較小圓形并不是顯而易見的那種,而是隱藏在內(nèi)部的曲線中。

五、圖片

采用三分法。三分法是用兩條水平線和垂直線將構(gòu)圖在水平和垂直方向上三等分,如下圖中的這四條線交叉會形成四個點,這四個點稱之為關(guān)鍵點,重要的設(shè)計元素最好放置在這四個地方。很多網(wǎng)頁設(shè)計已經(jīng)在不知不覺中運用了三分法,成都網(wǎng)站設(shè)計龍兵科技的小編建議當你在考慮放置標題、按鈕和鏈接的位置時,均是可以考慮使用三分法做參考的。

祖先們留下來的東西對于我們現(xiàn)代人來說總會有用的,數(shù)百年來,在建筑、雕塑、繪畫等領(lǐng)域都可以看到黃金分割的身影,雖然它是一個數(shù)學概念,但效果卻非常的顯著,只要能夠掌握住其中的要領(lǐng)就能助你的設(shè)計水平提升更高的層次。當然黃金分割比例只是在設(shè)計上的一個指導而已,如果你可以打破這個規(guī)則又能保持網(wǎng)頁設(shè)計頁面的自然平衡同樣也是可以的,其實對于設(shè)計而言最為主要的就是創(chuàng)新,從事網(wǎng)站建設(shè)五年多,所做的每一個項目,每一個網(wǎng)站的設(shè)計都是獨無二的。

?


網(wǎng)站欄目:網(wǎng)站設(shè)計遵循的黃金原則
網(wǎng)站路徑:http://www.muchs.cn/news/53341.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站設(shè)計

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護公司