你可曾見(jiàn)過(guò)街頭藝術(shù)家作畫(huà)?很有意思!只見(jiàn)他們左噴右繪,一幅佳作便躍然布上。不用尺規(guī)工具,沒(méi)有框架縛束,更不照參考說(shuō)明;但最后的作品卻如此完美,整個(gè)過(guò)程如此流暢。
最佳的設(shè)計(jì)正像這樣。
請(qǐng)看如下的版面設(shè)計(jì),這次我們不用網(wǎng)格而使用左邊所示的圖片作為視覺(jué)參考。圖中的線條、形狀、比例以及這些要素之間的關(guān)系支配著我們對(duì)字體、尺寸、色彩、版面以及其他一切設(shè)計(jì)要素的選擇。
你看到了什么?
僅使用目測(cè)的話(huà)(接近但不精確)
你能回答下面的問(wèn)題么?
·?圖中男子是否與地球一樣高?
?·圖中男子是否和花盆一樣寬?
?·樹(shù)是花盆的幾倍寬?
?·圖中花盆尺寸占據(jù)圖片多少比例?
1.盤(pán)點(diǎn)視覺(jué)清單
每幅圖像都包含有線條、形狀、紋理和色彩等,這些元素引導(dǎo)著你進(jìn)行設(shè)計(jì)。我們首先要盤(pán)點(diǎn)一個(gè)視覺(jué)清單,讓我們從大的元素開(kāi)始。
你看到了什么?
僅使用目測(cè)的話(huà)(接近但不精確)
你能回答下面的問(wèn)題么?
·?圖中男子是否與地球一樣高?
?·圖中男子是否和花盆一樣寬?
?·樹(shù)是花盆的幾倍寬?
?·圖中花盆尺寸占據(jù)圖片多少比例?
1.盤(pán)點(diǎn)視覺(jué)清單
每幅圖像都包含有線條、形狀、紋理和色彩等,這些元素引導(dǎo)著你進(jìn)行設(shè)計(jì)。我們首先要盤(pán)點(diǎn)一個(gè)視覺(jué)清單,讓我們從大的元素開(kāi)始。
基本形狀
此圖像由三個(gè)基本形狀構(gòu)成。
基本形狀
此圖像由三個(gè)基本形狀構(gòu)成。
尺寸
圖像的所有元素分為大中小三個(gè)等級(jí)。
尺寸
圖像的所有元素分為大中小三個(gè)等級(jí)。
布局
整個(gè)構(gòu)圖顯得十分協(xié)調(diào)。
布局
整個(gè)構(gòu)圖顯得十分協(xié)調(diào)。
焦點(diǎn)
但凡好圖,必有焦點(diǎn)。而本圖恰有兩個(gè)——一個(gè)實(shí)焦點(diǎn)和一個(gè)虛焦點(diǎn)。
實(shí)焦點(diǎn)
實(shí)焦點(diǎn)通常都是圖片中最大,最清楚或者最生動(dòng)的對(duì)象。在本例中,地球就是這樣的對(duì)象。
焦點(diǎn)
但凡好圖,必有焦點(diǎn)。而本圖恰有兩個(gè)——一個(gè)實(shí)焦點(diǎn)和一個(gè)虛焦點(diǎn)。
實(shí)焦點(diǎn)
實(shí)焦點(diǎn)通常都是圖片中最大,最清楚或者最生動(dòng)的對(duì)象。在本例中,地球就是這樣的對(duì)象。
虛焦點(diǎn)
三個(gè)對(duì)象構(gòu)成三角形的位置關(guān)系;而三角形的中心正好也是圖像的中心(正如設(shè)計(jì)師所愿);在人的視野里,中心是最突出的一點(diǎn)。
虛焦點(diǎn)
三個(gè)對(duì)象構(gòu)成三角形的位置關(guān)系;而三角形的中心正好也是圖像的中心(正如設(shè)計(jì)師所愿);在人的視野里,中心是最突出的一點(diǎn)。
另外
不知你注意到?jīng)]有,虛線三角形的中心也幾乎與虛焦點(diǎn)重合。
對(duì)象與空白
圖像中的對(duì)象和空白通常都是重復(fù)出現(xiàn)的。
另外
不知你注意到?jīng)]有,虛線三角形的中心也幾乎與虛焦點(diǎn)重合。
對(duì)象與空白
圖像中的對(duì)象和空白通常都是重復(fù)出現(xiàn)的。
花盆與地球之間恰好是一個(gè)花盆的高度。
花盆與地球之間恰好是一個(gè)花盆的高度。
花盆與男子之間正好是一個(gè)花盆的寬度。
花盆與男子之間正好是一個(gè)花盆的寬度。
花盆與地球上的北美洲一樣大。
盡量接近
藝術(shù)的關(guān)聯(lián)并非機(jī)械式,而是感性的。因此,如果各對(duì)象之間看起來(lái)十分接近,那他們就真的十分接近。你只需用目測(cè)來(lái)觀察就好。
花盆與地球上的北美洲一樣大。
盡量接近
藝術(shù)的關(guān)聯(lián)并非機(jī)械式,而是感性的。因此,如果各對(duì)象之間看起來(lái)十分接近,那他們就真的十分接近。你只需用目測(cè)來(lái)觀察就好。
整個(gè)圖像有四個(gè)花盆那么高。
整個(gè)圖像有四個(gè)花盆那么高。
包圍地球的空白部分是一個(gè)花盆的高度。
包圍地球的空白部分是一個(gè)花盆的高度。
男子所占空間與花盆差不多大。
天然的網(wǎng)格
這個(gè)圖像擁有一個(gè)天然形成的網(wǎng)格,更難得的是,它還是均勻的。圖像元素如此重復(fù)的出現(xiàn),以至于它們形成了整個(gè)網(wǎng)格!
男子所占空間與花盆差不多大。
天然的網(wǎng)格
這個(gè)圖像擁有一個(gè)天然形成的網(wǎng)格,更難得的是,它還是均勻的。圖像元素如此重復(fù)的出現(xiàn),以至于它們形成了整個(gè)網(wǎng)格!
較小的元素
當(dāng)你注意圖中較大元素的時(shí)候,也不要忘了較小的元素。要注意邊緣的處理,也要注意使各部分形成對(duì)比。比如,男子的頭部和腿部是分明的邊緣;色彩的對(duì)比使南美洲脫穎而出;陰影部分占據(jù)顯著的分量等。你要有意識(shí)地花時(shí)間去觀察這些東西,這能訓(xùn)練你的眼力,不久你就會(huì)擁有藝術(shù)的直覺(jué)了!
較小的元素
當(dāng)你注意圖中較大元素的時(shí)候,也不要忘了較小的元素。要注意邊緣的處理,也要注意使各部分形成對(duì)比。比如,男子的頭部和腿部是分明的邊緣;色彩的對(duì)比使南美洲脫穎而出;陰影部分占據(jù)顯著的分量等。你要有意識(shí)地花時(shí)間去觀察這些東西,這能訓(xùn)練你的眼力,不久你就會(huì)擁有藝術(shù)的直覺(jué)了!
形狀和紋理
在設(shè)計(jì)中要意識(shí)到線條的作用。注意,線條是直的還是彎的,接近或遠(yuǎn)離什么對(duì)象,在哪里改變方向等。
當(dāng)你注意圖中較大元素的時(shí)候,也不要忘了較小的元素。要注意邊緣的處理,也要注意使各部分形成對(duì)比。比如,男子的頭部和腿部是分明的邊緣;色彩的對(duì)比使南美洲脫穎而出;陰影部分占據(jù)顯著的分量等。你要有意識(shí)地花時(shí)間去觀察這些東西,這能訓(xùn)練你的眼力,不久你就會(huì)擁有藝術(shù)的直覺(jué)了!
形狀和紋理
在設(shè)計(jì)中要意識(shí)到線條的作用。注意,線條是直的還是彎的,接近或遠(yuǎn)離什么對(duì)象,在哪里改變方向等。
觀察所有的三角形,它們營(yíng)造了一種視覺(jué)動(dòng)態(tài)。
遠(yuǎn)(假想線)
由遠(yuǎn)及近,各個(gè)方向,三角都很明顯。
觀察所有的三角形,它們營(yíng)造了一種視覺(jué)動(dòng)態(tài)。
遠(yuǎn)(假想線)
由遠(yuǎn)及近,各個(gè)方向,三角都很明顯。
邊緣形成了重復(fù)的紋理。注意其始終保持尖銳感。
2.選擇色彩
接下來(lái),要根據(jù)圖像確定色調(diào)。
浩瀚的像素!
邊緣形成了重復(fù)的紋理。注意其始終保持尖銳感。
2.選擇色彩
接下來(lái),要根據(jù)圖像確定色調(diào)。
浩瀚的像素!
在設(shè)計(jì)中,色彩起著十分重要的作用。要想獲得最協(xié)調(diào)的色調(diào),最簡(jiǎn)最佳的途徑便是從圖像中提取。
首先,運(yùn)用Photoshop或者Illustrator對(duì)右圖進(jìn)行處理,將其無(wú)數(shù)像素尺寸的色塊減少到如左圖所示的恰當(dāng)?shù)臄?shù)量。一般不要超過(guò)64種顏色,32種就行了,16種更好。若想減少顏色,可以增大色塊的尺寸;反之則減小色塊的尺寸。
在設(shè)計(jì)中,色彩起著十分重要的作用。要想獲得最協(xié)調(diào)的色調(diào),最簡(jiǎn)最佳的途徑便是從圖像中提取。
首先,運(yùn)用Photoshop或者Illustrator對(duì)右圖進(jìn)行處理,將其無(wú)數(shù)像素尺寸的色塊減少到如左圖所示的恰當(dāng)?shù)臄?shù)量。一般不要超過(guò)64種顏色,32種就行了,16種更好。若想減少顏色,可以增大色塊的尺寸;反之則減小色塊的尺寸。
組織色彩
使用吸管工具從圖像中提取色彩樣本,然后根據(jù)色相與明度將樣色進(jìn)行排列。
你可以在圖像中發(fā)現(xiàn)有幾種主色彩。地球的藍(lán)色與綠色,花盆的褐色,人物的灰色。從以上三個(gè)對(duì)象中由深到淺的像素塊上分別取樣顏色(如左圖所示)將樣色先按照色相,再按照明度整齊地排列(從深到淺)。請(qǐng)花時(shí)間仔細(xì)做好這項(xiàng)工作。你會(huì)發(fā)現(xiàn)它能極大地幫助你構(gòu)思設(shè)計(jì)。再取樣一些少數(shù)色——本例中是黃色與紫色,作為補(bǔ)色與對(duì)比色。不要使用接近色。
組織色彩
使用吸管工具從圖像中提取色彩樣本,然后根據(jù)色相與明度將樣色進(jìn)行排列。
你可以在圖像中發(fā)現(xiàn)有幾種主色彩。地球的藍(lán)色與綠色,花盆的褐色,人物的灰色。從以上三個(gè)對(duì)象中由深到淺的像素塊上分別取樣顏色(如左圖所示)將樣色先按照色相,再按照明度整齊地排列(從深到淺)。請(qǐng)花時(shí)間仔細(xì)做好這項(xiàng)工作。你會(huì)發(fā)現(xiàn)它能極大地幫助你構(gòu)思設(shè)計(jì)。再取樣一些少數(shù)色——本例中是黃色與紫色,作為補(bǔ)色與對(duì)比色。不要使用接近色。
試驗(yàn)色彩
將圖像放在每種樣色上對(duì)比效果。你會(huì)發(fā)現(xiàn)選擇的樣色都能自動(dòng)地與圖像搭配,因?yàn)樗鼈儽緛?lái)都存在于圖像中。
冷色
試驗(yàn)色彩
將圖像放在每種樣色上對(duì)比效果。你會(huì)發(fā)現(xiàn)選擇的樣色都能自動(dòng)地與圖像搭配,因?yàn)樗鼈儽緛?lái)都存在于圖像中。
冷色
冷色更直接,偏遠(yuǎn)偏理性。地球偏藍(lán)色融入背景,而其余對(duì)象偏橙色變得突出。
暖色
暖色更柔和,質(zhì)樸而奔放,適合表達(dá)自然生態(tài)的訊息。注意,在其對(duì)比色——褐色背景的襯托下,藍(lán)色地球顯得十分突出。
冷色更直接,偏遠(yuǎn)偏理性。地球偏藍(lán)色融入背景,而其余對(duì)象偏橙色變得突出。
暖色
暖色更柔和,質(zhì)樸而奔放,適合表達(dá)自然生態(tài)的訊息。注意,在其對(duì)比色——褐色背景的襯托下,藍(lán)色地球顯得十分突出。
3.選擇字體
接下來(lái)要選擇和圖片感覺(jué)類(lèi)似的字體。選擇字體有許多方法,鑒于你可能已經(jīng)定好了風(fēng)格,所以這里并沒(méi)有固定的選擇。也許你的腦海中已經(jīng)浮現(xiàn)出字體的樣式。比方說(shuō),正式的、商務(wù)的或者教學(xué)式的。也許你還想嘗試一些新鮮有趣的個(gè)人風(fēng)格。不管如何,請(qǐng)記住,字體和圖像一樣,也是圖形化的。它的線條會(huì)蜿蜒屈伸,或急或緩。它也會(huì)有棱角和紋理。當(dāng)你將字體添加到設(shè)計(jì)中的時(shí)候,其視覺(jué)特征就會(huì)與其余已存元素相互作用,提升或降低整體的美感。
在本文中,圖片將影響我們對(duì)字體的選擇。我們的目的是要使圖像和字體的視覺(jué)屬性相互匹配。另外,選擇的字體也必須具有美觀、易讀、適合印刷。
3.選擇字體
接下來(lái)要選擇和圖片感覺(jué)類(lèi)似的字體。選擇字體有許多方法,鑒于你可能已經(jīng)定好了風(fēng)格,所以這里并沒(méi)有固定的選擇。也許你的腦海中已經(jīng)浮現(xiàn)出字體的樣式。比方說(shuō),正式的、商務(wù)的或者教學(xué)式的。也許你還想嘗試一些新鮮有趣的個(gè)人風(fēng)格。不管如何,請(qǐng)記住,字體和圖像一樣,也是圖形化的。它的線條會(huì)蜿蜒屈伸,或急或緩。它也會(huì)有棱角和紋理。當(dāng)你將字體添加到設(shè)計(jì)中的時(shí)候,其視覺(jué)特征就會(huì)與其余已存元素相互作用,提升或降低整體的美感。
在本文中,圖片將影響我們對(duì)字體的選擇。我們的目的是要使圖像和字體的視覺(jué)屬性相互匹配。另外,選擇的字體也必須具有美觀、易讀、適合印刷。
本圖遍布紋理:豐富且精細(xì)的畫(huà)面上,樹(shù)葉飛散飄逸,其形尖細(xì),間隔均勻,事實(shí)上這和襯線字體的特征很像。
讓我們對(duì)比三類(lèi)常用字體,尋找它們的相似點(diǎn)。
本圖遍布紋理:豐富且精細(xì)的畫(huà)面上,樹(shù)葉飛散飄逸,其形尖細(xì),間隔均勻,事實(shí)上這和襯線字體的特征很像。
讓我們對(duì)比三類(lèi)常用字體,尋找它們的相似點(diǎn)。
從不同距離觀察字體
在近、中、遠(yuǎn)三種距離上觀察字體,你會(huì)發(fā)現(xiàn)每次看到的都不一樣。許多字體觀察的距離不同,其造成的視覺(jué)感受會(huì)有所不同。
Glypha字體具有自然的風(fēng)格
這種漂亮的粗襯線字體擁有理想的字形,線條硬朗,形狀重復(fù),給人干凈方正之感。尤為可貴的是,它無(wú)論作為標(biāo)題或正文都很適合。平直加粗的筆畫(huà)使Glypha符合藝術(shù)自然的本質(zhì),同時(shí)也易于辨認(rèn)。但問(wèn)題是它與圖片不搭配。
近
從不同距離觀察字體
在近、中、遠(yuǎn)三種距離上觀察字體,你會(huì)發(fā)現(xiàn)每次看到的都不一樣。許多字體觀察的距離不同,其造成的視覺(jué)感受會(huì)有所不同。
Glypha字體具有自然的風(fēng)格
這種漂亮的粗襯線字體擁有理想的字形,線條硬朗,形狀重復(fù),給人干凈方正之感。尤為可貴的是,它無(wú)論作為標(biāo)題或正文都很適合。平直加粗的筆畫(huà)使Glypha符合藝術(shù)自然的本質(zhì),同時(shí)也易于辨認(rèn)。但問(wèn)題是它與圖片不搭配。
近
中
中
遠(yuǎn)
遠(yuǎn)
翻轉(zhuǎn)字體
想要全面地觀察字體,一個(gè)可靠的方法就是將其翻轉(zhuǎn)。這可以揭示段落文字的曲折起伏——總能被感覺(jué)到,卻又通常被忽略。
Myriad字體如水晶般清透
說(shuō)到干凈清爽,恐怕再?zèng)]有勝過(guò)Myriad字體的了。其筆畫(huà)舒展形式簡(jiǎn)約,即便在最低的分辨率下,也能被清晰地辨認(rèn),特別適合做標(biāo)題和文章引文。Myriad字體傳達(dá)出輕快、清爽和干凈之感,適用于綠色課題,但卻不適合本圖像。
近
翻轉(zhuǎn)字體
想要全面地觀察字體,一個(gè)可靠的方法就是將其翻轉(zhuǎn)。這可以揭示段落文字的曲折起伏——總能被感覺(jué)到,卻又通常被忽略。
Myriad字體如水晶般清透
說(shuō)到干凈清爽,恐怕再?zèng)]有勝過(guò)Myriad字體的了。其筆畫(huà)舒展形式簡(jiǎn)約,即便在最低的分辨率下,也能被清晰地辨認(rèn),特別適合做標(biāo)題和文章引文。Myriad字體傳達(dá)出輕快、清爽和干凈之感,適用于綠色課題,但卻不適合本圖像。
近
中
中
高
高
觀察輪廓
當(dāng)你比較字體的筆畫(huà)和邊緣的時(shí)候,也要注意輪廓形成的紋理。注意,樹(shù)葉色彩斑駁,形狀不規(guī)則并呈顆粒狀。
Galliard Roman字體獨(dú)具質(zhì)感
Galliard屬于羅馬字體,輪廓分明,襯線顯著。其筆畫(huà)粗細(xì)分明,利于閱讀。不過(guò),若大量使用,過(guò)多的棱角,會(huì)使人厭煩。本字體具有多種粗細(xì)選擇,比例勻稱(chēng),是一種易于辨認(rèn)的襯線字體,并且形似樹(shù)葉。Galliard正是我們最后的選擇。
近
觀察輪廓
當(dāng)你比較字體的筆畫(huà)和邊緣的時(shí)候,也要注意輪廓形成的紋理。注意,樹(shù)葉色彩斑駁,形狀不規(guī)則并呈顆粒狀。
Galliard Roman字體獨(dú)具質(zhì)感
Galliard屬于羅馬字體,輪廓分明,襯線顯著。其筆畫(huà)粗細(xì)分明,利于閱讀。不過(guò),若大量使用,過(guò)多的棱角,會(huì)使人厭煩。本字體具有多種粗細(xì)選擇,比例勻稱(chēng),是一種易于辨認(rèn)的襯線字體,并且形似樹(shù)葉。Galliard正是我們最后的選擇。
近
中
中
遠(yuǎn)
遠(yuǎn)
4.布局
線條、形狀、空間、色彩和紋理一起相互作用,最后構(gòu)成了版面的整體布局?,F(xiàn)在,我們將通過(guò)設(shè)計(jì)一張標(biāo)準(zhǔn)規(guī)格的版式作品來(lái)向你闡述如何進(jìn)行布局。
處理圖像
第一步要將圖像放在頁(yè)面上。多大?放哪?關(guān)鍵是要讓圖象間具有視覺(jué)關(guān)聯(lián)。如右圖所示,因?yàn)榈厍蚺c其下的花盆是對(duì)稱(chēng)圖形,將它們置于頁(yè)面中間,形狀與位置相互加強(qiáng)可取得最佳的視覺(jué)效果(記住,只是大概的中心,位置并不精確)。同樣的道理,環(huán)繞地球的一個(gè)花盆高的空間,上部正好作為頂邊距。
4.布局
線條、形狀、空間、色彩和紋理一起相互作用,最后構(gòu)成了版面的整體布局?,F(xiàn)在,我們將通過(guò)設(shè)計(jì)一張標(biāo)準(zhǔn)規(guī)格的版式作品來(lái)向你闡述如何進(jìn)行布局。
處理圖像
第一步要將圖像放在頁(yè)面上。多大?放哪?關(guān)鍵是要讓圖象間具有視覺(jué)關(guān)聯(lián)。如右圖所示,因?yàn)榈厍蚺c其下的花盆是對(duì)稱(chēng)圖形,將它們置于頁(yè)面中間,形狀與位置相互加強(qiáng)可取得最佳的視覺(jué)效果(記住,只是大概的中心,位置并不精確)。同樣的道理,環(huán)繞地球的一個(gè)花盆高的空間,上部正好作為頂邊距。
如左圖所示,本例中折疊線并不會(huì)被打印出來(lái),因?yàn)槲覀冎恢匾暱梢?jiàn)的對(duì)象。
法定規(guī)格的冊(cè)頁(yè)
如左圖所示,本例中折疊線并不會(huì)被打印出來(lái),因?yàn)槲覀冎恢匾暱梢?jiàn)的對(duì)象。
法定規(guī)格的冊(cè)頁(yè)
設(shè)計(jì)標(biāo)題
平面設(shè)計(jì)的一條規(guī)則就是要著眼于眼前的事物,不能隨意憑空構(gòu)造。此處的標(biāo)題配合了地球的視覺(jué)特征。
字體基于尺寸、顏色和紋理三要素
如右圖所示,將標(biāo)題置于頂部并橫跨整頁(yè)是很正常的,但本例不能采用這樣的方式。否則,標(biāo)題形成的水平直線就會(huì)和其余對(duì)象格格不入。此處,我們選用Galliard Ultra字體,使標(biāo)題字相互交疊,形成一個(gè)尺寸、面積、色彩和紋理都與地球相似的區(qū)域,使兩者具有一種視覺(jué)關(guān)聯(lián)。將標(biāo)題放在地球旁邊更加強(qiáng)了這種關(guān)聯(lián)。再注意看下圖右側(cè)的白色圓形,里面半透明字體的重疊之處,正好形成了類(lèi)似樹(shù)葉大小的圖案。注意一定不要將頁(yè)邊對(duì)齊。
設(shè)計(jì)標(biāo)題
平面設(shè)計(jì)的一條規(guī)則就是要著眼于眼前的事物,不能隨意憑空構(gòu)造。此處的標(biāo)題配合了地球的視覺(jué)特征。
字體基于尺寸、顏色和紋理三要素
如右圖所示,將標(biāo)題置于頂部并橫跨整頁(yè)是很正常的,但本例不能采用這樣的方式。否則,標(biāo)題形成的水平直線就會(huì)和其余對(duì)象格格不入。此處,我們選用Galliard Ultra字體,使標(biāo)題字相互交疊,形成一個(gè)尺寸、面積、色彩和紋理都與地球相似的區(qū)域,使兩者具有一種視覺(jué)關(guān)聯(lián)。將標(biāo)題放在地球旁邊更加強(qiáng)了這種關(guān)聯(lián)。再注意看下圖右側(cè)的白色圓形,里面半透明字體的重疊之處,正好形成了類(lèi)似樹(shù)葉大小的圖案。注意一定不要將頁(yè)邊對(duì)齊。
添加圖片和文字
當(dāng)你往頁(yè)面上添加各種素材的同時(shí),也使頁(yè)面變得更加復(fù)雜。于是,想保持各素材的視覺(jué)一致性也變得越來(lái)越困難。注意版面素材的四周——邊距、元素邊緣以及各元素間的空隙。
方形的設(shè)計(jì)空間,有機(jī)的設(shè)計(jì)對(duì)象
添加圖片和文字
當(dāng)你往頁(yè)面上添加各種素材的同時(shí),也使頁(yè)面變得更加復(fù)雜。于是,想保持各素材的視覺(jué)一致性也變得越來(lái)越困難。注意版面素材的四周——邊距、元素邊緣以及各元素間的空隙。
方形的設(shè)計(jì)空間,有機(jī)的設(shè)計(jì)對(duì)象
圖像是有機(jī)且不規(guī)則的,但紙張和文本區(qū)域卻是方形的,兩者在設(shè)計(jì)上形成矛盾。這些方形區(qū)域有過(guò)于強(qiáng)烈的視覺(jué)存在感,怎樣在不影響閱讀的前提下,弱化頁(yè)面的“四方感”,這對(duì)設(shè)計(jì)師是個(gè)挑戰(zhàn)。但方法還是有的,如左圖所示,本例中,圖片和文字并不對(duì)齊,但文字邊緣形成的蜿蜒向下的曲線卻和地球整體的外輪廓線相互呼應(yīng)。與標(biāo)準(zhǔn)的文本繞排不同,確保各元素間的白色空隙是不規(guī)則的。
圖像是有機(jī)且不規(guī)則的,但紙張和文本區(qū)域卻是方形的,兩者在設(shè)計(jì)上形成矛盾。這些方形區(qū)域有過(guò)于強(qiáng)烈的視覺(jué)存在感,怎樣在不影響閱讀的前提下,弱化頁(yè)面的“四方感”,這對(duì)設(shè)計(jì)師是個(gè)挑戰(zhàn)。但方法還是有的,如左圖所示,本例中,圖片和文字并不對(duì)齊,但文字邊緣形成的蜿蜒向下的曲線卻和地球整體的外輪廓線相互呼應(yīng)。與標(biāo)準(zhǔn)的文本繞排不同,確保各元素間的白色空隙是不規(guī)則的。
齒狀紋理
如左圖所示,“Michael Aiken”等作者名字使用了Galliard Ultra字體,并選用了與地球類(lèi)似的色彩,在正文中便脫穎而出。并且,整段文字也具有了類(lèi)似插圖的紋理。這便是形式與功能簡(jiǎn)單結(jié)合的范例。
與紙張對(duì)齊
紙張也是一個(gè)可以靈活利用的元素。如下圖所示,主要的段落以及一些關(guān)鍵的細(xì)節(jié)與右頁(yè)邊緣對(duì)齊,建立起一種視覺(jué)的穩(wěn)固性。
平行線自動(dòng)相互關(guān)聯(lián)
齒狀紋理
如左圖所示,“Michael Aiken”等作者名字使用了Galliard Ultra字體,并選用了與地球類(lèi)似的色彩,在正文中便脫穎而出。并且,整段文字也具有了類(lèi)似插圖的紋理。這便是形式與功能簡(jiǎn)單結(jié)合的范例。
與紙張對(duì)齊
紙張也是一個(gè)可以靈活利用的元素。如下圖所示,主要的段落以及一些關(guān)鍵的細(xì)節(jié)與右頁(yè)邊緣對(duì)齊,建立起一種視覺(jué)的穩(wěn)固性。
平行線自動(dòng)相互關(guān)聯(lián)
反復(fù)出現(xiàn)的“花盆空間”
如果你多花時(shí)間全面仔細(xì)地觀察圖像,你便能看到或感覺(jué)到一些原先被你忽略掉的事物。如上圖所示,“花盆空間”在頁(yè)面上的元素間近乎直觀的反復(fù)出現(xiàn)。這不僅使版面結(jié)構(gòu)顯得清爽透氣,還非常自然地保持了版面各元素間的協(xié)調(diào)性。另外還要注意,右上角的主要文本區(qū)域與地球的尺寸和形狀大致相當(dāng),這也是一個(gè)能直觀感受到的設(shè)計(jì)。
尺寸遞減
右對(duì)齊的文字越往右下角,字?jǐn)?shù)遞減,而細(xì)節(jié)遞增;右下角是頁(yè)面的自然結(jié)點(diǎn)。而文字破碎不規(guī)則的左邊緣仍舊松散的圍繞在插圖周?chē)?/p>
反復(fù)出現(xiàn)的“花盆空間”
如果你多花時(shí)間全面仔細(xì)地觀察圖像,你便能看到或感覺(jué)到一些原先被你忽略掉的事物。如上圖所示,“花盆空間”在頁(yè)面上的元素間近乎直觀的反復(fù)出現(xiàn)。這不僅使版面結(jié)構(gòu)顯得清爽透氣,還非常自然地保持了版面各元素間的協(xié)調(diào)性。另外還要注意,右上角的主要文本區(qū)域與地球的尺寸和形狀大致相當(dāng),這也是一個(gè)能直觀感受到的設(shè)計(jì)。
尺寸遞減
右對(duì)齊的文字越往右下角,字?jǐn)?shù)遞減,而細(xì)節(jié)遞增;右下角是頁(yè)面的自然結(jié)點(diǎn)。而文字破碎不規(guī)則的左邊緣仍舊松散的圍繞在插圖周?chē)?/p>
本文網(wǎng)址:http://www.xuefengshequ.com/article/20151030948139431.html