天才教育網(wǎng)合作機(jī)構(gòu) > 編程語言培訓(xùn)機(jī)構(gòu) > go培訓(xùn)機(jī)構(gòu) >

東莞設(shè)計(jì)培訓(xùn)網(wǎng)

歡迎您!
朋友圈

400-850-8622

全國統(tǒng)一學(xué)習(xí)專線 9:00-21:00

位置:編程語言培訓(xùn)資訊 > go培訓(xùn)資訊 > 如何設(shè)計(jì)內(nèi)頁

如何設(shè)計(jì)內(nèi)頁

日期:2009-11-14 01:11:30     瀏覽:113    來源:東莞設(shè)計(jì)培訓(xùn)網(wǎng)

【譯者的話】 一篇很有趣但很實(shí)用的文章:無論我們是在設(shè)計(jì)書本、 CD 或一些包裝,其實(shí)都會(huì)涉及到兩個(gè)部分。一個(gè)是封面,一個(gè)則是里面的一頁。對(duì)于外封面,我們一般總是特別注重,因?yàn)樗侵刂兄兀珜?duì)里面的部分呢?照搬封面的圖案?這并不是一種*的選擇。因?yàn)槔锿鈨刹糠值男螤?、大小或目的都不一樣。本文以設(shè)計(jì) CD 為例子,來說明我們?nèi)绾卧O(shè)計(jì)出“由外漂亮到內(nèi)”的作品。

原文出處:

有外必有內(nèi)。一旦你設(shè)計(jì)好一個(gè)漂亮的封面時(shí),你希望接著的內(nèi)頁也有著與封面相似的漂亮面孔。但里面的內(nèi)頁卻有著不同的空間和不同的目的,那你如何還能保持一致的視覺效果?“簡單”是其中最重要的原則。內(nèi)頁應(yīng)該比封面要顯得更簡單,我們提供四種解決辦法:

一、重復(fù)外封面的焦點(diǎn):

圖 1 :上圖是我們用來設(shè)計(jì) CD 封面的圖片

圖 2 :上圖的漂亮封面是我們從一張較大的圖片剪切而成的。在這個(gè)設(shè)計(jì)中,最關(guān)鍵的是要處理好圖片的位置:注意上圖右的示意圖中,這個(gè)海螺的位置決定了文字邊距的位置。

封面我們已經(jīng)定下來了,現(xiàn)在輪到 CD 上的圖案。象在這個(gè)例子中,圖中已經(jīng)有了一個(gè)很強(qiáng)烈的視覺焦點(diǎn)(那個(gè)大海螺),那我們可以去掉原來雜亂的背景,只將這個(gè)焦點(diǎn)放進(jìn)來。這個(gè)貝殼在一個(gè)白色背景下形成鮮明對(duì)比,有著一種強(qiáng)烈的突出效果。

圖 3 :將外面的圖案復(fù)制放到里面,你可以獲得一種延續(xù)的視覺效果,包括形狀、顏色及圖案,同時(shí)又能突出某個(gè)焦點(diǎn)對(duì)象。象上圖,一個(gè)貝殼的視覺效果已經(jīng)完全能夠與外封面取得信息上的聯(lián)系。

圖 4 :構(gòu)圖需要有層次感。我們將文字及其它次要的圖片以低調(diào)方式處理,這樣可以與主要的焦點(diǎn)對(duì)象產(chǎn)生對(duì)比,從而形成層次感。為了達(dá)到這種效果,我們要定好中心線(見上圖左示意圖),這樣可以使觀看的人從上到下的眼睛是成為一條直線,同時(shí),文字要?。ū饶阆胂笾羞€要小),而文字顏色采用灰色(上圖右),當(dāng)然我們也可以選擇一種圖片上一些較淺的顏色作為文字顏色。出來的效果就是:簡潔清爽,而且品味十足!

二、發(fā)掘封面的內(nèi)涵

如果封面所表達(dá)的主題很大,那內(nèi)頁所選擇的圖案就要小。象我們要談到這個(gè) CD 中,外封面是以森林做為主題,那我們就可以將森林里面的東西作為內(nèi)頁,如:松球、一只鷹、一塊巖石。這種處理方法可以產(chǎn)生另外一種對(duì)比:主題的大和小,視覺的遠(yuǎn)和近。

