這幾年折疊屏手機很火,我們針對使用HarmonyOS的折疊屏手機提供了應(yīng)用設(shè)計指導(dǎo)——HarmonyOS折疊屏設(shè)計規(guī)范。此規(guī)范屬于UX設(shè)計規(guī)范范疇,旨在提升用戶體驗。通過HarmonyOS折疊屏設(shè)計規(guī)范,對齊設(shè)計語言,拉通體驗設(shè)計的方向,幫助設(shè)計師統(tǒng)一設(shè)計品質(zhì),最終為用戶提供清晰一致、簡單易用的使用體驗。隨著華為新一代折疊屏Mate X2、P50 Pocket的發(fā)布,華為最新的HarmonyOS折疊屏設(shè)計規(guī)范也來啦!下面跟隨我們一起來了解一下HarmonyOS折疊屏設(shè)計規(guī)范的新增亮點內(nèi)容吧。
一、新增外屏設(shè)計規(guī)范針對2021年新款折疊屏特有的外屏,HarmonyOS折疊屏設(shè)計規(guī)范新增了“外屏”章節(jié)來介紹外屏的適配設(shè)計,幫助設(shè)計師充分利用折疊屏的外屏,給用戶帶來額外的驚喜體驗。折疊屏在折疊態(tài)時,有一塊可顯示、可交互的屏幕,稱為外屏。根據(jù)外屏尺寸的不同,外屏分為大外屏和小外屏兩種規(guī)格。大外屏尺寸接近一個普通的手機,可直接按照手機或折疊屏折疊態(tài)的布局及交互設(shè)計。小外屏尺寸較小,僅能顯示少量關(guān)鍵信息或快捷操作,需要進行相應(yīng)的適配設(shè)計。
由于小外屏需要專門的適配設(shè)計,“外屏”章節(jié)對小外屏做了詳細了適配設(shè)計說明,包括適用場景、視覺顯示模板、界面用語等。如圖2所示,“外屏”章節(jié)提供了小外屏的視覺顯示模板和案例。
另外,該章節(jié)針對內(nèi)外屏的體驗接續(xù)規(guī)則和適用場景也進行了詳細的說明。大外屏和內(nèi)屏建議無縫的體驗接續(xù);小外屏和內(nèi)屏則需要區(qū)分場景和狀態(tài)來考慮是否體驗接續(xù)。
二、新增多窗口交互規(guī)范
折疊屏展開態(tài)的寬屏特征讓其天然適合多任務(wù)并行,因此在HarmonyOS折疊屏設(shè)計規(guī)范特地增加了“多窗口交互”這一章節(jié),幫助設(shè)計師充分利用寬屏實現(xiàn)多任務(wù)并行、便捷的臨時任務(wù)處理,給用戶提供更佳的使用體驗。
該部分主要介紹了折疊屏上的懸浮窗、分屏及平行視界三種多窗口交互的定位、區(qū)別、適用場景、適配要求及交互規(guī)則。
除了以上新增內(nèi)容外,HarmonyOS折疊屏設(shè)計規(guī)范還在原有章節(jié)內(nèi)容中新增了更多的視頻案例,幫助開發(fā)者、設(shè)計師和產(chǎn)品經(jīng)理更快速地理解典型場景及設(shè)計規(guī)則。
原文標(biāo)題:外屏和寬屏浪費了?HarmonyOS折疊屏設(shè)計規(guī)范教你用起來
文章出處:【微信公眾號:HarmonyOS官方合作社區(qū)】歡迎添加關(guān)注!文章轉(zhuǎn)載請注明出處。
審核編輯:湯梓紅
-
手機
+關(guān)注
關(guān)注
35文章
6874瀏覽量
157543 -
折疊屏
+關(guān)注
關(guān)注
3文章
522瀏覽量
15332 -
HarmonyOS
+關(guān)注
關(guān)注
79文章
1973瀏覽量
30143
原文標(biāo)題:外屏和寬屏浪費了?HarmonyOS折疊屏設(shè)計規(guī)范教你用起來
文章出處:【微信號:HarmonyOS_Community,微信公眾號:電子發(fā)燒友開源社區(qū)】歡迎添加關(guān)注!文章轉(zhuǎn)載請注明出處。
發(fā)布評論請先 登錄
相關(guān)推薦
評論