隨著鴻蒙系統(tǒng)的逐漸成熟，似乎大量的產(chǎn)品又將面臨又一輪的應(yīng)用適配工作。面對越來越復(fù)雜的應(yīng)用功能與界面，越來越多操作系統(tǒng)和多樣化的設(shè)備類型，設(shè)計師應(yīng)該如何優(yōu)化自己的設(shè)計思維，才能滿足數(shù)字產(chǎn)品未來的發(fā)展需要？

前言

“百年未有之大變局”，是中國對當前世界格局的重大戰(zhàn)略判斷。

這個“變”，并非簡單潮流趨勢的變化，而是世界局勢影響所帶來的全方位的秩序變化。隨著國家硬實力已然達到了新的高度，隨之而來必然是國家對于數(shù)字安全的逐漸重視。

完全基于國外操作系統(tǒng)的龐大應(yīng)用生態(tài)，顯然不符合未來大國發(fā)展的需要。因此，對于中國的互聯(lián)網(wǎng)行業(yè)的未來，也許鴻蒙系統(tǒng)將會成為行業(yè)未來幾年最大的“變量”之一。

鴻蒙系統(tǒng)的存在只是簡單的多適配一套系統(tǒng)嗎？是否會對應(yīng)用設(shè)計的理念產(chǎn)生變化？面對越來越復(fù)雜的系統(tǒng)、場景，我們應(yīng)該如何學(xué)習并調(diào)整設(shè)計思維來應(yīng)對這些變化呢？

通過對鴻蒙系統(tǒng)的設(shè)計理念與規(guī)范的初步學(xué)習和研讀，以及對主流的 iOS、Android 系統(tǒng)最新設(shè)計研究，結(jié)合互聯(lián)網(wǎng)的發(fā)展趨勢，在此為大家提供一些粗淺的總結(jié)與學(xué)習摘要。

更多干貨：

一、互聯(lián)網(wǎng)發(fā)展與操作系統(tǒng)的必然演變

1. 互聯(lián)網(wǎng)發(fā)展與設(shè)備形態(tài)、設(shè)計理念的轉(zhuǎn)變

從互聯(lián)網(wǎng)技術(shù)誕生至今，隨著技術(shù)的不斷發(fā)展，我們所使用的設(shè)備與屏幕載體也在不斷地發(fā)生變化。

互聯(lián)網(wǎng)的每個發(fā)展階段都催生了對新的設(shè)備與屏幕形態(tài)的需求，而每一種新屏幕的出現(xiàn)，又反過來為互聯(lián)網(wǎng)開辟了全新的應(yīng)用場景、交互方式和內(nèi)容形態(tài)，推動其進入下一個階段。我們大體可以將互聯(lián)網(wǎng)發(fā)展與設(shè)備的關(guān)系總結(jié)為以下幾個階段：

第一階段：互聯(lián)網(wǎng)萌芽期（Web 1.0） → 固定顯示器

第二階段：互聯(lián)網(wǎng)爆發(fā)與交互期（Web 2.0） → 固定顯示器 & 筆記本電腦

第三階段：移動互聯(lián)網(wǎng)時代 → 智能手機觸摸屏

第四階段：萬物互聯(lián)時代 → 多類型屏幕共存（平板、可穿戴設(shè)備、智能家居屏、VR/AR）

從固定到移動，從大到小再到無處不在?；ヂ?lián)網(wǎng)的發(fā)展路徑是從桌面走向口袋，再滲透到我們周圍的每一個角落，而屏幕也隨之經(jīng)歷了從固定顯示屏，再到觸摸屏，最后碎片化為無數(shù)種形態(tài)的過程。

而對于設(shè)計師來說，除了不斷增加的屏幕尺寸數(shù)量，還有一個核心的變化便是職能與理念的轉(zhuǎn)變。

