嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

最近超火的折疊屏手機(jī)，應(yīng)該如何做交互設(shè)計(jì)？

2019-3-25 濤濤

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

隨著折疊屏手機(jī)的發(fā)布，我們看到未來(lái)手機(jī)的形態(tài)可能會(huì)朝著柔性手機(jī)方向發(fā)展，那么，讓我們來(lái)思考一件事：如何在折疊屏手機(jī)上做交互設(shè)計(jì)呢？

最近三星、華為和柔宇各發(fā)布了一款折疊屏手機(jī)，它可以把一臺(tái)8英寸的平板電腦通過(guò)折疊的方式變成一臺(tái)方便攜帶的6英寸手機(jī)。折疊屏手機(jī)屬于新的手機(jī)品種，也是我目前最看好的手機(jī)形態(tài)之一（未來(lái)手機(jī)的形態(tài)應(yīng)該是柔性手機(jī)，現(xiàn)在已知有柔性電路板的存在了）。通過(guò)幾天的觀(guān)察和思考，我認(rèn)為折疊屏手機(jī)有以下好處：

更好的閱讀體驗(yàn)。目前各手機(jī)廠(chǎng)商的折疊屏展開(kāi)態(tài)均大于7英寸，我們看視頻時(shí)擁有更好地觀(guān)看體驗(yàn)，同時(shí)我們?cè)僖膊挥脫?dān)心看漫畫(huà)時(shí)字體太小看不清了。
提升效率。在「展開(kāi)」模式下空間變大了，多窗口操作成為可能，我們可以一邊看世界杯一邊用微信和朋友一起視頻吶喊。
易用性。在這里我想到了 ipad 一個(gè)不錯(cuò)的特性，打開(kāi)多個(gè)應(yīng)用后，并在多個(gè)應(yīng)用之間進(jìn)行文件管理，例如將相冊(cè)里的圖片拖到微信或者郵件里，避免了多個(gè)應(yīng)用之間的來(lái)回切換。

以上基于「展開(kāi)」態(tài)的想法，在折疊狀態(tài)下還有一些不錯(cuò)的想法供大家思考。

外折疊設(shè)計(jì)

華為在MWC2019上演示了一個(gè)名叫「鏡像智拍」的功能，它可以讓被拍攝的人實(shí)時(shí)看到拍攝效果，并調(diào)整面部表情與姿勢(shì)。用自己最了解的角度及構(gòu)圖使得拍攝事半功倍，妹子們?cè)僖膊挥脫?dān)心自己的男朋友把自己拍得很丑了。

在折疊狀態(tài)時(shí)可以把背面當(dāng)做一個(gè)附加的交互空間，實(shí)現(xiàn)一些簡(jiǎn)單的交互操作，例如打吃雞游戲時(shí)我們可以考慮在背面屏幕增加一些手勢(shì)操作進(jìn)行8倍鏡的縮放，這種背部觸控方式并不是什么新鮮事，在2011年索尼旗下的掌上型游戲機(jī) PSV 已經(jīng)在背部增加了電容式多點(diǎn)觸控面板。

除了附加的交互空間，我們真的可以把它當(dāng)做第二塊屏幕進(jìn)行使用。在平時(shí)我們可以通過(guò)兩塊屏幕同時(shí)運(yùn)行兩個(gè)不同的應(yīng)用程序，例如我們可以用主屏幕玩游戲，在加載游戲時(shí)翻轉(zhuǎn)屏幕刷個(gè)微博，操作起來(lái)十分方便。

折疊屏當(dāng)然不只有展開(kāi)和折疊兩個(gè)狀態(tài)，還有翻折狀態(tài)，它區(qū)別于傳統(tǒng)手機(jī)和平板的獨(dú)立狀態(tài)。最直接的效果就是它可以不需要支架就立在桌面上，實(shí)現(xiàn)中遠(yuǎn)距離的自拍；同時(shí)它可以進(jìn)行多角度拍攝，成為制作 VR 內(nèi)容的利器。在玩法上，翻折狀態(tài)可以通過(guò)兩面屏幕的不同內(nèi)容引入多人互動(dòng)的概念，但這種應(yīng)用場(chǎng)景比較難想象。

