這幾年折疊屏手機(jī)很火,我們針對(duì)使用HarmonyOS的折疊屏手機(jī)提供了應(yīng)用設(shè)計(jì)指導(dǎo)——HarmonyOS折疊屏設(shè)計(jì)規(guī)范。此規(guī)范屬于UX設(shè)計(jì)規(guī)范范疇,旨在提升用戶體驗(yàn)。通過(guò)HarmonyOS折疊屏設(shè)計(jì)規(guī)范,對(duì)齊設(shè)計(jì)語(yǔ)言,拉通體驗(yàn)設(shè)計(jì)的方向,幫助設(shè)計(jì)師統(tǒng)一設(shè)計(jì)品質(zhì),最終為用戶提供清晰一致、簡(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ì)師充分利用折疊屏的外屏,給用戶帶來(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ù)處理,給用戶提供更佳的使用體驗(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)注明出處。
審核編輯:湯梓紅
-
手機(jī)
+關(guān)注
關(guān)注
34文章
6792瀏覽量
156687 -
折疊屏
+關(guān)注
關(guān)注
3文章
513瀏覽量
15245 -
HarmonyOS
+關(guān)注
關(guān)注
79文章
1946瀏覽量
29738
原文標(biāo)題:外屏和寬屏浪費(fèi)了?HarmonyOS折疊屏設(shè)計(jì)規(guī)范教你用起來(lái)
文章出處:【微信號(hào):HarmonyOS_Community,微信公眾號(hào):電子發(fā)燒友開(kāi)源社區(qū)】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
評(píng)論