從最初 Web1.0 的信息排列，到 Web2.0 豐富的網(wǎng)頁設(shè)計，讓設(shè)計師的角色從“平面設(shè)計師”逐漸走向了“網(wǎng)頁設(shè)計師”，設(shè)計師開始基于虛擬世界進行創(chuàng)新的網(wǎng)頁風格、天馬行空視覺效果與互動形式的設(shè)計。而蘋果開創(chuàng)的移動互聯(lián)網(wǎng)時代，強調(diào)了“用戶體驗”的重要性，并逐漸誕生了“UI 設(shè)計師”、“交互設(shè)計師”、“動效設(shè)計師”等新的設(shè)計職能，而后又逐漸演變?yōu)楦C合的“體驗設(shè)計師”或“產(chǎn)品設(shè)計師”。

而我們當下所處的時代，已經(jīng)經(jīng)歷了移動互聯(lián)網(wǎng)時代的蓬勃發(fā)展，并一只腳開始踏入了萬物互聯(lián)時代。設(shè)計師的核心目標雖然仍舊是以體驗設(shè)計為核心，但在未來需要逐漸加入應(yīng)用的多設(shè)備、多場景適配與協(xié)同思維。

2. 操作系統(tǒng)的成熟、分化與弊端

互聯(lián)網(wǎng)的發(fā)展核心推動力，其實就是一個又一個的企業(yè)逐漸成長與發(fā)展的過程。而伴隨著時代引領(lǐng)全球的巨頭們的發(fā)展，數(shù)字產(chǎn)品所依存的操作系統(tǒng)，也伴隨著巨頭們的發(fā)展逐漸建立生態(tài)。從早期微軟的 Windows，到蘋果的 MacOS、iOS 系統(tǒng)，以及 Google 的 Android 系統(tǒng)。

而這些成熟操作系統(tǒng)，又基于不同的類型設(shè)備類型衍生出更多設(shè)備的獨立操作系統(tǒng)，如蘋果從 MacOS、iOS 到如今 iPadOS、WhatchOS、Apple tvOS、VisionOS 等。

然而，隨著應(yīng)用和設(shè)備豐富程度的不斷增加，單場設(shè)計思維逐漸顯示出一些弊端，多平臺、多尺寸的適配設(shè)計往往差異極大。各系統(tǒng)之間的底層代碼差異猶如“天塹”，必須由不同的開發(fā)團隊進行維護。而設(shè)計師每次也需要針對不同的平臺，維護多套不同的規(guī)范、組件以及素材等等。

在可見的未來，似乎產(chǎn)品形態(tài)的擴張態(tài)勢依然在進行，而應(yīng)用形態(tài)的重新設(shè)計與適配——是否永無盡頭？即使底層代碼無法統(tǒng)一，設(shè)計師是否又有更好的方式，讓多平臺的設(shè)計擁有更好的一致性？

作為全應(yīng)用生態(tài)的企業(yè)，蘋果一直在嘗試進行多端設(shè)備與體驗的融合。從 deck 欄、控制中心、消息提醒等組件的樣式之間統(tǒng)一可以看出，原來更偏擬物化的 MacOS 也逐漸將風格與 iOS 和 iPadOS 的界面風格統(tǒng)一。

然而，作為一個已經(jīng)具備龐大體量的應(yīng)用生態(tài)來說，想從底層真正地打通應(yīng)用之間橋梁，可謂是難上加難。因此從芯片到系統(tǒng)代碼都差異巨大，只能通過各種“橋梁”式的連接，來達到設(shè)備體驗上的協(xié)同，而非真正的融合。

3. 鴻蒙系統(tǒng)的創(chuàng)新與延續(xù)：從“設(shè)備協(xié)同”到“設(shè)備融合”

隨著華為 HarmonyOS 的出現(xiàn)，帶著其獨特的“全場景智能操作系統(tǒng)”理念，我們似乎從中看到了操作系統(tǒng)未來的更多可能性。

鴻蒙系統(tǒng)僅僅只是設(shè)計師需要多適配一套系統(tǒng)嗎？或者說只是“國產(chǎn)安卓替代”嗎？

