亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

網頁設計技巧—布局

作者:
分類: 觀點/經驗
2011-07-01
2329
來源:天極網 

關于布局也許是大家最不放在眼里的地方,其地位如同文字的排版一樣,隨便可布,布即隨便。但是看過我上篇《網頁設計技巧》的朋友也許就會清楚,其實文字排版是一種不起眼但卻非常重要的細節。做好了會讓作品更為精細漂亮,做不好也許就成為作品失改的重要原因。其實布局也是一樣,需要我們足夠的重視起來。下面我要講的不是網頁布置成“左中右”、“左右”、“上中下”之類的問題。而是講位置的重心與位置之間的對比關系。

眾所周知,國外有一種叫黃金分割率的概念。下面我引用一段非常專業的解釋:“黃金分割最早見于古希臘和古埃及。黃金分割又稱黃金率、中外比,即把一根線段分為長短不等的a、b兩段,使其中長線段的比(即a+b)等于短線段b對長線段a的比,列式即為a:(a+b)=b:a,其比值為0.6180339……這種比例在造型上比較悅目,因此,0.618又被稱為黃金分割率。”大家也看清楚了什么叫黃金分割。我們中國也有一種類似于這樣的概念叫九宮格。這個也許就有一些朋友不清楚了,這是一種用以臨寫碑帖的一種界格紙。基本形是一個長方形等分九格。在這個九宮格中中間部分就產生了四個交叉點,這四個交叉點就是視覺中心點。

好了,我們為什么要講這兩個概念呢?是因為這兩個概念是設計的決竅之所在。我們很多時間喜歡把重要的東西放在正中心,表示重視想吸引目光注意。但是我要告訴大家。正中心屬于盲點區。也就是說按人的視覺習慣來講正中心是常常被忽視的。并且放在正中心也不會引起視覺刺激。用句玩笑話來侃一下:兩眼中間是看不清楚的。不信拿你的手指指著鼻尖看你的手。那什么地方是視覺中心點呢,這就要用到上面的概念了。不過什么a:(a+b)=b:a都太麻煩了誰會那么細致的去算呢。這里用中國的九宮格原理就清楚得多了。四個視覺中心點很顯然大家也清楚是什么位置了。

那么在實際應用中我們要怎么用呢。這點很重要,實戰意義要比空談概念重要得多。下面我們就來說一下實戰中的應用,這里雖說是《網頁設計技巧》不過同樣可以應用在平面設計與攝影或是其它的設計中,但是必竟是講網頁設計這里主要還是舉網頁例。我們先從大布局來談,然后再講小布局,最后講設計圖片的布局。

大布局 基本上網頁的布局分為,上中下、左中右、左右、上下、與上下左右之混合幾類。同時我們還要思考的是分辨率與網頁大小的關系。現在大部分的機器都是1024以上的分辨率了,那我們的寬度是不是一定也要順應變得寬一點呢。個人觀點是大可不必。因為網頁本身也會與瀏覽器產生視覺對比。如果塞得太滿勢必也不是很好看。如果留下空隙網面與留出來的空白也可形成一定的對比,其比例也較接近黃金分割率。所以我覺得還是不要塞滿瀏覽器為好,給網頁一個可以呼吸的空間。那網頁自身的上下左右布局呢?同樣的,如只是上下或是左右結構我們不能把上下或是左右平分,而是最好采用黃金分割比來進行劃分。如果是上中下或是左中右呢。我們同樣不能平分,我們我們要注意三者之間的關系,比如上中下結構,我們很清楚中間是主要內容需要大一點的空間,那么中空間的部分會盡量的點有大比例,一般來講我們會讓中間占大約百分之六十。而上面占百分之三十,下面占百分之十。那也就是說,下面是上面的三分之一,上面是中間的三分一。這樣的分割就會比平面看起來要舒服很多。但是左中右的結構就不能這么分了。因為百分之十的寬度會很難放得下什么內容。一般左中右結構會有另一種分法:左占百分之四十,中右各占百分之三十。或是左右占百份之三十,中間占百分之四十。也可以進行532、622、442、的分配。也就是說大布局上要盡量避免平分的局面。

