|
網易的一位同學說到了網頁布局中使用黃金分割率的原理。黃金分割率的概念大家都知道。下面我引用一段非常專業(yè)的解釋：“黃金分割最早見于古希臘和古埃及。黃金分割又 稱黃金率、中外比，即把一根線段分為長短不等的a、b兩段，使其中長線段的比(即a+b)等于短線段b對長線段a的比，列式即為a:(a+b)=b:a， 其比值為0.6180339……這種比例在造型上比較悅目，因此，0.618又被稱為黃金分割率�！贝蠹乙部辞宄耸裁唇悬S金分割。
我們中國也有一種類似于這樣的概念叫九宮格。這個也許就有一些朋友不清楚了，這是一種用以臨寫碑帖的一種界格紙�；拘问且粋�長方形等分九格。在這個九宮格中中間部分就產生了四個交叉點，這四個交叉點就是視覺中心點。
PConline的同學特別提到了最近比較流行的網頁柵格系統(tǒng)設計，其中所提到的理論大家可以看下藍色理想這里介紹的網頁柵格系統(tǒng)設計，同時有興趣的話可以去買這本書來看看《柵格系統(tǒng)與版式設計》。
3. 屏幕分辨率和布局與瀏覽器、顯示終端的關系
屏幕分辨率和布局在不同的瀏覽器和顯示終端下的表現(xiàn)是不同的，千鳥寫的《網頁頁面適應不同客戶端瀏覽器和分辨率》大家可以看看，特別提到我們在實際設計操作中通常有三種情況：版面自適應、視覺自適應、內容自適應。所有的這一切都是為了適應現(xiàn)在顯示器寬屏高分辨率的結果。
特別近幾年電子數(shù)碼產品的軟硬件設備飛速發(fā)展，PC、手持設備、電視等等顯示終端都成為了我們?yōu)g覽網頁的目標終端。不同的終端對網頁設計布局都有不同的要求。討論到這里，3G.cn的同學特別提到了他們在手機上設計產品的一些見解。由于到這里的時候我開小差去了，沒認真聽，無法回憶記錄下來，希望3G.cn的同學能寫出來。我們的菜心同學提供了一些國外關于手機屏幕的資料：Mobile screen size trends 和 More on mobile screen size trends ，大家可以看看。
4. 屏幕分辨率和布局對前端開發(fā)，產品設計的影響
在我們充分的認識到屏幕分辨率和布局的矛與盾以后，就為我們以后的工作有了更多的指導意義。產品設計上需要從不同的角度去考慮適應不同屏幕分辨率下的網頁呈現(xiàn)，同時對前端開發(fā)也是挑戰(zhàn)，前端開發(fā)需要做大量的工作，從框架的規(guī)劃到具體的頁面實現(xiàn)都要考慮到這些。
5.總結
這次的ucd書友會雖然在下雨中進行，影響了討論的效果，但來參與的同學們都很自覺的參與其中，很是欣慰。一位出差廣州的PConline的同學對廣州這邊ucd書友會氛圍的肯定，多少是對我們的組織工作的認可，他之前也在上海參加過ucd書友會。希望更多的交流和分享為大家的日常工作和學習帶來便利。
本文鏈接：http://www.95time.cn/design/doc/2009/6640.asp 
出處：bluesnail’blog
責任編輯：bluehearts
上一頁 屏幕分辨率和布局簡述 [1] 下一頁
|
第 1 頁 
第 2 頁 屏幕分辨率和布局簡述 [2]