內(nèi)折疊設(shè)計(jì)

相比外折疊設(shè)計(jì)，內(nèi)折疊設(shè)計(jì)玩法相對(duì)較少，在這里我只想到了任天堂NDS 的概念：在翻折狀態(tài)時(shí)它就是兩塊獨(dú)立屏幕，它可以獨(dú)立顯示不同的內(nèi)容，例如上屏顯示內(nèi)容，下屏顯示操作區(qū)域，打游戲時(shí)翻折狀態(tài)明顯要比其他狀態(tài)舒服。

個(gè)人觀(guān)點(diǎn)：從以上案例來(lái)看，外折疊設(shè)計(jì)在交互和玩法上都比內(nèi)折疊設(shè)計(jì)好，未來(lái)很有可能以外折疊設(shè)計(jì)為主。

折疊屏手機(jī)交互設(shè)計(jì)的改變

1. 響應(yīng)式布局

當(dāng)折疊屏從小屏模式轉(zhuǎn)變成大屏模式時(shí)不應(yīng)該只是畫(huà)面的等比例變大，而是要考慮響應(yīng)式布局設(shè)計(jì)。

描述響應(yīng)式設(shè)計(jì)最著名的一句話(huà)就是「Content is like water。如果將屏幕看作容器，那么內(nèi)容就像水一樣」。在以前響應(yīng)式設(shè)計(jì)更多用在PC Web設(shè)計(jì)上，但現(xiàn)在手機(jī)也應(yīng)該考慮響應(yīng)式設(shè)計(jì)，以下是設(shè)計(jì)時(shí)需要考慮的細(xì)節(jié)。

它不是簡(jiǎn)單的響應(yīng)式設(shè)計(jì)。從上文得知，「展開(kāi)」態(tài)時(shí)要考慮是平板模式還是雙屏幕模式，如果是平板模式，那么內(nèi)容應(yīng)該在一個(gè)整體里；若是雙屏幕模式則可以考慮不同屏幕展示不同內(nèi)容。設(shè)計(jì)時(shí)需要根據(jù)實(shí)際需求和場(chǎng)景進(jìn)行模式選擇。

考慮通過(guò) Fragment（片段）來(lái)設(shè)計(jì)。Fragment 是 Android3.0提出的 API，出現(xiàn)的初衷是為了 UI 更靈活地適應(yīng)大屏幕的平板電腦。以下是 Android 對(duì) Fragment 的官方介紹：「Fragment 表示 Activity 中的行為或用戶(hù)界面部分。您可以將多個(gè) Fragment 組合在一個(gè) Activity 中來(lái)構(gòu)建多窗格 UI，以及在多個(gè) Activity 中重復(fù)使用某個(gè) Fragment。（ Activity 可以理解為一個(gè)頁(yè)面，Android 開(kāi)發(fā)中最重要的概念之一）」

參考微軟的 UWP 設(shè)計(jì)概念。UWP 即 Windows 10中的 Universal Windows Platform（Windows 通用應(yīng)用平臺(tái)）。UWP 應(yīng)用的理念并不是為某一個(gè)終端而設(shè)計(jì)，而是同一套代碼和設(shè)計(jì)可以在所有 Windows 10設(shè)備上運(yùn)行，包括Windows 10 Mobile / Surface / PC / Xbox / HoloLens等等。

它的響應(yīng)式設(shè)計(jì)的設(shè)計(jì)技巧包括以下6點(diǎn)：

調(diào)整位置：你可以改變 UI 元素在不同屏幕上的位置。比如下面這個(gè)例子：為了確保同時(shí)展示兩個(gè)元素，在手機(jī)上我們必須采用縱向滾動(dòng)界面，而在平板電腦上，我們可以調(diào)整框架的位置，變?yōu)闄M屏滾動(dòng)界面。如果你用網(wǎng)格設(shè)計(jì)這些位置，你也可以不改變內(nèi)容框架，但其他 UI 元素可以使用響應(yīng)式設(shè)計(jì)。

