2.定義核心視覺元素

在項目前期確定高保真關(guān)鍵頁面的同時，需要定義核心視覺元素規(guī)則。

例如顏色、字體大小、按鈕、圖標等。

案件：

3. 制作可視化設(shè)備庫

1、為什么要做視覺設(shè)備庫？

為了保證設(shè)計過程中視覺風(fēng)格的統(tǒng)一，方便在詳細設(shè)計階段更好地還原所有設(shè)計細節(jié)。

在設(shè)計新的組件和UI元素以及驗證視覺效果時，視覺設(shè)備庫將不斷擴展和更新。 通常在項目前期就可以制作出通用性較強的通用器件庫，同時可以不斷開發(fā)新的頁面設(shè)計。 在項目后期sketch視覺設(shè)計教程，將提供一個完整的設(shè)備庫sketch視覺設(shè)計教程，其中包含所有屏幕設(shè)計中的 UI 組件。

功能設(shè)計階段的視覺設(shè)計主要負責(zé)恢復(fù)設(shè)計風(fēng)格并開始制定設(shè)計規(guī)范。

4. 高保真頁面設(shè)計

在項目的最后落地階段，需要將所有交互式線框恢復(fù)為視覺草稿。 高保真原型制作的必備品。

在視覺還原的過程中，可能會有一些線框不太容易還原。 可能是布局問題，也可能是信息層次問題。 UI設(shè)計師應(yīng)該根據(jù)自己的專業(yè)角度審視如何設(shè)計。

5. 高保真原型設(shè)計

1.高保真原型（交互式）

2. 原型設(shè)計工具

、figma等

3. 微交互

不能為了添加而添加，而要考慮目的。

4. 如何選擇高保真原型

6.設(shè)計語言系統(tǒng)

基于設(shè)計價值觀，我們可以構(gòu)建詳細的設(shè)計原則來指導(dǎo)我們的設(shè)計：

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