網站設計的網頁布局
2011/7/1 18:58:22

 
網站設計 時,需要注意網頁布局中使用數學中的模數精確布局
  在設計中可以使用許多數學公式,比如常用的黃金分割比就是其中之一。在網頁設計布局中,我們也能通過精密的計算來獲得理想的排版比例,本文將介紹使用數學中的“模數”來計算網頁布局大小,從而獲得更為合理的布局。
  在IT工業中,內置標準、國際標準、國家標準才是真正意義的規范、而在應用領域(包括Web 應用的開發)的開發中,標準是各自為政亂七八糟的,微軟如果不考慮市場和經濟利益也不是不吊這些標準的。我不得不汗一個。
  二、模數網頁設計中的應用
  好了,鄙視完小兒科的網頁設計,我們來談談“模數”在網頁設計中的用途。
  (一)網頁設計中的尺寸單位
  網頁設計中的尺寸單位有那么幾個:em ex px pt pc in cm mm %
  最常用的就是px(像素),因為這個單位與圖片單位可以互通,所以常用。
  (二)網頁設計中的常用模數
  (1)最常用的是100、10、5的倍數
  比如分欄的時候,滿寬式950px,左欄式180px,欄與欄之間的間距是10px、15px、20px
  (2)模數要盡量取整或末位為偶數
  這里要在提一下模數中有個概念就是,不滿足常用模數的,位數盡量要用偶數,為的避免歧義和好記。還有個道理是,一律取偶數,那么按組件的偶數量組合順序,疊加結果一定是偶數,末尾加再加個組件一定是奇數了,這樣好判斷是否有錯。
  比如你的圖片寬是231px,為啥不舍1取整為230px;
  再比如你的圖片高時237px,你可以取235px、236px、238px
  (3)使用模數的好處--輕松獲得秩序美
  這個世界上什么是美?是秩序。看看元素晶體、看看飄落到你手中尚為融化的雪花、看看人類的基因螺旋結構,這些微觀世界的東西,凝練了美得本源。而自然界、動物界、乃至宇宙星系,由于其包含了雜志和不斷地衰減變化,這種“美”只是表象。
  人之所以是人,就是在一直探索事物的本源。并不斷提煉還原美的本質。在中世紀人們迷戀于幾何,在現代人們充分將其提高到工業設計中。工業設計是以規范標準和計算設計為基礎的,升華成一套追求完美的秩序。形成秩序的模數,是一個遞增量,這個增量可以是倍數、方根、冪、圓周率、素數、或以個方程式等等。而倍數恰恰是形成秩序的一種最簡單的方法。所以在工業設計中,尤其是建設設計中大量運用了倍數來充當模數。
  現在我們有了簡單的倍數類模數,那么這個模數又是怎么把美體現出來的呢?
  你說我感覺不到啊。答對了,模數美的確是人無法直接一下感受到的。因為這種美不僅僅體現在感官上,還體現在設計制作開發過程中,它不僅提高了制作效率,減小了莫名其妙的累計誤差,還把一種整體的設計美蘊含在整體作品中,它的美是整體美和局部美一種相互轉換。更直白點,你會在網頁中感受到一種工業設計的“精致”和“用心”,反過來說,一個界面中的模塊之間的間距或某模塊四個邊界與其內容的間隔,一會是8px,一會是12px,一般用戶一定會在潛意識中感覺不精致,因為設計者沒有用心,沒有用模數把秩序美設計進去。
  有多少UI設計師不懂得啥是模數呢?
  有多少UI設計師因為不用模數而使整個網站缺乏設計美呢?
  有多少UI設計師即便是在局部或某組建用了符合秩序的倍數,但沒有在整頁布局和整站中是使用統一的模數呢?
  用你的眼睛細心觀察,用放大鏡去研究,用心靈去感受,你就知道你的設計師是什么水平了。
  (4)不被模數所束縛
  上面一直說模數要用倍數,要用偶數。要活血活用啊,一旦秩序美的追求與效率和規范沖突,哪就放棄模數。比如即成的國際標準小logo圖片的尺寸是88*31px,你非得為了符合模數而不遵循國際通用標準而改成88*30px嗎?
  題外話,除

下一頁
返回列表
返回首頁 主站蜘蛛池模板: 波多野结衣中文字幕一区二区三区| 天堂中文www资源在线| 超清中文乱码精品字幕在线观看| 扒开老师挠尿口到崩溃刑罚| 亚洲乱人伦中文字幕无码| 玉蒲团之偷情宝鉴电影| 啊灬啊别停灬用力啊老师免费视频 | jazzjazz国产精品| 无码一区二区三区免费| 九一在线完整视频免费观看| 毛片a级毛片免费观看品善网| 动漫成人在线观看| 苍井空亚洲精品AA片在线播放| 国产欧美综合一区二区三区| 91噜噜噜在线观看| 天堂资源bt种子在线| 一级黄色毛片播放| 无码人妻久久一区二区三区免费| 久久精品国产精品亚洲毛片| 欧美人和黑人牲交网站上线| 亚洲精品你懂的| 男生的肌肌桶女生的肌肌| 厨房切底征服岳| 色欲精品国产一区二区三区AV| 国产小视频91| 日本高清xxxxx| 国产精品欧美一区二区三区| 99久久免费精品国产72精品九九| 学霸c了我一节课| 中文字幕久精品免费视频| 日本最大色倩网站www| 五月天婷五月天综合网站| 欧美最猛黑人xxxx黑人猛交98 | 男生插入女生下面视频| 午夜人妻久久久久久久久| 色婷婷久久综合中文久久一本`| 国产大片线上免费看| 免费h片在线观看网址最新| 国产精品亚洲片在线观看不卡 | 免费中文字幕一级毛片| 精品视频一区二区三区免费|