App下載

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

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

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

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


11


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


12


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


13


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

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


14


在更新的設(shè)計指南中,我們看到了幾個關(guān)鍵的應(yīng)用界面:


一、窗口框架

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

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

15

● 容器層元素

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

可選元素:應(yīng)用圖標(biāo)、窗口名稱 (必要時,應(yīng)用可進(jìn)行適當(dāng)刪減)

16

● 應(yīng)用示例_效率型應(yīng)用

17

● 應(yīng)用示例_沉浸型應(yīng)用

18

● 當(dāng)應(yīng)用未做適配時,窗口提供默認(rèn)的標(biāo)題區(qū)背景、應(yīng)用圖標(biāo)、應(yīng)用名稱以及窗口控制按鈕。

19


二、窗口尺寸


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

● 除特殊情況外,所有的應(yīng)用都應(yīng)支持分屏。

默認(rèn)尺寸:屏幕*67%

最小尺寸:360*240vp

20


三、分欄結(jié)構(gòu)


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

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


21


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

0 人點贊