作為一個全新的操作系統(tǒng)，HarmonyOS 可以站在前人的基礎(chǔ)上，通過更先進的設(shè)計理念進行彎道超車。因此，鴻蒙系統(tǒng)的核心設(shè)計理念，之一就是：一次開發(fā)、多端部署。也就是說，鴻蒙系統(tǒng)最初的構(gòu)想，就是將多端應(yīng)用的開發(fā)流程進行底層的打通。

通過分布式軟總線，它打破了設(shè)備之間的物理壁壘，讓所有設(shè)備像在同一個設(shè)備上一樣進行通信。而通過自適應(yīng) UI 框架（方舟開發(fā)框架），這是實現(xiàn)“一次開發(fā)，多端部署”，鴻蒙的 UI 框架會根據(jù)當前設(shè)備的屏幕尺寸、像素密度、交互方式（觸控、遙控、旋鈕）等，自動應(yīng)用不同的 UI 布局和交互邏輯。

因此，鴻蒙系統(tǒng)不僅僅是一個新的系統(tǒng)，也算是一個站在成熟經(jīng)驗之上、更適應(yīng)未來趨勢的全新系統(tǒng)設(shè)計理念，一個以全場景為目標的操作系統(tǒng)。

對于設(shè)計師來說，因為技術(shù)上擁有了 UI 的跨端自適應(yīng)能力，鴻蒙系統(tǒng)的設(shè)計也對設(shè)計師提出了更高的要求，即——全場景設(shè)計思維。它要求設(shè)計師從應(yīng)用框架、組件形態(tài)、交互方式、反饋形式等不同層面去將多端的設(shè)計整合成一套全場景的設(shè)計系統(tǒng)。

相對以往的單端的設(shè)計系統(tǒng)，全場景設(shè)計系統(tǒng)需要以下幾種要素去進行多端規(guī)范的整合：

1. 全場景的自適應(yīng)/響應(yīng)式布局規(guī)范：通過對屏幕比例的抽象，將應(yīng)用的布局劃分為階梯式的自適應(yīng)結(jié)構(gòu)，讓產(chǎn)品在不同的屏幕比例中能夠合理、有邏輯地進行適配；
2. 全場景 API 的統(tǒng)一：通過對規(guī)范的核心要素統(tǒng)一，讓全局的配色、字體、組件、布局等要素具備統(tǒng)一性和全局可控的能力；
3. 多模態(tài)組件庫：綜合考量每個組件在不同設(shè)備/場景中的樣式、交互方式、反饋形態(tài)等，制定能夠適配全場景的多模態(tài)組件庫；
4. 以及基于全場景適配所實踐出的各類成熟經(jīng)驗與指南。

由于篇幅原因，本文將首先結(jié)合鴻蒙系統(tǒng)設(shè)計指南與以往的設(shè)計經(jīng)驗，重點為大家總結(jié)一下“全場景設(shè)計”在框架與布局層面需要注意的幾個重點。

二、全場景布局的基礎(chǔ)要素

1. 基準倍率的統(tǒng)一，vp、dp、pt 的共通理念

首先，如此多尺寸的設(shè)備，比例也不統(tǒng)一，如何進行適配設(shè)計呢？

大家熟悉的 px 表示像素（Pixel），是最基礎(chǔ)的絕對單位，直接對應(yīng)設(shè)備屏幕上的物理像素點。

然而，作為設(shè)備種類與尺寸數(shù)量非常龐大的華為，其適配的邏輯除了屏幕的比例，還需要關(guān)注像素密度之間的差異。相同尺寸的手機，像素密度可能差異較大，如果僅采用像素密度來當規(guī)范的話，同尺寸的手機上看到的元素可能會大小差異巨大。

