設(shè)計(jì)風(fēng)格不斷演化果漾,APP和網(wǎng)頁的UI設(shè)計(jì)作為實(shí)用設(shè)計(jì)的領(lǐng)跑者球切,探索出了一代又一代的視覺表現(xiàn)手法,從擬物到扁平到簡(jiǎn)約到質(zhì)感設(shè)計(jì)绒障,設(shè)計(jì)帶來的便利和變化已經(jīng)深入到我們生活的各方面吨凑。
瀏覽網(wǎng)頁、刷手機(jī)户辱、玩游戲其實(shí)在不經(jīng)意之間已經(jīng)遍歷了其中的UI設(shè)計(jì)鸵钝。老黑在刷手機(jī)時(shí),看到了不少精致美觀的界面庐镐,就想恩商,為啥PPT的設(shè)計(jì)不能像他們學(xué)習(xí)呢?
本期必逆,我們主要用PPT仿制Material Design設(shè)計(jì)風(fēng)格怠堪,目標(biāo)是做出既時(shí)尚又簡(jiǎn)約的演示文稿揽乱。在作品基礎(chǔ)上,介紹設(shè)計(jì)的理念和手法粟矿。
從形狀凰棉、色彩的選取到層次感的建立,再論述適合設(shè)計(jì)風(fēng)格的文字和點(diǎn)綴元素陌粹。全文給出案例供參考撒犀。
本期,我們仿照當(dāng)下流行的UI設(shè)計(jì)風(fēng)格做了一份PPT掏秩,并詳細(xì)介紹了制作的理念和手法或舞。
1、形狀
一般選擇干凈簡(jiǎn)潔的形狀哗讥,以矩形嚷那、圓形和圓角矩形為主。
圓角矩形的繪制可以在PPT中直接完成杆煞,圓角矩形的倒角半徑可以修改魏宽。
2、色彩
推薦了UI的設(shè)計(jì)色卡决乎,直接吸管吸取即可使用队询,在設(shè)計(jì)中,如非必要构诚,避免高飽和色彩的使用蚌斩。色彩的選取不宜過多,而應(yīng)該與邏輯相契合范嘱。
介紹了2個(gè)針對(duì)UI設(shè)計(jì)的漸變色網(wǎng)站送膳,常見的各種漸變都在里面可以找到。
3丑蛤、層次
有層次的設(shè)計(jì)顯得精致叠聋,為主體添加陰影是表現(xiàn)層次的一個(gè)關(guān)鍵手段。由于PPT中預(yù)設(shè)陰影的選項(xiàng)有限受裹,如果要制作出四周發(fā)散的陰影效果碌补,可以在主體之下添加一個(gè)透明的柔化邊緣的矩形,陰影的大小和深度可以用來表現(xiàn)層級(jí)棉饶。
4厦章、文字
符合UI設(shè)計(jì)風(fēng)格的文字一般是無襯線的輕量級(jí)字體,在字體排版時(shí)照藻,注意標(biāo)題與正文的大小對(duì)比袜啃。
5、點(diǎn)綴
ICON和UI設(shè)計(jì)就像一對(duì)好兄弟幸缕,字不如表囊骤、表不如圖晃择,一個(gè)合適的ICON傳遞信息的速度比文字來得快得多,推薦了阿里巴巴矢量圖標(biāo)庫(kù)也物,并附帶了5頁ICON供參考宫屠。
6、排版
不論何時(shí)滑蚯,元素的邏輯梳理和對(duì)齊都是需要重視的浪蹂。只有做好了對(duì)齊統(tǒng)一,才能顯示出“這份設(shè)計(jì)是一個(gè)完整的作品告材,而非素材的堆砌坤次。”