圖 5 :為了使內(nèi)外能夠產(chǎn)生協(xié)調(diào)一致的視覺效果,我們首先將封面的字體照搬進(jìn)來。注意我們 CD 所選擇的背景,它是一種中性背景,是為了能夠與棕色及白色的文字都能夠產(chǎn)生良好對(duì)比。

圖 6 :封面的森林圖案顯得廣闊,是遠(yuǎn)景式的。所以我們選擇一些具體的東西將森林“拉近”,使到主題進(jìn)一步得到深化。上圖的示意圖說明了里面與外面在排版上是對(duì)應(yīng)的。都具有相同的水平中心線。

三、重點(diǎn)提取

在這個(gè)例子中,我們從各種門鎖的封面挑選一個(gè)作為里面的一個(gè)元素,并將它放大。

圖 7 :我們對(duì)上圖這個(gè)封面一眼 望 去,所看到是各種門鎖的拼貼畫。有趣的是,我們可以在封面上隱藏我們所要傳達(dá)的信息,而在里面揭開答案,這種設(shè)計(jì)屬于一種“講故事”的手法。

圖 8 :在里面的 CD 上只有一張門鎖的圖片來表達(dá)我們要傳達(dá)的信息:打開你的想象空間。同時(shí),留意下方的文字采用了圖片的顏色,然后再用 50% 的色調(diào),使文字顯得更平和一些。

各種不同的圖案拼合在一起無可避免地會(huì)使整個(gè)構(gòu)圖顯得相當(dāng)復(fù)雜,我們應(yīng)當(dāng)使構(gòu)圖在視覺上顯得簡單一點(diǎn)。而其中一種組織辦法就是將其中一行由有著相似的顏色圖片組成。

圖 9 :( A )標(biāo)題的一行是由具有相似圖片顏色的圖案所組成,其中留出一格來寫上文字;在一個(gè)有點(diǎn)擁擠的平面上,這樣的處理無疑使這個(gè)空間突圍而出。( B )文字的顏色也應(yīng)該保持相似,如果我們采用冷色調(diào)的藍(lán)色文字,將會(huì)破壞整一行的連貫性。( C )所以在 C 中,我們從圖中取色,采用一種與鄰近相似的曖色調(diào)。

四、創(chuàng)造新的元素

我們?cè)诜饷嫔舷犬嫵鲆粋€(gè)區(qū)域——越簡單越好,然后復(fù)制它里面的元素。這種方法適合于封面沒有任何圖案或焦點(diǎn)可以采用的情況。

圖 10 :上圖內(nèi)外兩個(gè)設(shè)計(jì)中,那個(gè)正方形區(qū)域的位置、形狀、字體一樣,但背景色卻相反。

圖 11 :這種設(shè)計(jì)顯得非???,非常有格調(diào)。看一下上面的名片正反面,我們可留意到兩種相似的圖形、大小及顏色在一起時(shí),在一深一淺的背景中,可以形成良好的搭配效果。特別留意那些小文字,文字不能太大(不能超過 14PT ),否則很難形成優(yōu)雅的效果。

將內(nèi)外兩個(gè)形狀放在各自的同一個(gè)位置上,同時(shí)將有關(guān)文字對(duì)齊,整個(gè)設(shè)計(jì)顯得干凈簡單。請(qǐng)留意下面設(shè)計(jì)的文字是如何安排的。

圖 12 :從上面的黑線我們可以知道,內(nèi)外的正方區(qū)域是大小一樣的,而在 CD 上,正方形的右邊中收線上,而下方的文字則處于中心線的另一邊,達(dá)到視覺平衡。而背景采用純白,與封套相映成趣。

圖 13 :同樣的,這張名片的正反兩個(gè)面上的正式區(qū)域也是大小一樣,且處于同一個(gè)位置上。文字顏色來自區(qū)域中的背景色。

請(qǐng)大家再仔細(xì)領(lǐng)會(huì)一下上述這些顏色是如何處理從而形成漂亮對(duì)比的。

本文所采用的顏色如下:

如果本頁不是您要找的課程,您也可以百度查找一下: