国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

編輯導(dǎo)語：自折疊屏手機(jī)出現(xiàn)之后，各大應(yīng)用廠商為了給折疊屏手機(jī)用戶帶來更加完美的使用體驗(yàn)，便針對(duì)這類用戶進(jìn)行適配設(shè)計(jì)。本文結(jié)合折疊屏相關(guān)設(shè)計(jì)規(guī)范以及遵守用戶體驗(yàn)設(shè)計(jì)原則的基礎(chǔ)上，總結(jié)了10條折疊屏適配建議，值得閱讀學(xué)習(xí)。

背景：

隨著折疊屏手機(jī)的普及，各大應(yīng)用廠商為了讓用戶能有更好的使用體驗(yàn)，開始逐步適配折疊屏。同時(shí)華為谷歌等頭部企業(yè)相應(yīng)的推出了折疊屏設(shè)計(jì)規(guī)范，本文結(jié)合折疊屏的設(shè)計(jì)規(guī)范以及用戶體驗(yàn)設(shè)計(jì)原則，總結(jié)了10條折疊屏適配建議。

折疊屏手機(jī)展開后的屏幕尺寸跟平板的尺寸類似，兩者之間的適配有一定的關(guān)聯(lián)性。不同點(diǎn)在于，折疊屏手機(jī)是一個(gè)硬件有兩種展現(xiàn)形態(tài)，大小屏之間可以來回切換，因此需要更多的考慮交互和使用體驗(yàn)。

原則：

1. 連續(xù)性：從折疊狀態(tài)到展開狀態(tài)，體驗(yàn)應(yīng)該是連續(xù)的，無縫的連接。
2. 可讀性：充分利用屏幕空間以保障可讀性，內(nèi)容展現(xiàn)合理、易讀。
3. 操作性：尊重用戶心智模型，在不同的場(chǎng)景下合理安排重要內(nèi)容和操作選項(xiàng)。

熱區(qū)：

當(dāng)屏幕展開之后，更適合雙手握持，因此按雙手可觸達(dá)屏幕的程度區(qū)分，可分為ABCD四個(gè)區(qū)域：

• 可以通過伸出手指來觸達(dá)該區(qū)域，對(duì)于大多數(shù)人來說并不方便。
• 手指自然狀態(tài)即可以很舒適的觸達(dá)到該區(qū)域。
• 觸達(dá)到該區(qū)域具有一定的挑戰(zhàn)性，需要手指盡可能的彎曲。
• 雙手握持設(shè)備時(shí)，這個(gè)區(qū)域難以觸達(dá)。

在屏幕展開的適配中，應(yīng)該盡量考慮雙手操作時(shí)的便捷性，避免把需要頻繁操作的功能放置在雙手難以觸達(dá)的區(qū)域，從而造成不好的用戶體驗(yàn)。

形態(tài)：

折疊屏有三種形態(tài)，分別是Close、Unfolded和Tabletop，這三種形態(tài)分別對(duì)應(yīng)不同的使用場(chǎng)景。

1. Close：合起來的形態(tài)，正常手機(jī)的大小，以手機(jī)的交互和展示方式為主。
2. Unfolded：展開的形態(tài)，接近于平板電腦，但由于尺寸和比例的區(qū)別，需要進(jìn)行適配。
3. Tabletop：筆記本形態(tài)，類似于筆記本電腦打開的形態(tài)，需要單獨(dú)適配。

適配建議：

一、充分利用屏幕

自適應(yīng)和響應(yīng)式都是多屏適配常用的方式，區(qū)別在于自適應(yīng)需要針對(duì)不同的屏幕大小進(jìn)行單獨(dú)設(shè)計(jì)。優(yōu)勢(shì)在于可以更好地利用展開后的屏幕空間，根據(jù)屏幕分辨率展示不同的內(nèi)容和布局，充分利用屏幕。

二、考慮體驗(yàn)連續(xù)性

