平面設(shè)計(jì)中如何運(yùn)用理性科學(xué)的眼光把握比例與尺寸?

@乘與九設(shè)計(jì):記得在上大學(xué)時有一門書籍裝幀的課,老師讓我們在設(shè)計(jì)書的尺寸之前先去參考一些優(yōu)秀的作品,于是大家的作業(yè)各種奇形怪狀,大大小小的各種尺寸都有。老師看過之后很是生氣,說我們抄也只能抄到皮毛,讓我們都帶著尺子去書店里把那些設(shè)計(jì)的不錯的書仔仔細(xì)細(xì)的量一遍,得到精準(zhǔn)的數(shù)據(jù)之后才發(fā)現(xiàn),日本的書一般設(shè)計(jì)的不會太大不會太寬,特別稱手,才明白了老師的良苦用心。用科學(xué)的眼光來看待設(shè)計(jì),會發(fā)現(xiàn)另一片天地。
日本設(shè)計(jì)師佐藤大說:設(shè)計(jì)不只是天馬行空的創(chuàng)作,還需要縝密的邏輯和科學(xué)方法。
今天我就分享一下如何運(yùn)用理性科學(xué)的眼光——比例與尺寸,來學(xué)習(xí)優(yōu)秀的藝術(shù)作品和設(shè)計(jì)作品
藝術(shù)作品中的尺寸與比例

當(dāng)你看到這幅作品時,你注意到的是什么?耀眼的黃色長劍?矯健的白色馬駒?還是整個激烈的混戰(zhàn)氛圍?

有趣的是,這幅畫最有名氣的,竟然是這從馬上跌落的士兵。這是文藝復(fù)興時的偉大藝術(shù)家烏切洛創(chuàng)作的《圣羅馬諾之戰(zhàn)》油畫,這畫中士兵在當(dāng)時引起了巨大的轟動,因?yàn)闉跚新謇猛ㄟ^改變比例,將「透視法」應(yīng)用到作品當(dāng)中。

我們可以通過給作品加上輔助線,可以更好的了解藝術(shù)家是如何處理比例和尺寸的。

蒙德里安的作品其實(shí)是很完美的網(wǎng)格工具。把它轉(zhuǎn)化成網(wǎng)格后,用來排版特別實(shí)用。同時,他用色的比例也是我們可以借鑒的部分。例如用百分之60的紅,百分之10的藍(lán),再加上百分之3的黃來編排畫面,顏色會看起來很和諧。
設(shè)計(jì)作品中的尺寸與比例
01. 黃金分割


關(guān)于設(shè)計(jì)中的比例,我們最熟知的就是黃金分割,1.61803398875…,
其實(shí)說白了,黃金分割就是畫面2:3的關(guān)系。
02. 三等分

還有一種是關(guān)系,也就是把畫面三等分。

03. 尺寸與比例的功能性
利用1:1:1這樣簡單的設(shè)計(jì)比例,都可以排出很不錯的版式,例如PENGUIN的封面設(shè)計(jì)。

尺寸比例的運(yùn)用中,最具功能性就是我們的視力表,把這種比例方式運(yùn)用在海報中也會帶來相應(yīng)的視覺感和功能。

尺寸在配合上比例大小,也可以表現(xiàn)距離感。

這張日本靜岡新聞的海報完美詮釋了什么叫99%理性+1%感性,一般秩序都給人枯燥的感覺。但它這樣秩序感極強(qiáng)的編排,卻加入顏色調(diào)皮的水果和植物來協(xié)調(diào),使其具有視覺刺激的功能,又很具美感。
04. 分區(qū)規(guī)律



分區(qū)規(guī)律,是研究經(jīng)典作品很好的辦法。因?yàn)檫@些作品本身肯定是有遵循一定的共性的,上面Barcelona Design Museum的幾張海報,是可以從上面扒出它們背后的網(wǎng)格分區(qū)的規(guī)律,而這些規(guī)律就是你提煉出來的工具,下次排版時,在這個基礎(chǔ)上面編排信息,速率提升,而且版式必然不會出大問題。
05. 網(wǎng)格是內(nèi)在風(fēng)格

