網(wǎng)站設(shè)計(jì)中的黃金比例

來源:【易網(wǎng)做網(wǎng)站設(shè)計(jì)/建設(shè)/制作/改版公司 | 更新:2020-01-16

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

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

網(wǎng)站設(shè)計(jì),黃金比例

也許有的設(shè)計(jì)師會(huì)認(rèn)為使用這些所謂的規(guī)范性東西會(huì)是一種限制而不是創(chuàng)造,在我看來這些新的概念對(duì)網(wǎng)站設(shè)計(jì)來說是一種嘗試和提升,會(huì)給你接下來的創(chuàng)意構(gòu)思提供一個(gè)堅(jiān)實(shí)的基礎(chǔ),讓人從一個(gè)新的視角來看待好的網(wǎng)頁設(shè)計(jì)。

在《超越CSS》這本書中,就提到了網(wǎng)站設(shè)計(jì)中的黃金比例這個(gè)概念。對(duì)于很多做設(shè)計(jì)的人來說,黃金比例并不陌生,它是最符合自然界美感的一個(gè)很神奇的東西,在古希臘的藝術(shù)雕塑中頻頻體現(xiàn)出來。對(duì)于我們網(wǎng)頁設(shè)計(jì)師來說,只要記住一個(gè)數(shù)字就可以了:“1.62”,以950局中的頁面為例:

我們要為一個(gè)950px寬度局中頁面來設(shè)計(jì)欄目,根據(jù)黃金比例原則,可以這樣設(shè)計(jì):這樣的Web布局具有一定的平衡感,整個(gè)頁面也比較和諧。

網(wǎng)站設(shè)計(jì),黃金比例

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

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

網(wǎng)站設(shè)計(jì),黃金比例

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

書中還提到可以根據(jù)內(nèi)容反向推導(dǎo)出大的區(qū)域?qū)挾龋缇W(wǎng)頁的首頁上需要放一個(gè)寬度為500的banner圖片,那么我們可以用黃金比例算出整個(gè)網(wǎng)頁可以選擇的合適寬度:500*1.62=810px,并不一定要是950或者800這些被很多人推崇的頁面寬度。

主站蜘蛛池模板: 成人国产经典视频在线观看| 国产成人精品免费视频大全办公室 | 国产成人精品午夜二三区波多野 | 欧美成人亚洲欧美成人| 亚洲成人网在线| 美国成人a免费毛片| 欧美日韩国产成人综合在线| 成人免费高清完整版在线观看| 成人在线观看国产| 国产成人一区二区三区电影网站| 久久亚洲精品成人av无码网站| 欧美成人性动漫在线观看| 成人动漫在线观看免费| 免费观看一级成人毛片| 成人毛片在线观看| 国产成人久久精品二区三区| 91成人在线观看视频| 国产成人3p视频免费观看| 最新69国产成人精品免费视频动漫 | 成人毛片一区二区| 久久久久久亚洲精品成人| 国产成人麻豆亚洲综合无码精品| 久久婷婷成人综合色综合| 国产成人精品无码免费看| 成人黄色在线观看| 麻豆成人精品国产免费| 亚洲精品成人片在线播放| 成人午夜精品久久久久久久小说| 中文字幕人成人乱码亚洲电影| 免费无码成人AV片在线在线播放| 国产成人综合久久精品尤物| 成人免费视频试看120秒| 成人欧美日韩一区二区三区| 中文字幕成人在线观看| 7777奇米四色成人眼影| 2022国产成人福利精品视频| 久久国产成人精品国产成人亚洲| 亚洲综合成人网| 亚洲国产成人精品青青草原| 亚洲成人中文字幕| 欧美成人第一页|