1. 程式人生 > 資訊 >華為釋出鴻蒙 HarmonyOS 摺疊屏最新設計規範,教你正確利用內屏和外屏

華為釋出鴻蒙 HarmonyOS 摺疊屏最新設計規範,教你正確利用內屏和外屏

2 月 18 日訊息,華為此前推出了 HarmonyOS 摺疊屏設計規範,隨著新一代摺疊屏 Mate X2、P50 Pocket 的釋出,官方宣佈 HarmonyOS 摺疊屏設計規範迎來更新

一、新增外屏設計規範

針對 2021 年新款摺疊屏特有的外屏,HarmonyOS 摺疊屏設計規範新增了“外屏”章節來介紹外屏的適配設計,幫助設計師充分利用摺疊屏的外屏,給使用者帶來額外的驚喜體驗。

摺疊屏在摺疊態時,有一塊可顯示、可互動的螢幕,稱為外屏。根據外屏尺寸的不同,外屏分為大外屏和小外屏兩種規格。大外屏尺寸接近一個普通的手機,可直接按照手機或摺疊屏摺疊態的佈局及互動設計。小外屏尺寸較小,僅能顯示少量關鍵資訊或快捷操作,需要進行相應的適配設計。

由於小外屏需要專門的適配設計,“外屏”章節對小外屏做了詳細了適配設計說明,包括適用場景、視覺顯示模板、介面用語等。如下圖所示,“外屏”章節提供了小外屏的視覺顯示模板和案例。

另外,該章節針對內外屏的體驗接續規則和適用場景也進行了詳細的說明。大外屏和內屏建議無縫的體驗接續;小外屏和內屏則需要區分場景和狀態來考慮是否體驗接續。

二、新增多視窗互動規範

摺疊屏展開態的寬屏特徵讓其天然適合多工並行,因此在 HarmonyOS 摺疊屏設計規範特地增加了“多視窗互動”這一章節,幫助設計師充分利用寬屏實現多工並行、便捷的臨時任務處理,給使用者提供更佳的使用體驗。

該部分主要介紹了摺疊屏上的懸浮窗、分屏及平行視界三種多視窗互動的定位、區別、適用場景、適配要求及互動規則。

下面的圖片分別為這三種多視窗的介面呈現和介紹

▲三種多視窗的介面呈現

▲三種多視窗的介紹

瞭解到,除了以上新增內容外,HarmonyOS 摺疊屏設計規範還在原有章節內容中新增了更多的視訊案例,幫助開發者、設計師和產品經理更快速地理解典型場景及設計規則。