|
在分欄的規(guī)律上：縱向和橫向分割都有兩分欄、三分欄和四分欄。圖片或者標(biāo)題可以跨欄呈現(xiàn)。這讓標(biāo)題與內(nèi)容的視覺層次關(guān)系更加豐富。
在組合方式上：不僅有常規(guī)的分割，同時還有上下兩層組合的可能。比如下圖右下角的界面，上下兩層分別三分欄和兩分欄。
閱讀這樣的應(yīng)用程序，你會感覺跟閱讀報紙一樣，同時你也會發(fā)現(xiàn)，比閱讀報紙更加輕松，每一頁的排版幾乎不重樣，翻閱這樣的雜志探索感更加強烈。
界面布局的新生力量
大家都知道m(xù)etro UI了，在windows phone 7的主屏，應(yīng)用程序的入口組成了兩列色塊。這種信息分割的方式與榻榻米原理基本一致。這使得扁平化的信息界面有了一種自由、個性化的組合方式。
iida INFOBAR A01手機界面設(shè)計也延續(xù)這種設(shè)計思想。在手機的演示視頻中，深度定制的Android手機將首頁變成了應(yīng)用模塊的拼圖。
有些應(yīng)用區(qū)域帶有實時信息，但你并不會覺得界面雜亂。
在圖片瀏覽環(huán)節(jié)，這種分隔創(chuàng)造了更加自然有層次的展現(xiàn)方式。視頻查看http://v.youku.com/v_show/id_XMjY3ODgyMjEy.html
后記：
對于一個UI界面來說，布局是設(shè)計的第一步，決定了設(shè)計方案的氣質(zhì)等等。而柵格系統(tǒng)經(jīng)過五十多年的發(fā)展已經(jīng)深入在UI設(shè)計領(lǐng)域的方方面面，并被證明擁有最合理的布局原理。希望這篇文章能夠給你一個簡單的啟示。
參考資料：
本文鏈接：http://m.95time.cn/design/doc/2011/8654.asp 
出處：百度MUX
責(zé)任編輯：bluehearts
上一頁 柵格系統(tǒng)延續(xù)美學(xué) [2] 下一頁
|
第 1 頁 
第 3 頁 柵格系統(tǒng)延續(xù)美學(xué) [3]
