正文

扁平化ui圖標(biāo)設(shè)計特點（扁平化ui圖標(biāo)設(shè)計特點有哪些）

發(fā)布時間：2023-04-30 13:31:16 稿源：創(chuàng)意嶺閱讀： 317

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于扁平化ui圖標(biāo)設(shè)計特點的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè)，服務(wù)客戶遍布全國，設(shè)計相關(guān)業(yè)務(wù)請撥打175-8598-2043，或微信：1454722008

本文目錄:

1、設(shè)計扁平化APP UI，PS相比sketch的優(yōu)勢有哪些
2、扁平化UI怎樣設(shè)計才好
3、什么是扁平化UI
4、UI設(shè)計小技巧？

扁平化ui圖標(biāo)設(shè)計特點（扁平化ui圖標(biāo)設(shè)計特點有哪些）

一、設(shè)計扁平化APP UI，PS相比sketch的優(yōu)勢有哪些

扁平化哪方面優(yōu)于sketch：（1）舉個小例子。我看到一個圖標(biāo)，但是我只有位圖。photoshop里面我可以用魔棒選出來這個圖標(biāo)，轉(zhuǎn)成路徑，然后開始編輯，或者說二次創(chuàng)作——比從白紙開始快很多吧？（2）可以和Ai進行無縫對接，圖形過于復(fù)雜，或者需要制作Logo、特別TypeLogo的時候，Ai的便利度要高非常多。（3）龐大素材資源量。（4）Adobe的強大生態(tài)。無論你是需要做網(wǎng)頁，還是做演示動畫，素材通用，軟件設(shè)計思路也是相通的，想要上手一個新的Adobe成本通常相對比較低

二、扁平化UI怎樣設(shè)計才好

你說的比較廣泛了，我就拿圖標(biāo)舉例一般扁平化圖標(biāo)是應(yīng)用于APP當(dāng)中的，越簡單越好，能表達意思就行了，不包含透視投影漸變等能表達明暗遠近透視的設(shè)計。一般是用線框去界定的就是簡單的描邊。

三、什么是扁平化UI

指的是沒有擬真視覺效果的(如漸變、陰影、高光),簡單直接色彩運用和排版布局.

四、UI設(shè)計小技巧？

提升用戶體驗的UI設(shè)計小技巧，作為設(shè)計師的你們會在日常用到的很基本的技巧，對于新手UI設(shè)計師建議一看，注意案例中「對」與「錯」不是絕對的，僅用于參考作用。云南電腦培訓(xùn)http://www.kmbdqn.cn/認為看過之后應(yīng)該會在設(shè)計上精進不少。

01、圖標(biāo)保持統(tǒng)一性

圖標(biāo)是UI設(shè)計里非常重要的模塊之一，最重要的一點是要保持風(fēng)格統(tǒng)一。

如果是填充型的圖標(biāo)，那么一套設(shè)計里不要出現(xiàn)線性的圖標(biāo)設(shè)計。

其次就是描邊大小的統(tǒng)一，定下了3px就要保持即可。

最后圖標(biāo)要做到識別度和差異性。

02、字體運用保持統(tǒng)一

字體合理運用是UI設(shè)計很重要的一點，要么字體很不相同，要么就用一款字體。

像第一個案例，字體字形比較接近，但是又不是一款字體，看久了會非常突兀。

其次就是要突出主視覺文案的時候，要盡量把輔助字體縮小，形成對比。

03、風(fēng)格保持統(tǒng)一性

目前最流行的兩種設(shè)計方式，第一：扁平化第二：卡片式。

卡片式最有意思的就是運用投影來模擬現(xiàn)實的距離感和層級。