你用8秒看世界冲呢,他用12個視覺法則套路你

人的平均注意力只有短短的8秒舍败,好的視覺設(shè)計效果能夠留住更多的目光。比如敬拓,它能影響人眼感知畫面信息的順序邻薯,或是對一個畫面元素保持更多的關(guān)注時間。

在設(shè)計師的世界里乘凸,存在著12個視覺層次結(jié)構(gòu)法則厕诡。它對于任何設(shè)計的成功,都有著至關(guān)重要的作用营勤。

仔細看灵嫌,下面的對比圖,能讓你更快的理解這些法則葛作。

- 01 -

排版的層次

圖 | 排版層次規(guī)則對比圖

比如:一張名片寿羞,除了正面的公司名稱和LOGO,最突出的部分應當是持卡人的姓名赂蠢,然后是職位绪穆、聯(lián)系方式,以及其他信息客年。


- 02 -

尺寸vs比例

圖 | 尺寸和比例規(guī)則對比圖


把設(shè)計出來的畫面霞幅,還原到真實世界中,就會得到最好的答案量瓜。圖例中人與鯨的司恳,調(diào)整后的尺寸和比例,才是我們正常認知的視覺感受绍傲。


- 03 -

顏色vs差異

圖 | 顏色和差異規(guī)則對比圖

如果你的設(shè)計中扔傅,需要突出群體中的個體特征耍共,不同的色彩和形態(tài)能夠幫到你。


- 04 -

間距的作用

圖 | 間距規(guī)則對比圖

兩個元素之間的關(guān)系猎塞,通過調(diào)整適當?shù)木嚯x就能有微妙的變化试读。圖例中,宇航員與月球之間在調(diào)整距離后荠耽,視覺上就產(chǎn)生了空間感钩骇。


- 05 -

新密度

圖 | 新密度規(guī)則對比圖

想要表現(xiàn)一個團隊,新密度是一個必要的畫面語言铝量。成員之間零距離的組合倘屹,傳達出一種親密無間的伙伴關(guān)系。


- 06 -

運用負空間

圖 | 負空間規(guī)則對比圖

負空間設(shè)計漸漸流行起來慢叨,它能帶給我們不同的視覺感纽匙,進一步影響到內(nèi)心的感受。同樣是兩只手拍谐,利用負空間呈現(xiàn)出來的疊加效果烛缔,既有元素之間的層次感,又領(lǐng)會到更多的畫面情感轩拨。


- 07 -

整齊排列

圖 |排列規(guī)則對比圖

整齊的畫面語言践瓷,會帶給我們更優(yōu)質(zhì)的視覺體驗。元素的整齊排列气嫁,文字的大小組合当窗、兩端對齊,都是行之有效的方法寸宵。


- 08 -

安排零碎的元素

圖 |安排元素規(guī)則對比圖

在設(shè)計過程中崖面,會用到多種元素。整潔梯影、有序的元素巫员,會帶給我們舒服的感受。即使你不懂設(shè)計甲棍,也能很輕易的感受到這一點简识。


- 09 -

元素重疊

圖 |重疊元素規(guī)則對比圖

設(shè)計元素可以單獨使用,也可以組合使用感猛。如果這兩種方式不能達到最佳效果七扰,重疊排列也許能夠表現(xiàn)出更豐富的畫面層次。


- 10 -

引線構(gòu)圖

圖 |引線構(gòu)圖規(guī)則對比圖

在攝影作品中陪白,常會運用到這樣的構(gòu)圖方式颈走。比如:通向遠方天路、蜿蜒的河流……它會產(chǎn)生一種延伸的效果咱士,讓畫面產(chǎn)生結(jié)構(gòu)感立由,從而使得畫面的空間更加立體轧钓。


- 11 -

三分之一規(guī)則

圖 | 三分之一規(guī)則對比圖

平面設(shè)計受到靜態(tài)畫面的限制,如果想要表現(xiàn)出動態(tài)感锐膜,可以嘗試三分之一法則毕箍。空間與人物的層次關(guān)系道盏,在你挪動鼠標后就產(chǎn)生了而柑。


- 12 -

角? 度

圖 | 角度規(guī)則對比圖