所以需要首先通過虛擬像素 vp，將所有的設(shè)備的設(shè)計尺寸進行歸一。虛擬像素 (virtual pixel) 是一臺設(shè)備針對應(yīng)用而言所具有的虛擬尺寸 (區(qū)別于屏幕硬件本身的像素單位)。vp 是靈活的單位，它可在任何屏幕上縮放以具有統(tǒng)一的尺寸體量。它提供了一種靈活的方式來適應(yīng)不同屏幕密度的顯示效果。

VP 的概念，本質(zhì)上也學(xué)習了 Android 系統(tǒng)對于碎片化尺寸的適配經(jīng)驗。因此，1vp ≈ 1px在160dpi屏幕上的物理尺寸，跟安卓的dp算法也基本一致。當前鴻蒙API接口數(shù)值不帶單位時，默認單位都為vp。

需要注意的是，從 px 到 vp 的具體倍率，而因為屏幕尺寸的多樣化，沒有辦法像蘋果的 pt 那樣都是 2x、3x 這樣完全的整數(shù)。所以不同設(shè)備具體的 vp 數(shù)值，還是建議查看對應(yīng)的官方文檔進行適配。

2. 屏幕尺寸的抽象與歸納：斷點系統(tǒng)

通過 vp 的虛擬像素尺寸，我們就可以首先將所有設(shè)備的設(shè)計稿基于同一個比例進行設(shè)計。那么在進行跨設(shè)備適配性設(shè)計的時候，下一個問題就是——屏幕布局何時要進行變化？

斷點（Breakpoint）是響應(yīng)式布局的核心概念。斷點是以應(yīng)用窗口寬度為切入點，將應(yīng)用窗口在寬度維度上分成幾個不同的區(qū)間，每個區(qū)間對應(yīng)不同的設(shè)備類型和屏幕尺寸。

1. 橫向斷點以窗口寬度值區(qū)分，代表窗口寬度實際大小，會影響用戶使用和觀看的物理尺寸。
2. 縱向斷點以窗口寬高比區(qū)分，代表窗口相對高度，表示橫向比例、方形或縱向比例窗口。

HarmonyOS 通過橫向和縱向兩個維度，將屏幕的尺寸大致歸納為以下幾種比例。

1. XSmall：智能手表、小屏穿戴設(shè)備
2. Small：手機、豎屏折疊屏
3. Medium：橫屏手機、小平板、展開折疊屏
4. Large：平板設(shè)備、車機
5. XLarge：PC、智慧屏

當然，作為“碎片化系統(tǒng)的先驅(qū)”，Android 也有類似的斷點規(guī)范，只是尺寸會略有差異，并且因為較少考慮可穿戴設(shè)備，也沒有“小方形闊折疊”這種概念，所以適配的范圍上考慮的沒有 HarmonyOS 那么廣泛。

1. Compact：手機豎屏
2. Medium：縱向平板電腦、縱向可折疊（展開）
3. Expanded：橫向手機 橫向、平板電腦、橫向折疊屏（展開）、臺式機
4. Large：桌面
5. Extra-large：桌面、超寬顯示器

3. 基礎(chǔ)布局與秩序的建立：柵格系統(tǒng)

在單設(shè)備場景設(shè)計中，因為布局很少進行大幅度的動態(tài)調(diào)整，所以很多應(yīng)用的設(shè)計并不一定要使用上柵格系統(tǒng)，而在多設(shè)備的場景設(shè)計中，柵格系統(tǒng)則是重要通用的輔助定位系統(tǒng)。

柵格給布局提供一種可循的規(guī)律，解決多尺寸多設(shè)備的動態(tài)布局問題。保證各模塊各設(shè)備的布局一致性。柵格會跟隨屏幕尺寸、窗口尺寸、子容器尺寸的變化而動態(tài)變化。

柵格構(gòu)成

