俗話說的好，好的設(shè)計(jì)來自于對生活的細(xì)心觀察。同樣移動(dòng)互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)同樣要符合現(xiàn)實(shí)中生活習(xí)慣和認(rèn)知習(xí)慣。畢竟移動(dòng)互聯(lián)網(wǎng)是現(xiàn)實(shí)生活的衍生。

無聊是我們在電視電影中所看到的武俠動(dòng)作片?？傆幸恍┐髱煋碛兄^世武功或是獨(dú)家秘訣。我想在移動(dòng)APP布局設(shè)計(jì)中，也有一些設(shè)計(jì)大師掌握著APP布局設(shè)計(jì)之道-獨(dú)門七字口訣。

那是哪七個(gè)字呢？

移動(dòng)APP布局設(shè)計(jì)第一訣：聚

聚即聚攏、收納，最樸實(shí)的節(jié)省空間的方式之一，歸類之一。手機(jī)界面尺寸比較小，又要考慮符合手指點(diǎn)擊的面積，所以往往不會(huì)像web頁面中把詳細(xì)分類及信息全都鋪出來，導(dǎo)航條也不會(huì)像web界面設(shè)計(jì)中的細(xì)長的一條，只能精簡內(nèi)容顯示最常用的幾個(gè)版塊。

移動(dòng)APP布局設(shè)計(jì)第二訣：?藏

聚和藏有點(diǎn)類似，前者偏向歸類，后者偏向隱而不見。

移動(dòng)APP設(shè)計(jì)中常用的隱藏元素有以下三類： 　

（1）有形的控件：如按鈕、標(biāo)簽、菜單、導(dǎo)航…

（2）手勢與重力感應(yīng)：長按刪除、橫滑翻頁、搖一搖都是這一類；

（3）操作路徑：把不常用的功能或設(shè)置項(xiàng)藏得深一點(diǎn)，通過層層遞進(jìn)達(dá)到目的。

移動(dòng)APP布局設(shè)計(jì)第三訣：合

我們講完聚，藏之后，是不是考慮到有些時(shí)候也有組合一些或者是合并一些相同的元件或功能。比如移動(dòng)APP設(shè)計(jì)中的合并也常常見于各種組件的組合，如輸入框與標(biāo)簽、導(dǎo)航與下拉菜單、網(wǎng)址欄的輸入框與取消/刷新按鈕等。

移動(dòng)APP布局設(shè)計(jì)第四訣：分

常言道：有合必有分。這話說的真不錯(cuò)！那么在移動(dòng)APP設(shè)計(jì)中是如何體現(xiàn)分的呢？

分在簡單收納的基礎(chǔ)上，如果將空間繼續(xù)細(xì)化，分割成不同的“小塊”，會(huì)使得擺放更有秩序。比如利用網(wǎng)頁設(shè)計(jì)中的設(shè)計(jì)技巧：九宮格、柵格、區(qū)域劃分…如果小屏幕里靈活運(yùn)用這些格子組合會(huì)讓界面顯得更加完整！

移動(dòng)APP布局設(shè)計(jì)第五訣：換

當(dāng)我們聚、藏、合、分都不適用的時(shí)候，你會(huì)想到什么呢？那就是換。

換即替換之意，即合理利用共享空間交替展現(xiàn)。

手機(jī)屏幕空間非常有限，一塊小小的角落都可以成為兵家必爭之地，通過共享空間的利用，可以完成多個(gè)界面的跳轉(zhuǎn)及不同狀態(tài)之間的切換。Tab、slide page、還有各種翻轉(zhuǎn)切換都是通過空間共享的方式承載不同的信息。

移動(dòng)APP布局設(shè)計(jì)第六訣：擠

移動(dòng)設(shè)計(jì)的擠壓案例也特別多。ios4新增的inbox展示方式就是一種自上而下的擠壓處理，除此之外，facebook和path的從左往右的擠壓布局最近也特別流行?，F(xiàn)在最流行的就是抽屜式設(shè)計(jì)?；蛘?a href="http://itlnk.cn/4144.html" target="_blank">多態(tài)按鈕設(shè)計(jì)。

移動(dòng)APP布局設(shè)計(jì)第七訣：順

順的意思就是我們在設(shè)計(jì)APP的時(shí)候，可以直接利用智能手機(jī)現(xiàn)有的邊角或邊緣位置，順著這些特殊的“點(diǎn)”進(jìn)行設(shè)計(jì)。下面的這種組合書架緊靠兩側(cè)墻面轉(zhuǎn)角位，這種順著拐點(diǎn)的巧妙設(shè)計(jì)可以為墻面節(jié)省更多的空間。

比如：1）屏幕邊緣 ?。?）角落 ?。?）控件邊緣 ?。?）系統(tǒng)狀態(tài)欄等

可以看看一些很棒的Android和iPhone等鎖屏UI界面設(shè)計(jì)欣賞。

總之: 移動(dòng)交互設(shè)計(jì)無處不在。在我們的日常工作中，很多地方都可以借鑒到生活中積累的經(jīng)驗(yàn)。這移動(dòng)APP布局設(shè)計(jì)之獨(dú)門的七字訣：聚、藏、合、分、換、擠、順，值得永遠(yuǎn)牢記！?。?！

這APP設(shè)計(jì)七字訣可以算是真正的干貨！歡迎大家多多分享！