換個視角看世界,世界大不同荷逞。平行視覺牺堰,我們只能看到一個人及其常規(guī)的工作狀態(tài)。變成俯視后颅围,畫面層次更加豐富。不但能看到工作者桌面上的內(nèi)容恨搓,還可能對他的工作性質(zhì)院促、個人喜好、興趣愛好等產(chǎn)生聯(lián)想斧抱。也許常拓,這就是很多大神設(shè)計師提到的,用你的作品講故事辉浦。


------------------


視覺層次結(jié)構(gòu)法則弄抬,能夠幫助設(shè)計師們創(chuàng)造出美觀、有趣的設(shè)計宪郊。那位第一個發(fā)現(xiàn)視覺層次法則的設(shè)計師掂恕,想必是經(jīng)歷了數(shù)不清的嘗試呢。所以說弛槐,成功的設(shè)計師也一定是不折不扣的實踐家懊亡。

- END -

以上圖片 | 來源于網(wǎng)絡

▌在這里,你將會看到:

1.設(shè)計圈新資訊

2.精彩作品解析

3.創(chuàng)作經(jīng)驗分享

4.課程親測推薦

5.課程優(yōu)惠活動

重要的是:

你有什么想法乎串,或是想要看什么內(nèi)容店枣,記得直接告訴!不然叹誉,我可能會偷懶……^_^

▌關(guān)注公眾號:加油設(shè)計師鸯两,每周更新!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末长豁,一起剝皮案震驚了整個濱河市钧唐,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蕉斜,老刑警劉巖逾柿,帶你破解...
    沈念sama閱讀 211,290評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件缀棍,死亡現(xiàn)場離奇詭異,居然都是意外死亡机错,警方通過查閱死者的電腦和手機爬范,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評論 2 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來弱匪,“玉大人青瀑,你說我怎么就攤上這事∠艚耄” “怎么了斥难?”我有些...
    開封第一講書人閱讀 156,872評論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長帘饶。 經(jīng)常有香客問我哑诊,道長,這世上最難降的妖魔是什么及刻? 我笑而不...
    開封第一講書人閱讀 56,415評論 1 283
  • 正文 為了忘掉前任镀裤,我火速辦了婚禮,結(jié)果婚禮上缴饭,老公的妹妹穿的比我還像新娘暑劝。我一直安慰自己,他們只是感情好颗搂,可當我...
    茶點故事閱讀 65,453評論 6 385
  • 文/花漫 我一把揭開白布担猛。 她就那樣靜靜地躺著,像睡著了一般丢氢。 火紅的嫁衣襯著肌膚如雪傅联。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,784評論 1 290
  • 那天疚察,我揣著相機與錄音纺且,去河邊找鬼。 笑死稍浆,一個胖子當著我的面吹牛载碌,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播衅枫,決...
    沈念sama閱讀 38,927評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼嫁艇,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了弦撩?” 一聲冷哼從身側(cè)響起步咪,我...
    開封第一講書人閱讀 37,691評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎益楼,沒想到半個月后猾漫,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體点晴,經(jīng)...
    沈念sama閱讀 44,137評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,472評論 2 326
  • 正文 我和宋清朗相戀三年悯周,在試婚紗的時候發(fā)現(xiàn)自己被綠了粒督。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,622評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡禽翼,死狀恐怖屠橄,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情闰挡,我是刑警寧澤锐墙,帶...
    沈念sama閱讀 34,289評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站长酗,受9級特大地震影響溪北,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜夺脾,卻給世界環(huán)境...
    茶點故事閱讀 39,887評論 3 312
  • 文/蒙蒙 一刻盐、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧劳翰,春花似錦、人聲如沸馒疹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽颖变。三九已至生均,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間腥刹,已是汗流浹背马胧。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留衔峰,地道東北人佩脊。 一個月前我還...
    沈念sama閱讀 46,316評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像垫卤,于是被迫代替她去往敵國和親威彰。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,490評論 2 348

推薦閱讀更多精彩內(nèi)容

  • CSS3動畫的屬性主要分為三類:transform穴肘、transition以及animation歇盼。 Transfor...
    may_mico閱讀 11,988評論 1 19
  • 1. Sticker Size 有3個大小 100x100, 136x136评抚,206x206 2. APNG是推薦...
    奔跑的Max閱讀 1,259評論 0 0