這幾年折疊屏手機(jī)很火，我們針對(duì)使用HarmonyOS的折疊屏手機(jī)提供了應(yīng)用設(shè)計(jì)指導(dǎo)——HarmonyOS折疊屏設(shè)計(jì)規(guī)范。此規(guī)范屬于UX設(shè)計(jì)規(guī)范范疇，旨在提升用戶(hù)體驗(yàn)。通過(guò)HarmonyOS折疊屏設(shè)計(jì)規(guī)范，對(duì)齊設(shè)計(jì)語(yǔ)言，拉通體驗(yàn)設(shè)計(jì)的方向，幫助設(shè)計(jì)師統(tǒng)一設(shè)計(jì)品質(zhì)，最終為用戶(hù)提供清晰一致、簡(jiǎn)單易用的使用體驗(yàn)。隨著華為新一代折疊屏Mate X2、P50 Pocket的發(fā)布，華為最新的HarmonyOS折疊屏設(shè)計(jì)規(guī)范也來(lái)啦!下面跟隨我們一起來(lái)了解一下HarmonyOS折疊屏設(shè)計(jì)規(guī)范的新增亮點(diǎn)內(nèi)容吧。

一、新增外屏設(shè)計(jì)規(guī)范針對(duì)2021年新款折疊屏特有的外屏，HarmonyOS折疊屏設(shè)計(jì)規(guī)范新增了“外屏”章節(jié)來(lái)介紹外屏的適配設(shè)計(jì)，幫助設(shè)計(jì)師充分利用折疊屏的外屏，給用戶(hù)帶來(lái)額外的驚喜體驗(yàn)。折疊屏在折疊態(tài)時(shí)，有一塊可顯示、可交互的屏幕，稱(chēng)為外屏。根據(jù)外屏尺寸的不同，外屏分為大外屏和小外屏兩種規(guī)格。大外屏尺寸接近一個(gè)普通的手機(jī)，可直接按照手機(jī)或折疊屏折疊態(tài)的布局及交互設(shè)計(jì)。小外屏尺寸較小，僅能顯示少量關(guān)鍵信息或快捷操作，需要進(jìn)行相應(yīng)的適配設(shè)計(jì)。

由于小外屏需要專(zhuān)門(mén)的適配設(shè)計(jì)，“外屏”章節(jié)對(duì)小外屏做了詳細(xì)了適配設(shè)計(jì)說(shuō)明，包括適用場(chǎng)景、視覺(jué)顯示模板、界面用語(yǔ)等。如圖2所示，“外屏”章節(jié)提供了小外屏的視覺(jué)顯示模板和案例。

另外，該章節(jié)針對(duì)內(nèi)外屏的體驗(yàn)接續(xù)規(guī)則和適用場(chǎng)景也進(jìn)行了詳細(xì)的說(shuō)明。大外屏和內(nèi)屏建議無(wú)縫的體驗(yàn)接續(xù);小外屏和內(nèi)屏則需要區(qū)分場(chǎng)景和狀態(tài)來(lái)考慮是否體驗(yàn)接續(xù)。

二、新增多窗口交互規(guī)范

折疊屏展開(kāi)態(tài)的寬屏特征讓其天然適合多任務(wù)并行，因此在HarmonyOS折疊屏設(shè)計(jì)規(guī)范特地增加了“多窗口交互”這一章節(jié)，幫助設(shè)計(jì)師充分利用寬屏實(shí)現(xiàn)多任務(wù)并行、便捷的臨時(shí)任務(wù)處理，給用戶(hù)提供更佳的使用體驗(yàn)。

該部分主要介紹了折疊屏上的懸浮窗、分屏及平行視界三種多窗口交互的定位、區(qū)別、適用場(chǎng)景、適配要求及交互規(guī)則。

除了以上新增內(nèi)容外，HarmonyOS折疊屏設(shè)計(jì)規(guī)范還在原有章節(jié)內(nèi)容中新增了更多的視頻案例，幫助開(kāi)發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理更快速地理解典型場(chǎng)景及設(shè)計(jì)規(guī)則。

原文標(biāo)題：外屏和寬屏浪費(fèi)了?HarmonyOS折疊屏設(shè)計(jì)規(guī)范教你用起來(lái)

文章出處：【微信公眾號(hào)：HarmonyOS官方合作社區(qū)】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。

審核編輯：湯梓紅