激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

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

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

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

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


優(yōu)點

1.降低移動設(shè)備的硬件需求,延長待機時間;

2.可以更加簡單直接的將信息和事物的工作方式展示出來,減少認知障礙的產(chǎn)生;

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

缺點

1.降低用戶體驗,在非移動設(shè)備上令人反感;

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

3.傳達的感情不豐富,甚至過于冰冷。

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

傳統(tǒng)場景之間的對比

游戲原畫之間的對比

扁平化設(shè)計五大原則:

1.拒絕特效:拋棄所有繁瑣的特效,簡單的色塊。

2.僅使用簡單的元素:去掉復(fù)雜元素,凸出主題。

3.注重排版:更加注重排版,因為簡單。

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

5.極簡主義:簡單明了,信息傳達準確。

附加:“準”扁平化

扁平化設(shè)計概念

扁平化概念的核心意義是:去除冗(rong)余、厚重和繁雜的裝飾效果,這樣可以讓“信息”本身重新作為核心被凸顯出來。同時在設(shè)計元素上,則強調(diào)了抽象、極簡和符號化。

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

應(yīng)用范圍:

APP ,web,插畫,各種benner。

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

用到工具:

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

圖層:圖層順序類似書頁,在上地會覆蓋下面的。圖層工具:文件夾和新建還有刪除的用法和作用:強調(diào)拖入到新建會復(fù)制,拖入到垃圾桶會刪除。

放大工具:按住ALT會變化放大鏡的放大縮小圖標。拖動或者直接點擊畫布會進行放大和縮小。

移動工具:畫布移動工具。移動圖層上面的所有圖像。

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

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

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

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

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

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

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

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

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


1.路徑繪制:通過小白工具進行下端點的調(diào)整,拾取想要的顏色

2.兩個小橢圓放在臉的背后,顏色加深。

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

4.繪制眼睛,四個圓形。

然后進行打組。

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

6.耳朵和嘴:

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

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

9.衣服的繪制,兩個圓角矩形相交。

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

11.最后添加矢量蒙版。

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

本次講解就到這里,源碼時代各校區(qū)UI設(shè)計班將在6月開班,敬請關(guān)注。

熱門課程推薦

熱門資訊

請綁定手機號

x

同學(xué)您好!

您已成功報名0元試學(xué)活動,老師會在第一時間與您取得聯(lián)系,請保持電話暢通!
確定