該設(shè)計工具承載設(shè)計規(guī)范，旨在幫助三方開發(fā)團隊提高設(shè)計協(xié)作效率。 該工具提供以下兩項服務(wù)：

安裝

這個工具是一個插件。 安裝前需要確保使用的是MacOS系統(tǒng)，并且已經(jīng)安裝了設(shè)計軟件。

進入官網(wǎng)設(shè)計概覽頁面，下載插件壓縮包sketch標(biāo)注插件，解壓雙擊完成安裝。 安裝完成后，可以在右側(cè)看到固定的工具欄。

更新

當(dāng)插件版本更新時，插件管理器會收到更新提示，點擊更新按鈕即可完成版本更新。

1.應(yīng)用中的導(dǎo)航結(jié)構(gòu)：

應(yīng)用程序中的導(dǎo)航用于引導(dǎo)用戶瀏覽應(yīng)用程序的各個頁面。 良好的導(dǎo)航可以讓用戶知道他們在哪里、要去哪里以及來自哪里。

導(dǎo)航原理

導(dǎo)航必須遵守以下原則：

導(dǎo)航應(yīng)避免以下設(shè)計： 導(dǎo)航的分類

常用的應(yīng)用程序?qū)Ш接校?/p>

橫向?qū)Ш?/p>

在水平導(dǎo)航結(jié)構(gòu)中，頁面都位于同一級別。

使用場景：用于顯示相同狀態(tài)或相同級別的界面。 比如由TAB組成的頁面。

分層導(dǎo)航

分層導(dǎo)航結(jié)構(gòu)由父頁面和子頁面組成。 父頁面可以有一個或多個子頁面。 每個子頁面都有一個父頁面。

分層導(dǎo)航適用于具有多個級別的復(fù)雜結(jié)構(gòu)。 對于層次結(jié)構(gòu)較深的內(nèi)容sketch標(biāo)注插件，用戶訪問的路徑會變長，效率也會提高。 這個問題可以通過適當(dāng)?shù)姆謱訚B透設(shè)計（如捷徑方法）來解決。

使用場景：頁面存在上下級關(guān)系的應(yīng)用。

混合導(dǎo)航

在應(yīng)用中，對于相同狀態(tài)或級別的頁面使用水平導(dǎo)航結(jié)構(gòu)，對于關(guān)系復(fù)雜的頁面使用分層導(dǎo)航結(jié)構(gòu)。

使用場景：應(yīng)用由多個同級模塊組成，每個模塊都有上下級關(guān)系頁面。

2、常用的應(yīng)用接口框架有：

首頁

對于基于內(nèi)容的應(yīng)用程序來說，獲取應(yīng)用程序首頁的內(nèi)容需要一定的時間。 這時候就可以利用啟動頁面來減少等待頁面加載內(nèi)容的感覺。 啟動頁面可以顯示應(yīng)用程序的品牌或廣告。

詳情頁

詳情頁面用于顯示應(yīng)用程序的詳細說明和操作。

列表顯示

列表視圖通常用于顯示文本和數(shù)據(jù)內(nèi)容。

網(wǎng)格視圖

網(wǎng)格視圖一般用于顯示圖片和視頻內(nèi)容。

詳細學(xué)習(xí)可以參考鴻蒙官方設(shè)計說明：

下載插件可以到上面的官網(wǎng)下載最新的，也可以通過下面的百度云盤鏈接下載！ 鏈接： 密碼：5bt2

如有侵權(quán)請聯(lián)系刪除！