正文

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

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

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

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

本文目錄:

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

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

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

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

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

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

三、什么是扁平化UI

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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