App下載

“鴻蒙PC版”部分應用UI曝光!有望挑戰(zhàn)Windows嗎?

偷得浮生 2024-06-28 14:21:42 瀏覽數(shù) (1783)
反饋

在2024年備受矚目的華為開發(fā)者大會(HDC)上,華為攜帶其最新力作HarmonyOS NEXT隆重登場,為智能設備行業(yè)帶來了一股清新之風。

作為鴻蒙操作系統(tǒng)的全新升級版,HarmonyOS NEXT在智能手機和平板電腦上首次推出了Beta測試版。


11


根據(jù)華為官方發(fā)布的升級路線圖,預計到2024年年底,將有一大批設備陸續(xù)完成向純正血統(tǒng)的鴻蒙操作系統(tǒng)的升級。


12


在HDC 2024結(jié)束后不久,華為開發(fā)者官網(wǎng)悄然更新了一份重要文檔——針對2in1設備的HarmonyOS設計指南。該指南詳細闡述了鴻蒙操作系統(tǒng)針對PC端應用的用戶界面設計原則。


13


2in1設備融合了平板的便捷性與筆記本電腦的高效生產(chǎn)力,它們通常配備有可拆卸鍵盤和觸控屏幕,允許用戶根據(jù)需求在不同使用環(huán)境下自由切換模式。

為了打造出卓越的2in1應用或服務,開發(fā)者需要深入理解并充分利用2in1設備的獨特屬性,這包括其硬件配置、使用模式、交互設計以及適用的使用場景等多個方面。


14


在更新的設計指南中,我們看到了幾個關鍵的應用界面:


一、窗口框架

● 窗口是系統(tǒng)中各個應用的載體,由容器層和內(nèi)容區(qū)構成。

● 容器層用于展示應用品牌和控制整體窗口,內(nèi)容層用于查看內(nèi)容及與內(nèi)容進行交互。

15

● 容器層元素

必選元素:窗口控制 (最大化、最小化、關閉)

可選元素:應用圖標、窗口名稱 (必要時,應用可進行適當刪減)

16

● 應用示例_效率型應用

17

● 應用示例_沉浸型應用

18

● 當應用未做適配時,窗口提供默認的標題區(qū)背景、應用圖標、應用名稱以及窗口控制按鈕。

19


二、窗口尺寸


● 每個窗口初次啟動時按默認尺寸顯示,支持拉伸為任意尺寸的窗口;支持最小化、關閉;應用根據(jù)自身情況選擇是否支持全屏顯示。部分應用可以選擇允許窗口拆分為多個同等級別的窗口,或有主次關系的多個窗口。

● 除特殊情況外,所有的應用都應支持分屏。

默認尺寸:屏幕*67%

最小尺寸:360*240vp

20


三、分欄結(jié)構


● 內(nèi)容層是應用展示信息的空間,應用需重點關注分欄結(jié)構、基于鍵鼠操作的多模交互以及控件相關規(guī)范。

● 2in1設備上的窗口分為三種形態(tài),建議根據(jù)業(yè)務屬性酌情使用。


21


原文鏈接:
https://developer.huawei.com/consumer/cn/doc/design-guides/design-concepts-0000001795698445

0 人點贊