平面設(shè)計(jì)基本技法

資訊頻道 - 設(shè)計(jì)技 來源:設(shè)計(jì)在線 作者:selin 2012-05-26

01/

封面:與圖片線條配合

《Chico’s》時(shí)裝雜志的夏季服裝展示封面設(shè)計(jì)之所以能夠吸引我們的眼睛,是因?yàn)樗麄兇竽懙貙⒚Q與圖片自然形成的線條配合,而不是讓名稱固定不變?纯此麄?nèi)绾巫龅模?/span>

矩形狀:

站立的模特分成的三個(gè)部分(面部—襯衣—牛仔褲,上圖左)靠在一面磚墻上使整個(gè)圖片形成多個(gè)矩形,標(biāo)題自然擺放,并堆放在照片上,文字同樣形成了矩形塊。整個(gè)圖片及各個(gè)元素都呈現(xiàn)水平及矩形的感覺,所以整體看起來自然和諧。

垂直:

而在另一期產(chǎn)品介紹上,圖中模特的長(zhǎng)袖衫衣、V形開襟及一個(gè)伸展流動(dòng)的造型使整個(gè)圖片形成了一個(gè)由上至下的流暢線條,為了配合圖片的特性,品牌名稱也是大膽地垂直擺放,順應(yīng)了圖片的特性,使你一眼就被封面吸引。 

02/

排版:一個(gè)空格還是兩個(gè)空格?

在英文文字排版中,在一個(gè)句子(句號(hào))后,我們需要空一格,這是為什么呢?

文字排版:在近600年的印刷歷史中,一些字體如Garamond(見上方)(甚至包括一些手寫體),每個(gè)字母都有自己的比例構(gòu)成。所以每個(gè)字母根據(jù)本身的結(jié)構(gòu),使到不同的字母所占的寬度是不一樣的,這樣當(dāng)文字排在一起時(shí),我們感覺文字能夠自然流動(dòng)并可清晰閱讀,中間感覺不到障礙,整體也很漂亮。在句子后空一個(gè)空格(稱作”法式間隔“)延續(xù)了文字的流動(dòng)性,可以說是一種設(shè)計(jì)。

打印文字:但用打字機(jī)打出來的英文文字并不規(guī)范。上圖中,A,當(dāng)打字機(jī)在19世紀(jì)發(fā)明時(shí),各個(gè)字母所占的寬度都是相同的,如上方,M的寬度與一個(gè)i字母及句號(hào)的寬度都是一樣的,在打字機(jī)中,句子后面是留了兩個(gè)間隔的。B,在那時(shí),當(dāng)人們習(xí)慣閱讀打字機(jī)打出來的文字時(shí),大家認(rèn)為在句子后空多兩個(gè)格(空兩格被稱作”英式間隔“)可以使在打字機(jī)打印出來的文字更加容易閱讀。習(xí)慣成自然,后來在打字機(jī)中空兩個(gè)格也就成為了打字中一條不成文但必須遵守的規(guī)定,但現(xiàn)在打字機(jī)也已經(jīng)基本被淘汰了,所以在目前排版中并不需要這樣做。 

03/

標(biāo)題:匆忙一瞥也讓人記住

現(xiàn)在的讀者比以前需要有更多的信息需要處理,所以幫助那些匆忙的觀眾能夠清晰地閱讀你的內(nèi)容,我們通過強(qiáng)調(diào)某些詞語從而使標(biāo)題創(chuàng)造了一個(gè)二級(jí)小標(biāo)題。

雙重功能:最上圖,利用白色文字突出二個(gè)詞語,我們創(chuàng)造了一個(gè)更短但意思與完整標(biāo)題相似的另一個(gè)小標(biāo)題”變化中的薩克拉門托“(Changing Sacramento)。這種技巧在一些需要較遠(yuǎn)距離觀看時(shí)效果更加突出(上左)。被強(qiáng)調(diào)的詞語也可單獨(dú)表達(dá)自己的意思。上右,在Happy Cog”的網(wǎng)站上,在簡(jiǎn)介中通過強(qiáng)調(diào)四個(gè)詞語,形成一個(gè)主要的導(dǎo)航鏈接,被強(qiáng)調(diào)的詞語通過顏色及全大小寫字母來突出,所以一眼望去,你已經(jīng)知道意思所在。 

04/

字體:需要一張?zhí)貏e的圖片?可以嘗試一下字母!

較大的字母在排版中常見于在文章中第一個(gè)字母的下沉應(yīng)用,但“超大”字體則已經(jīng)可以單獨(dú)成為一個(gè)吸引視線的告示牌,而且設(shè)計(jì)起來也很有趣,基本的技巧如下:

粗狀的字體:你需要一種非常粗狀的字母或某種特別的字體,這樣字母本身才能擁有足夠的地方來承載文字(上圖我們選擇的是Giza Five Five字體)。而加上一張小圖片則可增加整個(gè)設(shè)計(jì)效果的視覺趣味性,同時(shí)提供給讀者更多的信息。圖片可直接放在上面(如上圖葡萄)也可放在稍側(cè)一點(diǎn)(如上圖人物),為了突出文字信息,留意這里我們大字母本身采用比較深沉的顏色,而正文則采用比較亮的顏色。

粗狀的數(shù)字:在這個(gè)貸款購車零利率的小廣告中,數(shù)字0是一個(gè)可以充分應(yīng)用的元素,也增加了一個(gè)圖像焦點(diǎn),能夠自然地吸引你的視線去到中央?yún)^(qū)域(上圖采用的數(shù)字字體為Frutiger Black)。放在數(shù)字上方形成疊加效果的汽車營(yíng)造了一種尺寸對(duì)比、視覺縱深及一種寬廣的視覺氛圍。 

05/

混合大寫字母

你已經(jīng)懂得利用斜體、而不是全大寫字母來作為一種強(qiáng)調(diào),但如何對(duì)付那些令人有點(diǎn)討厭的全大寫首字母縮寫?全設(shè)定為大寫字母顯得有點(diǎn)大,但小型大寫字母(Small Caps)則顯得有點(diǎn)小,看我們?nèi)绾卧诩?xì)節(jié)上處理:

上圖中:

A,全大寫字母:“PDF”及“DVD”與相鄰的小寫字母對(duì)比顯得太大;

B,小型大寫字母:真正的小型大寫字母*是以小字字母的尺寸來呈現(xiàn)大寫字母,在文字可往往可趣到漂亮的效果,但作為標(biāo)題,它有時(shí)又顯得太小。

C,自定義:我們的解決辦法將大寫字母減少15%。 

什么是“小型大寫字母”?

在很多端莊優(yōu)雅的字體中都可設(shè)定為小型大寫字母。如下面的JUNE(注意不是“June”),真正的小型大寫字母(在AI的字符面板中可設(shè)定)其大寫字母與小寫字母粗細(xì)是一樣的,而一些非真正的小型大寫字母,是自己將普通的大寫字母縮小形成的,這就會(huì)導(dǎo)致字母粗細(xì)不一,實(shí)際上搭配起來也不漂亮。

通過如在Adobe Illustrator這樣的軟件中,我們是可以在排版中方便地將某些詞語設(shè)為“小型大寫字母”。下圖是AI CS4 中文版中設(shè)定小型大寫字母的面板(紅框處)的截圖:

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點(diǎn)。

全部評(píng)論

暫無相關(guān)推薦