中文不卡av中文字幕_亚洲电影手机在线五月_日本少妇一区二区三区_国产2021久久精品

網(wǎng)站建設(shè)>圈子>建站知識(shí)>網(wǎng)站設(shè)計(jì)中的黃金比例

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

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



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

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

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


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


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

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


書(shū)中還提到可以根據(jù)內(nèi)容反向推導(dǎo)出大的區(qū)域?qū)挾龋缇W(wǎng)頁(yè)的首頁(yè)上需要放一個(gè)寬度為500的banner圖片,那么我們可以用黃金比例算出整個(gè)網(wǎng)頁(yè)可以選擇的合適寬度:500*1.62=810px,并不一定要是950或者800這些被很多人推崇的頁(yè)面寬度。
【邁創(chuàng)與眾不同】憑借對(duì)設(shè)計(jì)的熱愛(ài)和執(zhí)著,互聯(lián)網(wǎng)營(yíng)銷(xiāo)趨勢(shì)的敏銳洞察和深刻理解,與眾多同行不同的是,邁創(chuàng)更注重與客戶互促共生,價(jià)值同在。
本圈子所有內(nèi)容若需轉(zhuǎn)載請(qǐng)聯(lián)系我們。