二維碼 購物車
部落窩在線教育歡迎您!

PPT設(shè)計(jì)的4大原則,99%的人都知道!

 

作者:優(yōu)卡卡來源:部落窩教育發(fā)布時(shí)間:2019-07-16 16:50:38點(diǎn)擊:3028

分享到:
0
收藏    收藏人氣:0人
版權(quán)說明: 授權(quán)作品,禁止轉(zhuǎn)載。

編按

每一份PPT都是一個(gè)獨(dú)立的產(chǎn)品,都獨(dú)具特性,但是設(shè)計(jì)每一份PPT時(shí),幾乎都會(huì)遵循這4基本原則:親密性、對齊、對比、重復(fù)。遵循4大基本原則,設(shè)計(jì)出來的PPT才具有一定的設(shè)計(jì)感,表現(xiàn)力和視覺沖擊力也才會(huì)更強(qiáng)。

今天要分享的是,在Ant Design中的設(shè)計(jì)原則部分,設(shè)計(jì)4原則,最基本的原則。

01:親密性

如果信息之間關(guān)聯(lián)性越高,它們之間的距離就應(yīng)該越接近,也越像一個(gè)視覺單元。

反之,則它們的距離就應(yīng)該越遠(yuǎn),也越像多個(gè)視覺單元。

親密性的根本目的是實(shí)現(xiàn)組織性,讓讀者對頁面結(jié)構(gòu)和信息層次一目了然。

而落實(shí)到設(shè)計(jì)執(zhí)行層面,我們應(yīng)該考慮到縱向間距關(guān)系和橫向間距關(guān)系。

通過『小號間距』、『中號間距』、『大號間距』這三種規(guī)格來劃分信息層次。

當(dāng)然,也可以通過增加『分割線』來拉開層次。

02:對齊

正如『格式塔學(xué)派』中的連續(xù)律(Law of Continuity)所描述的,在知覺過程中人們往往傾向于使知覺對象的直線繼續(xù)成為直線,使曲線繼續(xù)成為曲線。

在界面設(shè)計(jì)中,將元素進(jìn)行對齊,既符合用戶的認(rèn)知特性,也能引導(dǎo)視覺流向,讓用戶更流暢地接收信息。

文案類對齊

如果頁面的字段或段落較短、較散時(shí),需要確定一個(gè)統(tǒng)一的視覺起點(diǎn)。

表單類對齊

冒號對齊(右對齊)能讓內(nèi)容鎖定在一定范圍內(nèi),讓用戶眼球順著冒號的視覺流,就能找到所有內(nèi)容,從而提高閱讀效率。

數(shù)字類對齊

為了快速對比數(shù)值大小,建議所有數(shù)值取相同有效位數(shù),并且右對齊。

03:對比

對比是增加視覺效果最有效方法之一,同時(shí)也能在不同元素之間建立一種有組織的層次結(jié)構(gòu),讓用戶快速識別關(guān)鍵信息。

要實(shí)現(xiàn)有效的對比,對比就必須強(qiáng)烈,切不可畏畏縮縮。

主次關(guān)系對比

為了讓用戶能在章節(jié)內(nèi)容感知上快速做出判斷, 來突出其中一項(xiàng)相對更重要或者更高頻的章節(jié)名稱。

突出的方法,不局限于強(qiáng)化重點(diǎn)項(xiàng),也可以是弱化其他項(xiàng)。

總分關(guān)系對比

通過調(diào)整排版、字體、大小等方式來突出層次感,區(qū)分總分關(guān)系,使得頁面更具張力和節(jié)奏感。

04:重復(fù)

相同的元素在整個(gè)界面中不斷重復(fù),不僅可以有效降低用戶的學(xué)習(xí)成本,也可以幫助用戶識別出這些元素之間的關(guān)聯(lián)性。

重復(fù)元素可以是一條粗線、一種線框,某種相同的顏色、設(shè)計(jì)要素、設(shè)計(jì)風(fēng)格,某種格式、空間關(guān)系等。

比如,線框的重復(fù)

比如,設(shè)計(jì)要素的重復(fù)。

比如,文案格式的重復(fù)。

 

今天的內(nèi)容就這么多,希望對你有所幫助。

素材下載及學(xué)習(xí)交流請加QQ群:170790905

PPT大神,快速提升工作效率,部落窩教育《一周PPT直通車》視頻和《PPT極速貫通班》直播課全心為你!掃下方二維碼關(guān)注公眾號,可隨時(shí)隨地學(xué)習(xí)PPT

文章推薦

PPT圖片這樣處理,10個(gè)人看了9個(gè)人都說“絕了”

掌握這些配色技巧,高大上PPT對你來說都不叫“事”!

親測,PPT這樣展示圖片效果“perfect”!

震驚,制作PPT時(shí)會(huì)添加這個(gè)元素的人不足1%!

版權(quán)信息

本文作者: 優(yōu)卡卡

文章原標(biāo)題:PPT設(shè)計(jì)的4大基本原則,做PPT的人100%都知道

本文來源:優(yōu)卡說(ID:youkaSay)

轉(zhuǎn)載說明:轉(zhuǎn)載請聯(lián)系作者本人