網(wǎng)站建設(shè)頁布局中使用數(shù)學(xué)中的模數(shù)精確布局
2011/8/1 12:22:29

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

下一頁
返回列表
返回首頁 主站蜘蛛池模板: 女人被两根一起进3p在线观看| 欧美变态另类刺激| 国产主播一区二区三区 | 四虎免费久久影院| 骆驼趾美女图片欣赏| 国产精品无码久久av不卡| av无码东京热亚洲男人的天堂| 精品中文字幕在线| 国产午夜福利短视频| 老司机精品视频在线观看| 在线观看精品视频网站www| 亚洲精品国产精品国自产观看 | 永久黄网站色视频免费| 午夜三级国产精品理论三级| 边做饭边被躁欧美三级| 国产日韩综合一区二区性色av| 55夜色66夜色| 在线视频亚洲欧美| xx00动态图| 成人a在线观看| 中文字幕曰产乱码| 日本午夜电影院| 久久精品无码一区二区三区| 欧美三级在线播放| 四虎永久免费影院在线| 99re九精品视频在线视频| 好男人社区在线www| 中文字幕影片免费在线观看| 日韩一中文字幕| 么公的又大又深又硬想要| 欧美不卡在线视频| 亚洲大成色www永久网址| 综合偷自拍亚洲乱中文字幕| 国产丝袜第一页| 麻豆精品久久久久久久99蜜桃| 国产真实乱对白精彩久久| 2020国产在线| 国产精品边做奶水狂喷小说| 97国产在线播放| 在线看片无码永久免费aⅴ| a级毛片高清免费视频在线播放 |