1. Margins (邊距)：元素相對窗口左右邊緣的距離，決定了內(nèi)容可展示的整體寬度，可根據(jù)不同的窗口容器尺寸定義不同的邊距數(shù)值。
2. Gutters (間距)：每個柵格的間距，控制元素和元素之間的距離關(guān)系，可根據(jù)不同的窗口容器尺寸定義不同的間距值，為了保證較好的視覺效果，間距通常的取值不會大于邊距的取值（格式塔原理）。
3. Columns (柵格)：內(nèi)容的占位框架，其數(shù)量決定了內(nèi)容的布局復(fù)雜度，柵格的寬度根據(jù)實際窗口的寬度和柵格數(shù)量自動計算。不同的不同的窗口容器尺寸匹配不同的柵格數(shù)量來輔助布局定位。

窗口柵格

窗口柵格系統(tǒng)是系統(tǒng)提供的一種面向多設(shè)備高效適配的輔助布局的定位工具。

此處的設(shè)計原則，HarmonyOS 與 Androdi 的開發(fā)規(guī)范也基本一致。如圖所示，通過斷點系統(tǒng)抽象出的將根據(jù)窗口容器的水平寬度區(qū)間，再結(jié)合柵格系統(tǒng)匹配最佳的柵格數(shù)量，就可以達到內(nèi)容布局的最佳適應(yīng)。

因此，未來我們在跨端設(shè)備設(shè)計時，也需要將這幾個梯度的柵格邊距、間距和數(shù)量進行定義（寬度自動計算）。

不同的應(yīng)用對于界面風格、信息密度的需求是不一致的，因此，每個應(yīng)用可能有各自專屬的柵格系統(tǒng)組合方式。比如 8 間距的緊湊型，或者 16 間距的寬松型，或者 12 間距的通用型等。

最大使用寬度為 2220vp，當窗口不斷拉寬大于 2220vp 時，柵格內(nèi)的內(nèi)容區(qū)范圍不再變化，多出的區(qū)域左右留白。

三、應(yīng)用級自適應(yīng)布局架構(gòu)

在不同的設(shè)備與場景中，信息展示的空間與大小，決定了用戶的操作方式與頁面的排布方式均會存在差異性。通過前文中的斷點系統(tǒng)+柵格系統(tǒng)，我們已經(jīng)解決了多設(shè)備應(yīng)用的基礎(chǔ)布局樣式問題。

但是，想要讓應(yīng)用在多設(shè)備中獲得最佳的體驗，還需要讓其中的組件、頁面分割方式等，也能夠跟隨斷點的變化進行響應(yīng)的變化，達到最合理的應(yīng)用框架布局。

1. Tab 欄響應(yīng)架構(gòu)

應(yīng)用的底部 Tab，是頁面最終要的全局導(dǎo)航控件，通常也處于頁面最上層的位置。當屏幕達到一定寬度時，底部 Tab 就會被拉長并且占用過多的屏幕空間。

因此，當窗口寬度達到對應(yīng)的斷點值，底部 Tab 可以結(jié)合挪移布局的方法，把 Tab 組件挪移到左側(cè)。在大尺寸設(shè)備上提高交互易用性。

HarmonyOS 建議的是窗口寬度 ≥ 840vp，建議使用側(cè)邊 Tab，但這個并非通用的原則，一切還需要看應(yīng)用本身對于空間的需求。

同時，因為大屏設(shè)備擁有更大的屏幕空間，在挪移后可以在側(cè)邊 Tab 中融合更多的選項，或者其他全局操作元素，如原本放在頁面頂部的菜單欄、頭像信息等。

2. 分欄布局

更大的顯示空間，不僅僅只是帶來空間的變化。在大屏場景中，原來的父子層級便可以拆分為平行顯示，讓應(yīng)用在大尺寸設(shè)備上充分發(fā)揮屏幕的顯示優(yōu)勢。

HarmonyOS 建議當窗口寬度 ≥ 600vp，建議使用分欄布局。默認兩欄寬度比例為 4:6，特定場景下可支持配置為 5:5 或 6:4 。