調(diào)整尺寸：你可以通過(guò)調(diào)整空白和 UI 元素的尺寸來(lái)優(yōu)化框架，比如下面這個(gè)例子，可以通過(guò)簡(jiǎn)單的增大內(nèi)容框架尺寸來(lái)提升大屏幕的閱讀體驗(yàn)。

調(diào)整順序：通過(guò)調(diào)整 UI 元素的順序和方向，優(yōu)化內(nèi)容顯示效果。舉個(gè)例子，在大屏上運(yùn)行時(shí)，可以再添加一欄，并且加入分類(lèi)列表，這些都是合理的。這個(gè)例子展示了在手機(jī)上使用一欄縱向滾動(dòng)，而在平板上使用兩欄橫向滾動(dòng)的優(yōu)化。

展現(xiàn)：你可以基于屏幕的真實(shí)大小，設(shè)備支持的功能，特定的情況或者屏幕方向展示界面。下圖是媒體播放器的例子，小屏幕上這些按鈕通常是被刪減的，但在大屏幕上這些按鈕是被完全保留的。PC 上的媒體播放器比手機(jī)上的有更多的功能。

換位：這項(xiàng)技巧是為特定屏幕尺寸或屏幕方向切換特定的界面。下面這個(gè)例子是導(dǎo)航菜單：小屏幕上他是隱藏在漢堡菜單中縱向排列的，但是在大屏幕上，更大的 Tab 是更好地選擇。

改變結(jié)構(gòu)：你可以為特定的設(shè)備優(yōu)化特定的結(jié)構(gòu)。下面這個(gè)例子就是兩種不同的接合結(jié)構(gòu)。

以上6點(diǎn)引用了Windows 開(kāi)發(fā)人員中心《Design Basics：Responsive design 101 for UWP apps》

2. 場(chǎng)景化設(shè)計(jì)

考慮用戶(hù)翻轉(zhuǎn)折疊屏幕時(shí)的場(chǎng)景和動(dòng)機(jī)是什么，從而優(yōu)化現(xiàn)有界面及交互流程，舉幾個(gè)例子。

以 RPG 游戲?yàn)槔．?dāng)玩家使用小屏模式時(shí)我們可以收起所有功能界面，使游戲的沉浸感更強(qiáng)；當(dāng)玩家采用大屏模式時(shí)，我們可以認(rèn)為玩家需要獲取更多信息，這時(shí)候把聊天、裝備等相關(guān)功能界面展示出來(lái)。

當(dāng)用戶(hù)在微信里查看定位信息有新消息提醒時(shí)，手機(jī)變成大屏模式時(shí)應(yīng)該同時(shí)存在地圖界面和聊天界面。

相關(guān)注意事項(xiàng)

Google 在2018年11月就宣布了對(duì)折疊屏的支持，包括多窗口支持、不重啟適配等等。如果想要在折疊屏手機(jī)上設(shè)計(jì)良好的用戶(hù)體驗(yàn)，必須考慮以下兩個(gè)方面：生命周期管理以及轉(zhuǎn)場(chǎng)動(dòng)效。

生命周期管理

目前大部分手機(jī)應(yīng)用為了有更流暢的體驗(yàn)會(huì)做適量的生命周期管理，例如退出頁(yè)面時(shí)會(huì)釋放相關(guān)內(nèi)存。因此設(shè)計(jì)師在設(shè)計(jì)折疊屏交互時(shí)要考慮哪些頁(yè)面不能被銷(xiāo)毀，一定要讓用戶(hù)進(jìn)行展開(kāi)、折疊等操作，應(yīng)用任務(wù)不中斷重啟，產(chǎn)品可以自動(dòng)適應(yīng)各種屏幕下的靜態(tài)布局規(guī)格。

轉(zhuǎn)場(chǎng)動(dòng)效

從目前 Google 公布的新版 Android系統(tǒng)來(lái)看，已經(jīng)可以做到當(dāng)折疊/展開(kāi)設(shè)備的時(shí)候，頁(yè)面、內(nèi)容從一個(gè)屏幕自然地切換至另一個(gè)屏幕。設(shè)計(jì)師在設(shè)計(jì)時(shí)應(yīng)該基于 Google 的技術(shù)規(guī)范考慮內(nèi)容、組件等模塊的轉(zhuǎn)場(chǎng)效果。