小布局 也可以說是細節上的布局。我們可以把網頁看成是由很多個小塊組合而成的。通常要注意的就是標題與內容的關系以及這些塊放置的位置。比如最核心的內容不要放在最頂、最后、或是最中間。而是頂部與中間的中部位置,有些人喜歡排位,并且會把最重要的放在最上面,其實不然啊,放在最上面的未必是最核心的位置。比如我們看一下各大門戶網站的頭條新聞的位置,是不是沒有放在最頂部的?當然由于分辨率的問題目,這些頭條可能位置也會有所變化。在800下頭條是偏下的,而1024是居中一點,1600就偏上一點。但是從瀏覽器的大角度來看,這些頭條也都是處于視覺中心點的。

圖片 我們在處理圖片的時候也會用到布局,比如我們的文字放在什么地方,標志放在什么地方這些都是布局的范疇。這里也要應用上述的概念,重要的要核心不要放在正中或是過于偏向角落。當然也會遇到重心的東西很大,基本上都占滿了畫面。

大家看這圖的重點是那個MP4,但是這個對象很大,不過沒關系,把這個MP4的圖做得有透視性,左右的重量就不一樣了。這樣向左去一點,那么重心就向左去了,再加上MP4偏上,這個MP4就正好在視覺中心點上了。而主要的信息文字同樣也處在視覺中心的位置上。而一些不重要的文字都放在了角度去冷落他。

好了,關于布局就說這么多,這里總覺得這里還少些東西,細想可能是視覺平衡方面的問題。這里講得很多了,視覺平衡方面的問題目就再想想過些日子再整理出來。

1
7
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務聯系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學科技園東區9號樓2層