但是，是否分層具體取決于對應(yīng)用閱讀效率上的需求，如果該頁面更多的是以展示內(nèi)容或者商品為主，則可以在更寬的屏幕時再出現(xiàn)分欄，或者不采用分欄形式。

3. 懸浮式側(cè)邊導(dǎo)航欄

在空間相對有限的豎屏手機場景或雙折疊場景中，側(cè)邊導(dǎo)航通常作為臨時層級，采用蒙版+左側(cè)喚起形式進行展示。這樣可以讓用戶更好地理解層級關(guān)系，并且不占用核心場景的閱讀空間。

4. 嵌入式側(cè)邊導(dǎo)航欄

在空間充裕的大屏場景中，側(cè)邊導(dǎo)航也可以采用嵌入式的布局，通過向右擠壓布局，從雙欄模式切換至三欄的布局模式。這樣技能提升操作效率，又可以給用戶提供更多的布局選擇。

5. 側(cè)邊面板

在寬屏的沉靜式場景中，原本通過底部浮層的操作，如評論、信息面板等，均可以通過側(cè)邊面板的方式來實現(xiàn)便捷任務(wù)處理的輕交互體驗。

6. 跟手半模態(tài)

在移動端設(shè)備中，因為單手幾乎可以覆蓋完整屏幕，彈窗通常出現(xiàn)在屏幕中間區(qū)域。但是在雙折疊或者更大的屏幕空間中，就需要重新考慮用戶手指的人體工學(xué)設(shè)計。

因此，當設(shè)備在雙折疊或者更大的平板場景中使用時，為了保證用戶可以更容易通過手指進行操作，操作彈窗可以嘗試設(shè)定出現(xiàn)在更符合人體工學(xué)的位置，如靠近右手的邊緣位置等。

7. 半彈窗與彈窗變化

在常規(guī)的豎屏手機場景中，為了盡可能減少頁面的跳轉(zhuǎn)，一般內(nèi)容型的頁面將會臨時的底部半彈窗進行實現(xiàn)。而讓此類頁面出現(xiàn)在雙折疊屏場景或平板場景中時，可以將半模態(tài)頁面自適應(yīng)成為臨時的窗口模式。

四、模塊級響應(yīng)式布局方法

除了上述基于不同屏幕的應(yīng)用級架構(gòu)外， 設(shè)計師還需要注意單個模塊的布局自適應(yīng)模式。當模塊的容器因為操作或者屏幕尺寸發(fā)生變化時，模塊需要實時進行計算并通過過渡動畫進行變化，讓整個界面的過渡更加自然。

1. 橫向等距自適應(yīng)

最基礎(chǔ)的布局方式之一，模塊中的元素保持左右間距不變，而整個模塊的寬度基于容器的寬度發(fā)生等值變化。

2. 橫向均分自適應(yīng)

容器組件尺寸發(fā)生變化時，將空間平均分配到元素之間的空白空間中。如果變化的幅度較大，在該模塊內(nèi)也可以設(shè)定斷點進行元素數(shù)量與尺寸的變化，以適應(yīng)不同的設(shè)計目標。

3. 等比縮放

最基礎(chǔ)的縮放模式，通常直接與長寬綁定并進行等比縮放。

4. 占比縮放

更常用的元素布局模式，元素的尺寸可以通過比例與某一容器或區(qū)域的尺寸進行綁定。比如下圖中的圖形元素，設(shè)定為與頁面上半部分的高度進行等比縮放。相對等比縮放，占比縮放可以更穩(wěn)定的對布局和元素進行分配。

5. 自適應(yīng)延伸

元素的間距與大小不變，僅通過容器改變顯示或隱藏更多的內(nèi)容。此布局方式需要注意隱藏的內(nèi)容是否為高頻/必要元素，盡量保證重要元素能夠保證持續(xù)的露出。

6. 自適應(yīng)隱藏

不同的用戶場景，空間的容納程度是有限的，越小的屏幕越要聚焦核心操作。因此，相比自適應(yīng)延伸，自適應(yīng)隱藏更適合核心場景的操作布局。

