亚洲AV免费看深爱成人|日韩av另类一级特黄片在线|中国免费一级黄片|国产av一二三区|亚洲有码AV在线|久久亚洲国产日韩欧美|成人免费AV网站|婷婷一区综合一区|亚洲AV无码导航|高级欧美成人网站

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

UI設(shè)計(jì)之扁平化設(shè)計(jì)的魅力

發(fā)布時(shí)間：2024-01-12 17:50:22 瀏覽量：241次

扁平化優(yōu)劣分析：


優(yōu)點(diǎn)

1.降低移動(dòng)設(shè)備的硬件需求，延長(zhǎng)待機(jī)時(shí)間；

2.可以更加簡(jiǎn)單直接的將信息和事物的工作方式展示出來(lái)，減少認(rèn)知障礙的產(chǎn)生；

3.隨著網(wǎng)站和應(yīng)用程序在許多平臺(tái)涵蓋了越來(lái)越多不同的屏幕尺寸，創(chuàng)建多個(gè)屏幕尺寸和分辨率的skeuomorphic設(shè)計(jì)既繁瑣又費(fèi)時(shí)。設(shè)計(jì)正朝著更加扁平化的設(shè)計(jì)，你可以一次保證在所有的屏幕尺寸上它會(huì)很好看。扁平化設(shè)計(jì)更簡(jiǎn)約，條理清晰，最重要的一點(diǎn)是，更好的適應(yīng)性。

缺點(diǎn)

1.降低用戶體驗(yàn)，在非移動(dòng)設(shè)備上令人反感；

2.缺乏直觀，需要一定的學(xué)習(xí)成本；

3.傳達(dá)的感情不豐富，甚至過(guò)于冰冷。

對(duì)于復(fù)雜需要大量的視覺(jué)效果來(lái)堆砌的界面以及某些復(fù)雜的插圖慢慢的已經(jīng)退出歷史舞臺(tái)，取而代之的是扁平化的崛起，這種簡(jiǎn)單直觀的風(fēng)格給予了用戶最好的體驗(yàn)，功能展示更加鮮明，形象展示更加簡(jiǎn)單。

傳統(tǒng)場(chǎng)景之間的對(duì)比

游戲原畫(huà)之間的對(duì)比

扁平化設(shè)計(jì)五大原則：

1.拒絕特效：拋棄所有繁瑣的特效，簡(jiǎn)單的色塊。

2.僅使用簡(jiǎn)單的元素：去掉復(fù)雜元素，凸出主題。

3.注重排版：更加注重排版，因?yàn)楹?jiǎn)單。

4.關(guān)注色彩：顏色選擇更加重要。

5.極簡(jiǎn)主義：簡(jiǎn)單明了，信息傳達(dá)準(zhǔn)確。

附加：“準(zhǔn)”扁平化

扁平化設(shè)計(jì)概念

扁平化概念的核心意義是：去除冗（rong）余、厚重和繁雜的裝飾效果，這樣可以讓“信息”本身重新作為核心被凸顯出來(lái)。同時(shí)在設(shè)計(jì)元素上，則強(qiáng)調(diào)了抽象、極簡(jiǎn)和符號(hào)化。

例如：Windows、Mac OS、iOS、Android等操作系統(tǒng)的設(shè)計(jì)已經(jīng)往“扁平化設(shè)計(jì)”發(fā)展。

應(yīng)用范圍：

APP ，web，插畫(huà)，各種benner。

總結(jié)：皮影戲引入最早的扁平化，中國(guó)傳統(tǒng)。

用到工具：

新建：命名，數(shù)值：隨便輸入手機(jī)大小新建，分辨率：一般使用像素/英寸，RGB：不牽扯打印的情況用RGB。背景內(nèi)容：通常選擇白色。

圖層：圖層順序類似書(shū)頁(yè)，在上地會(huì)覆蓋下面的。圖層工具：文件夾和新建還有刪除的用法和作用：強(qiáng)調(diào)拖入到新建會(huì)復(fù)制，拖入到垃圾桶會(huì)刪除。

放大工具：按住ALT會(huì)變化放大鏡的放大縮小圖標(biāo)。拖動(dòng)或者直接點(diǎn)擊畫(huà)布會(huì)進(jìn)行放大和縮小。

移動(dòng)工具：畫(huà)布移動(dòng)工具。移動(dòng)圖層上面的所有圖像。

小黑，小白：，形狀路徑圖形選擇工具，錨點(diǎn)選擇工具，錨點(diǎn)選擇可以調(diào)整杠桿。

路徑工具：路徑工具現(xiàn)在有兩種形式，一種是可編輯，一種是形狀

大小編輯。自定義形狀工具，可以添加很多系統(tǒng)自帶或者是自己下載的形狀。

鋼筆工具：在沒(méi)有進(jìn)行調(diào)整的情況下，默認(rèn)是路徑，填充和描邊從一個(gè)端點(diǎn)出發(fā)，按住Ctrl轉(zhuǎn)換為小白選擇工具。調(diào)整杠桿可以任意變換彎曲形狀，按住Alt打斷。

圖像大小調(diào)整:Ctrl+T,鼠標(biāo)左鍵進(jìn)行拖動(dòng)按住Shift進(jìn)行等比縮放。

扁平化卡通形象設(shè)計(jì)理念

1.教學(xué)方法，以圓形為基礎(chǔ)通過(guò)對(duì)圓形的變形來(lái)創(chuàng)造卡通形象。各種圓形對(duì)比各種臉型相同五官下的效果。

2.結(jié)合其他形狀制圖

扁平風(fēng)格卡通人物肖像繪制（定制頭像）


1.路徑繪制：通過(guò)小白工具進(jìn)行下端點(diǎn)的調(diào)整，拾取想要的顏色

2.兩個(gè)小橢圓放在臉的背后，顏色加深。

3.類似耳朵的方法繪制腮紅：

4.繪制眼睛，四個(gè)圓形。

然后進(jìn)行打組。

5.水平翻轉(zhuǎn)添加眼睛，

6.耳朵和嘴:

7.兩個(gè)圓形，一個(gè)在前一個(gè)在后，繪制出一個(gè)頭發(fā)的基本型。

8.脖子和頭發(fā)細(xì)節(jié)的繪制。脖子利用圓角工具進(jìn)行繪制。

9.衣服的繪制，兩個(gè)圓角矩形相交。

10.衣領(lǐng)的繪制

11.最后添加矢量蒙版。

頭像繪制成功，可以換一些其他發(fā)型。

本次講解就到這里，源碼時(shí)代各校區(qū)ＵＩ設(shè)計(jì)班將在６月開(kāi)班，敬請(qǐng)關(guān)注。

熱門(mén)課程推薦

熱門(mén)資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定