相比自適應(yīng)布局，響應(yīng)式布局優(yōu)勢(shì)在于能夠很好地適配不同寬度分辨率，不會(huì)出現(xiàn)因屏幕太小而內(nèi)容過于擁擠，很好的解決了使用體驗(yàn)連續(xù)性的問題。適用于重復(fù)布局、瀑布布局等應(yīng)用。

三、沉浸式體驗(yàn)

當(dāng)用戶專注于一件事情時(shí)，不要因?yàn)槠聊坏淖兓^多地去打擾用戶。即便是用戶主動(dòng)觸發(fā)的操作，也要保證體驗(yàn)不受阻斷的前提下，給用戶提供最輕量的選擇。適用于音頻和視頻等應(yīng)用。

四、重新設(shè)計(jì)布局

詳情頁(yè)的排版由于物理空間的限制，屏幕不能像書本一樣左右延伸，而屏幕展開之后，可以打破原有的排版方式，讓用戶獲得更接近自然真實(shí)的閱讀體驗(yàn)。適用于文章內(nèi)容、雜志、書籍等應(yīng)用。

五、避免視覺阻擋

折疊屏展開之后，不可忽視的一點(diǎn)是鉸鏈的區(qū)域，可能會(huì)因?yàn)檎酆鄯垂獾葐栴}導(dǎo)致顯示不清晰，因此彈窗盡量避免居中顯示，應(yīng)置于屏幕的左側(cè)或者右側(cè)。同理Toast的顯示位置也該如此。

六、減少阻斷

在手機(jī)上填寫表單時(shí)，通常會(huì)全屏顯示。而像這種臨時(shí)觸發(fā)的對(duì)話框，可以使用懸浮設(shè)計(jì)，填寫完自動(dòng)關(guān)閉即可，因此并不會(huì)遮擋主要信息內(nèi)容，也并不需要占用過多的屏幕空間。適用于表單填寫、登錄注冊(cè)等場(chǎng)景。

七、減少頁(yè)面層級(jí)

折疊屏的優(yōu)勢(shì)在于屏幕較大，因此手機(jī)上需要跳轉(zhuǎn)的頁(yè)面在折疊屏上可以同時(shí)存在，例如新聞APP中，左邊是內(nèi)容列表，右邊是點(diǎn)擊該條內(nèi)容之后的正文詳情。不但減少了反復(fù)跳轉(zhuǎn)的層級(jí)問題，還可以讓內(nèi)容展現(xiàn)更加清晰直觀。適用于新聞?lì)悺⒘奶旃ぞ叩葢?yīng)用。

八、易操作性

手機(jī)屏幕為了握持感，在寬度上做了一些犧牲，只能在高度上做延展，因此導(dǎo)航欄通常置于屏幕底部，既好操作也不影響閱讀。當(dāng)屏幕展開之后，寬度變寬，導(dǎo)航欄可以置于屏幕的左側(cè)或者右側(cè)，同樣是為了雙手握持的時(shí)候更加方便地操作。

九、提升使用效率

為了提升使用效率，可以根據(jù)應(yīng)用的實(shí)際情況，選擇分屏滑動(dòng)或者全屏滑動(dòng)。

十、考慮更多模式

應(yīng)用的場(chǎng)景雖然不多，但也需要考慮到桌面模式下內(nèi)容的展現(xiàn)，如果圖片和標(biāo)題分布于上下兩個(gè)屏幕，閱讀起來會(huì)比較費(fèi)勁，體驗(yàn)也不友好，因此要避免圖片被折疊的問題。

十一、最后

不管是手機(jī)平板還是折疊屏，都有相同的適配原則和其獨(dú)特之處，在適配的過程中需要充分的考慮用戶地使用場(chǎng)景，盡可能地為用戶解決問題而不是制造麻煩。提前想到使用中的痛點(diǎn)，就能做出越來越多讓用戶喜愛的產(chǎn)品。

參考：

華為折疊屏設(shè)計(jì)規(guī)范：

https://developer.huawei.com/consumer/cn/doc/90101

谷歌折疊屏設(shè)計(jì)規(guī)范：

https://m3.material-io.cn/foundations/adaptive-design/foldables/overview

本文由 @撿蘑菇的人 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議