比如在音樂播放器中，播放/暫停永遠都是核心操作，并且需要位于正中間區(qū)域。其次是上下首歌曲的切換，最后是喜歡等其他操作。

同時，對于更多的低頻操作，在空間相對有限的場景中，可以將其整合在“更多”操作的按鈕中。

7. 自適應(yīng)折行

常規(guī)的容器尺寸適應(yīng)布局方式，通常用于層級相同的內(nèi)容展示。所有內(nèi)容均不做隱藏處理，而是伴隨容器寬度的變化，進行折行顯示。

8. 重復(fù)布局

利用屏幕的寬度優(yōu)勢，將相同屬性的組件橫向并列排布。

重復(fù)布局適用于對寬高比敏感的圖片和及組合內(nèi)容，當內(nèi)容放大以后導(dǎo)致原圖放大超過 150% 的場景。

五、空間哲學(xué)的變革趨勢

首先要承認的是，華為的 HarmonyOS 雖然擁有操作系統(tǒng)設(shè)計的后發(fā)優(yōu)勢，但在設(shè)計風格與趨勢上，目前蘋果仍舊是需要尊敬的設(shè)計引領(lǐng)者之一。

蘋果最新的 iOS26 除了“玻璃”這個概念，最為重要的革新就是更多的“空間”與“容器”這個概念的具像化，并將導(dǎo)航以及操作按鈕放到了一個個進行獨立的懸浮空間。

以往的導(dǎo)航、操作按鈕等往往融合在頁面或者分割后的空間中，但這種方式顯然會占用更多的顯示空間，特別是在大寬屏中。而 iOS26 則將“空間”與“容器”這個概念的具像化，并將導(dǎo)航以及操作按鈕放到了一個個進行獨立的懸浮空間。

其實在蘋果的 VisionOS 設(shè)備中，很早就采用了類似的設(shè)計。因此，蘋果此番變革，除了跨端設(shè)備更容易適配之外，可能也是希望用戶能夠提前對 Vision 設(shè)備的視覺風格與操作邏輯作進行適應(yīng)。

除此之外，安卓也有類似的設(shè)計趨勢。在 Material Design 3 的設(shè)計規(guī)范中，也能夠很明顯地感受到導(dǎo)航與操作容器化的趨勢。

而容器與導(dǎo)航/操作的融合，顯然在跨端適配中確實也有更好的效果。 在未來的操作界面中，我們可以不必為導(dǎo)航刻意劃分出獨立的空間，而是懸浮于內(nèi)容之上。這樣在跨端的適配中，導(dǎo)航與內(nèi)容的布局適配將變得更容易。

在可見的未來，也許 HarmonyOS 的設(shè)計也會融合這一設(shè)計趨勢·。因此，提前適應(yīng)并嘗試應(yīng)用這種空間層面的布局創(chuàng)新，有利于產(chǎn)品與設(shè)計師對未來的跨端適配擁有更多主動權(quán)。

結(jié)語

形式追隨功能，更取決于底層技術(shù)的發(fā)展。從 PC 與移動互聯(lián)網(wǎng)時代，到如今萬物互聯(lián)的時代，不管是應(yīng)用的形態(tài)、底層系統(tǒng)，還是設(shè)備的種類，大家都在“復(fù)雜化”的道路中一路狂奔。而隨著鴻蒙系統(tǒng)的到來，似乎多端一體化設(shè)計有了真正實現(xiàn)的可能性。

如何在復(fù)雜中尋找簡潔？如何在多設(shè)備中提供豐富功能和連續(xù)性體驗的同時，還能讓用戶感受到秩序與統(tǒng)一？如何降低多場景多設(shè)備的開發(fā)成本？也許全場景設(shè)計思維，將會是數(shù)字產(chǎn)品由復(fù)雜走向簡潔的鑰匙之一。

感謝觀看，歡迎大家隨時交流，下次見～