不難發(fā)現(xiàn),上面介紹的尺寸和比例是都是網(wǎng)格的一部分。而網(wǎng)格第一階段的用法,就是幫我們規(guī)范好版式,驗(yàn)算我們的設(shè)計(jì),讓畫面符合最基本的視覺美感。
而網(wǎng)格的終極用法,是創(chuàng)造網(wǎng)格系統(tǒng)。就像上面這本雜志,它是有自己的網(wǎng)格系統(tǒng)的,每一頁有大的模塊分割,再分別細(xì)化模塊到各頁中,在一本普通雜志中編排出3-5種網(wǎng)格規(guī)范,形成系統(tǒng),就能滿足整本的排版了。做品牌VI手冊規(guī)范時,也是用這樣的方法,因?yàn)檫@是視覺的內(nèi)在風(fēng)格,又可以統(tǒng)一規(guī)范化輸出,特別牛X。


就像佳能的品牌書,是有固定的網(wǎng)格系統(tǒng)在背后支撐的。所以它的版式的內(nèi)在風(fēng)格是保持統(tǒng)一的。
用科學(xué)的眼光來欣賞藝術(shù)和設(shè)計(jì)作品,會給我們提供更深層次的感受,而不僅僅停留在美與不美的層面上。
相關(guān)文章
全畫幅不是半畫幅的兩倍有什么區(qū)別? 聊聊相機(jī)的傳感器尺寸
說到相機(jī)畫幅,估計(jì)平時聽到最多的可能就是全畫幅與半畫幅了,以至于不少人認(rèn)為中畫幅比全畫幅要小,為了避免這種常識性錯誤,這篇文章就來和大家說說相機(jī)的不同畫幅,所謂2025-04-07a5紙與a4紙?jiān)趺催x? a5紙與a4的區(qū)別介紹
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來探討這個話題2025-02-01各類商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計(jì)常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關(guān)鍵性信息,詳細(xì)請看下文介紹2024-02-10- 現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無論是求職應(yīng)聘,還是入學(xué)注冊,亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10
- 平面設(shè)計(jì)是一個注重視覺效果的設(shè)計(jì),簡單的排版方式有時候不能滿足視覺突出的效果,業(yè)務(wù)很難達(dá)到吸引用戶的眼球,下面我們就來看看8個平面設(shè)計(jì)技巧分享2023-10-08
如何選擇平面設(shè)計(jì)工具? 這10款軟件應(yīng)該收入囊中
每個設(shè)計(jì)師都有自己最喜歡的設(shè)計(jì)軟件,并把軟件作為自己的第二語言,今天我們來推薦10款UI設(shè)計(jì)不可或缺的工具,詳細(xì)請看下文介紹2023-10-08夏日電影風(fēng)怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風(fēng)怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風(fēng)的畫面,該怎么操作呢?下面我們就來看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02什么是真RAW 什么是偽RAW? 簡單說說真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機(jī)“無損壓縮(M)”和“無損壓縮(S)”RAW的問題,今天做一個統(tǒng)一答復(fù)2022-12-24手機(jī)UI設(shè)計(jì)尺寸有哪些? 超全面的UI元素尺寸設(shè)置指南
手機(jī)UI設(shè)計(jì)尺寸有哪些?作為新手在設(shè)計(jì)手機(jī)ui的頁面的時候,發(fā)現(xiàn)自己設(shè)計(jì)的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來看看我們匯總的超全面的UI元素尺寸設(shè)置指南2021-08-06常用照片尺寸有哪幾個? 照片標(biāo)準(zhǔn)尺寸/像素對照表匯總
常用照片尺寸有哪幾個?我們經(jīng)常說一寸照片,二寸照片,這些照片的尺寸是怎么計(jì)算的?下面我們就來看看照片標(biāo)準(zhǔn)尺寸/像素對照表匯總2021-08-06