版權信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

      9000px;">

          色婷婷亚洲婷婷| 一区二区久久久| 色婷婷综合视频在线观看| 国产a级毛片一区| 精品成a人在线观看| 欧美中文字幕不卡| 亚洲人成亚洲人成在线观看图片| 色www精品视频在线观看| 色欲综合视频天天天| 国产成人精品亚洲777人妖| 精品国产91乱码一区二区三区 | 国产成人啪午夜精品网站男同| 日韩av一二三| 国产精品一卡二卡| 国产亚洲精品7777| 国产精品免费久久久久| 一区二区三区中文字幕精品精品| 国产精品国产成人国产三级| 亚洲卡通欧美制服中文| 亚洲精品精品亚洲| 日本欧美在线观看| 国产成人精品免费在线| 99麻豆久久久国产精品免费| 欧美性感一区二区三区| 精品不卡在线视频| 午夜影院在线观看欧美| 精品视频一区三区九区| 欧美一区二区在线免费播放| 亚洲欧洲成人精品av97| 韩国三级在线一区| 色av成人天堂桃色av| 久久久777精品电影网影网 | 97久久人人超碰| 精品av久久707| 欧美日韩精品一区二区在线播放| 日韩精品一区二区在线观看| 亚洲影院在线观看| 色琪琪一区二区三区亚洲区| 国产美女一区二区| 亚洲免费观看在线观看| 久久久久9999亚洲精品| 色婷婷av一区二区三区之一色屋| 成人高清av在线| 不卡一卡二卡三乱码免费网站| 欧美一区二区三区在线观看视频| 亚洲精品国产第一综合99久久 | 欧美精品aⅴ在线视频| 中文字幕亚洲不卡| 91美女在线观看| 亚洲观看高清完整版在线观看 | 国产激情视频一区二区在线观看 | 日本女人一区二区三区| 亚洲精品高清在线| 色综合久久99| 青青国产91久久久久久| 26uuuu精品一区二区| 从欧美一区二区三区| 久久se这里有精品| 久久精品亚洲麻豆av一区二区| 国产一区视频在线看| 国产女人18水真多18精品一级做| 99国产精品久久久久| 性做久久久久久| 久久久777精品电影网影网| 欧美性猛片aaaaaaa做受| 国产一区二区三区久久久| 国产精品你懂的在线欣赏| 在线观看免费亚洲| 国产一二精品视频| 日本在线不卡视频一二三区| 久久久精品人体av艺术| 在线成人免费观看| www.成人网.com| 成人自拍视频在线观看| 国产一区二区看久久| 久久精品国产精品亚洲红杏| 亚洲综合久久av| 色综合色综合色综合| 丁香激情综合五月| 国产一区二区精品在线观看| 精品视频1区2区3区| 在线亚洲高清视频| 欧美在线你懂得| 欧美色综合久久| 精品视频一区二区三区免费| 欧美综合一区二区三区| 北条麻妃国产九九精品视频| 粉嫩aⅴ一区二区三区四区| 精品国产乱码久久久久久影片| www一区二区| 国产成+人+日韩+欧美+亚洲| 欧美性一二三区| 精品国产欧美一区二区| 国产人妖乱国产精品人妖| 欧美激情中文字幕| 亚洲一区二区三区中文字幕在线 | zzijzzij亚洲日本少妇熟睡| 国产精品亚洲一区二区三区妖精 | 国产呦萝稀缺另类资源| 风间由美性色一区二区三区| 在线视频你懂得一区二区三区| 欧美在线一区二区| 国产精品久久久久7777按摩 | av一区二区三区在线| 91精品91久久久中77777| 日韩欧美一二三区| 国产免费久久精品| 欧洲一区在线电影| 久久精品亚洲精品国产欧美| 亚洲精品菠萝久久久久久久| 午夜精品久久久久久久99水蜜桃| 国产一区二区精品久久99| 欧美高清视频不卡网| 中文字幕在线免费不卡| 男人的天堂久久精品| 制服视频三区第一页精品| 国产色产综合色产在线视频| 欧美日韩亚洲综合一区| 国产精品私人自拍| 久久精品国产精品青草| 欧美日韩中文字幕一区二区| 国产精品伦理一区二区| 国产精品夜夜爽| 中文字幕av一区二区三区高| 美女网站一区二区| 欧美一区二区三区在线视频 | 成人一级视频在线观看| 精品国产免费人成电影在线观看四季| 亚洲男人都懂的| 99久久久久久| 一区二区三区中文字幕精品精品 | 91精品免费在线| 美女任你摸久久| 欧美大肚乱孕交hd孕妇| 久久99在线观看| 成人午夜电影久久影院| 日韩欧美不卡在线观看视频| 国产精品卡一卡二| av在线不卡网| 亚洲精品欧美专区| 色综合久久中文综合久久97| 中文字幕免费观看一区| 欧美优质美女网站| 日韩精品自拍偷拍| 99视频在线精品| 美女免费视频一区二区| 中文字幕第一区| 欧美久久久久免费| 久久久一区二区三区| 91在线观看免费视频| 国产麻豆视频一区二区| 亚洲成a人v欧美综合天堂| 久久综合一区二区| 色妞www精品视频| 国产福利91精品一区二区三区| 91视视频在线观看入口直接观看www | 亚洲狼人国产精品| 久久老女人爱爱| 欧美人伦禁忌dvd放荡欲情| 国产成人啪免费观看软件| 日av在线不卡| jlzzjlzz亚洲日本少妇| 国产专区综合网| 激情深爱一区二区| 人禽交欧美网站| 久久99久久久久久久久久久| 亚洲第一在线综合网站| 天天综合色天天| 奇米888四色在线精品| 午夜免费欧美电影| 亚洲综合一区二区三区| 亚洲制服丝袜av| 日本欧洲一区二区| 久久精品99久久久| 粉嫩绯色av一区二区在线观看| 国产成人免费视频| 亚洲欧洲av另类| 亚洲欧美乱综合| 一个色在线综合| 91麻豆精品国产综合久久久久久| 欧美日韩精品一区二区三区四区| 欧美美女一区二区| 国产性做久久久久久| 亚洲欧美激情在线| 日欧美一区二区| 成人ar影院免费观看视频| 日本精品免费观看高清观看| 欧美日韩精品福利| 国产精品女上位| 亚洲高清免费观看| 国产成人免费av在线| 欧美日韩一区二区三区高清| 日韩欧美一区电影| 亚洲免费在线播放| 久草热8精品视频在线观看| 在线观看成人小视频| 国产精品久久久一本精品 | 亚洲免费视频中文字幕| 久久激情综合网| 日韩色视频在线观看|