移動(dòng)手機(jī)APP的顯示效果，沒有像web端那樣單一。因?yàn)樗凶约邯?dú)有的2套展現(xiàn)方式，橫屏或者是豎屏。雖然完美大多數(shù)情況下，都會(huì)選擇豎屏，但是某些APP設(shè)計(jì)必須是橫屏才能達(dá)到最佳的用戶體驗(yàn)。

所以，按照移動(dòng)智能設(shè)備的方向?qū)pp進(jìn)行設(shè)計(jì)，將會(huì)使APP開發(fā)者和APP設(shè)計(jì)人員獲益匪淺，同時(shí)也可以創(chuàng)造更好的不一樣的用戶視覺體驗(yàn)。用戶只需要簡(jiǎn)單地旋轉(zhuǎn)設(shè)備，不用點(diǎn)擊按鈕就能展現(xiàn)一個(gè)新的app布局。是不是很炫呢？

就好像web設(shè)計(jì)師如何向移動(dòng)APP設(shè)計(jì)師的思維和角色轉(zhuǎn)換一樣。

下面讓我們來看看如何讓我們的APP設(shè)計(jì)作品，完美兼容移動(dòng)智能手機(jī)橫屏和豎屏的顯示效果？

作為一名優(yōu)秀的APP設(shè)計(jì)師，我們必須知道這4種隨著智能手機(jī)的橫屏與豎屏的切換，同時(shí)也改變app顯示方向的解決方案。

擴(kuò)展閱讀：6個(gè)超實(shí)用的APP導(dǎo)航設(shè)計(jì)方案

第一種：按比例轉(zhuǎn)換APP界面設(shè)計(jì)模式

這個(gè)方法比較簡(jiǎn)單和直接。很適合新手，一看就會(huì)明白。跟我們web端響應(yīng)式布局一樣的道理。比如Skype APP界面設(shè)計(jì)欣賞。

在Skype的APP界面設(shè)計(jì)中，當(dāng)App由縱向顯示變?yōu)闄M向展示的時(shí)候，界面上的圖標(biāo)大小也隨之發(fā)生改變。

第二種：APP延伸擴(kuò)展模式

這個(gè)解決方案主要是靠增加或者刪除布局元素來實(shí)現(xiàn)，比如下邊的IMDB，iPad用戶看到的是一個(gè)更寬的橫屏模式，左側(cè)增加了電影作品年表。

而豎屏模式展現(xiàn)的是一個(gè)更為簡(jiǎn)潔的界面，不過，用戶可以通過點(diǎn)擊屏幕中間的"所有電影列表"來查看同樣的內(nèi)容。

不管是橫屏還是豎屏模式，目的都是為了給用戶提供方便。不過，這并不是強(qiáng)迫用戶使用某種特定的方式，尤其是在主要功能還沒有完全展示的情況下。

第三種：APP延伸擴(kuò)展模式

我們來看看下面這個(gè)APP設(shè)計(jì)原型圖，

默認(rèn)的豎屏模式展示了相關(guān)數(shù)據(jù)，但橫屏模式提供了更為直觀的可視圖表。

總的來說，橫屏和豎屏顯示類似信息還是互補(bǔ)信息.

第四種：APP連續(xù)性設(shè)計(jì)

什么是APP連續(xù)性設(shè)計(jì)呢？其實(shí)就是旋轉(zhuǎn)切換到下一屏。這種APP的設(shè)計(jì)是未來智能設(shè)備的方向。前景很不錯(cuò)！

連續(xù)性的設(shè)計(jì)可以讓用戶通過簡(jiǎn)單的屏幕旋轉(zhuǎn)就能接觸到第二屏。未來還有種可能就是用智能手機(jī)控制智能電視，智能手機(jī)旋轉(zhuǎn)為橫屏模式可以顯示節(jié)目指南，同時(shí)實(shí)現(xiàn)頻道切換、節(jié)目瀏覽以及錄制視頻等功能。

所以，今天跟大家介紹了4招新的APP設(shè)計(jì)方向和APP設(shè)計(jì)知識(shí)。國(guó)外的媒體認(rèn)為為移動(dòng)智能設(shè)備手持方向進(jìn)行設(shè)計(jì)還是比較新的一個(gè)概念。所以，希望APP設(shè)計(jì)小伙伴們多關(guān)注。

最佳的APP設(shè)計(jì)視頻教程：APP新手的最佳入門視頻教程?盡在25學(xué)堂。