網站設計中的黃金比例

來源:【易網做網站設計/建設/制作/改版公司 | 更新:2020-02-27

在《超越CSS》這本書中,就提到了網站設計中的黃金比例這個概念。對于很多做設計的人來說,黃金比例并不陌生,它是最符合自然界美感的一個很神奇的東西,在古希臘的藝術雕塑中頻頻體現出來。

網站設計發展到一定階段的時候就必然會和其他學科或領域只是產生交匯和共鳴,在閱讀《超越CSS:web設計藝術精髓》這本書的時候,發現原來web設計還可以這樣。比較突出的例子是現在經常被設計師提到的網頁柵格設計,TAOBAO UED曾經探討過這個問題,通過很有邏輯性的公式換算加上一定的數學分析,得到對網頁設計有建設性的概念指導,從一定程度上說算是一種創新。

網站設計,黃金比例

也許有的設計師會認為使用這些所謂的規范性東西會是一種限制而不是創造,在我看來這些新的概念對網站設計來說是一種嘗試和提升,會給你接下來的創意構思提供一個堅實的基礎,讓人從一個新的視角來看待好的網頁設計。

在《超越CSS》這本書中,就提到了網站設計中的黃金比例這個概念。對于很多做設計的人來說,黃金比例并不陌生,它是最符合自然界美感的一個很神奇的東西,在古希臘的藝術雕塑中頻頻體現出來。對于我們網頁設計師來說,只要記住一個數字就可以了:“1.62”,以950局中的頁面為例:我們要為一個950px寬度局中頁面來設計欄目,根據黃金比例原則,可以這樣設計:這樣的Web布局具有一定的平衡感,整個網站設計也比較和諧。

網站設計,黃金比例

現在的頁面布局一般都是比較彈性的設計,因為這樣頁面可以充滿瀏覽者的屏幕空間,而不管視窗的大小尺寸是多少,這對于那些高分辨率寬屏的用戶來說是有意義的。而對于堅持固定像素寬度的設計者來說,1024*768就是王道,摒棄了兩端的使用人群。在超越css這本書中還提到,即使是固定寬度的設計,減掉瀏覽器的滾動條寬度和瀏覽者打開了工具欄的寬度之后,水平寬度就顯得不夠用了:

許多設計師在設計版面的時候都是隨意制定一下寬度就開始他們的設計,往往會出現挑選的寬度沒有考慮到說要表現的內容,在后期出現內容問題的時候就很受限制。還有很多開發人員在實現頁面的時候,并沒有完全依靠視覺效果圖來實現,有時就大致量了一下然后根據以往經驗來定制寬度,而這種寬度往往不能很好的適應他們的內容,所以,這時候,黃金比例的使用就很重要了。

網站設計,黃金比例

黃金比例不僅在大的布局上可以使用,在小的欄目設計中也可以靈活使用。可以細化到很小的設計元素,比如一塊圖片信息展示區域。

書中還提到可以根據內容反向推導出大的區域寬度,例如網頁的首頁上需要放一個寬度為500的banner圖片,那么我們可以用黃金比例算出整個網頁可以選擇的合適寬度:500*1.62=810px,并不一定要是950或者800這些被很多人推崇的頁面寬度。

主站蜘蛛池模板: 国产精品成人免费视频网站| 成人高清毛片a| 国产成人a毛片在线| 国产成人亚洲综合无码| 久久成人免费大片| 麻豆成人精品国产免费| 成人免费在线视频| 四虎影视永久地址www成人| 色窝窝无码一区二区三区成人网站| 成人网在线免费观看| 国产成人yy免费视频| 欧美成人在线视频| 免费看的成人yellow视频| 窝窝视频成人影院午夜在线| 国产欧美成人免费观看| 毛片基地看看成人免费| 国产成人久久精品麻豆二区| 日韩精品无码成人专区| 国产成人久久精品一区二区三区 | 992tv成人影院| 日本在线观看成人小视频 | 欧美国产成人精品一区二区三区| 国产成人综合美国十次| 欧美成人精品三级网站| 国产成人精品免费视频大全| 成人超污免费网站在线看| 亚洲国产成人精品无码一区二区| 成人午夜精品视频在线观看| 亚洲国产成人久久77| 国产成人手机高清在线观看网站| 成人性生免费视频| 成人福利网址永久在线观看| 一级毛片成人免费看免费不卡| 国产成人免费高清在线观看| 国产成人青青热久免费精品| 成人在线视频免费| 成人午夜精品无码区久久| 日韩国产成人无码AV毛片| 久久久久成人精品| 欧美亚洲国产成人综合在线| www夜片内射视频日韩精品成人|