【譯者的話】 如何讓標(biāo)題與圖片合二為一？陰影并不僅是一個(gè)不起眼的元素，完全可以充當(dāng)大任；如何為多彩的 iPod 產(chǎn)品搭配顏色？一個(gè)簡單的人體輪廓卻能產(chǎn)生極佳的視覺效果；如何利用照片來安排職員名單？五個(gè)實(shí)用招式，助你開闊設(shè)計(jì)視野。
原文出處：
www.bamagazine.com版面：設(shè)計(jì)漂亮的單行標(biāo)題
標(biāo)題當(dāng)然很重要，但在設(shè)計(jì)中如果圖片也很重要時(shí)，你如何將兩者合二為一？試一下這招：將標(biāo)題設(shè)成單行，這一行要非常細(xì)，但卻很寬。全大寫的字母傳達(dá)了莊嚴(yán)和力量，而字體較小則顯得權(quán)威感十足。這種設(shè)計(jì)關(guān)鍵是文字背景要設(shè)成透明，使標(biāo)題及圖片合二為一。
單行標(biāo)題可以與圖片完美融合，雖然文字很小，但其位置放在靠近版面的中間位置，自然使其成為觀看的焦點(diǎn)。做起來不費(fèi)吹灰之力，首先我們畫一個(gè)很寬但很細(xì)的區(qū)域，降低其不透明度（這里我們選擇了 70% ），并且加上一點(diǎn)陰影，在上面放置文字標(biāo)題，增大字符間距（我們選擇 200% ，見下圖）。
LOGO ：當(dāng)陰影成為故事的另一半
就象身體語言傳達(dá)另一種意義一樣，陰影同樣訴說著另一種“聲調(diào)”，利用陰影，我們可以使版面增加更多的信息。一些全實(shí)色的輪廓圖片非常適合用來制作陰影的效果。
經(jīng)典的襯線字體傳達(dá)了三圣頌（ SANCTUS ）宗教般的優(yōu)雅與威嚴(yán)，采用小寫字母可以弱化這種字體鋒利的線條。天使的陰影元素傳達(dá)了一種沉默及神圣的信息。如果采用一個(gè)常規(guī)清晰的天使形象，整個(gè)標(biāo)志的力量感反而削弱。
下面是利用陰影設(shè)計(jì)的另一個(gè)例子：
蓬松的棕櫚樹葉的陰影形成一架噴氣式飛機(jī)，傳達(dá)了一種間接的信息。你可能需要看上一兩眼才會(huì)留意到飛機(jī)的存在。棕櫚樹及飛機(jī)都是一些剪貼畫的素材，我們將原來黑色的飛機(jī)素材減低其不透明度至 20% ，并在 PS 里采用高斯模糊對其邊緣進(jìn)行軟化。出來的效果就是：一虛一實(shí)的兩個(gè)素材既形成協(xié)調(diào)統(tǒng)一，而且信息也互相得到加強(qiáng)。
顏色： iPod 好色！
顏色永遠(yuǎn)不會(huì)單獨(dú)存在，它總是受到周圍其它顏色的互相影響。在設(shè)計(jì)多彩的 iPod shuffle 展示版面時(shí)， Apple 公司采用了強(qiáng)對比效果使其小小的 iPod shuffle 突圍而出！
利用補(bǔ)色搭配創(chuàng)造強(qiáng)烈對比：
在本網(wǎng)站“透視色輪”一文中，我們已經(jīng)講述過，互為補(bǔ)色的兩種顏色能夠形成強(qiáng)烈對比，特別是這兩種顏色區(qū)域一大一小搭配時(shí)效果最佳。上述的設(shè)計(jì)正是對這種顏色關(guān)系的最好說明（最右邊圖接近補(bǔ)色搭配）。為什么補(bǔ)色能夠形成強(qiáng)對比？因?yàn)榛檠a(bǔ)色的兩種顏色，在顏色關(guān)系上它們兩者之間不存在共同的顏色，從而形成了一種緊張的對比關(guān)系。
利用顏色明暗來形成對比：
上圖左的設(shè)計(jì)是將明亮的顏色放在黑色區(qū)域上形成強(qiáng)烈對比，而上圖右將銀色放置在灰色的背景中傳達(dá)了一種協(xié)調(diào)之美。
圖片：設(shè)計(jì)人體模特效果
說到 iPod ，那我們可以再談?wù)勍瑯泳哂?iPod 風(fēng)格的設(shè)計(jì)，你可能已經(jīng)在一些有關(guān) iPod 的廣告中看到過這種風(fēng)格，在廣告中的人物只有輪廓，沒有細(xì)節(jié)。這一招我們可以拿來在其它地方用一下，比如，作為衣服展示的人體模特：我們將模特的所有細(xì)節(jié)都去掉，只留下身上的衣服，不用想都知道：這件衣服理所當(dāng)然會(huì)成為讀者的視覺焦點(diǎn)。
上圖左的圖片，說不上好也說不上壞，反正就是沒有什么特色，顯得很普通。而象上圖右這樣的處理，則效果完全不一樣，極具視覺沖擊力！
但你有沒有注意到一點(diǎn)：原來圖片中的這個(gè)模特的發(fā)型太過淑女 Feel ，而我們希望是一個(gè)辣女形象來配合這些服裝宣傳。自己當(dāng)一回發(fā)型師吧，在 PS 里用橡皮膠工具或其它涂抹工具對她的發(fā)型動(dòng)一下：
在實(shí)際的推廣中，你可以只保留一件衣服或兩件同時(shí)用上也可以：
這種設(shè)計(jì)在實(shí)際中其實(shí)還有一個(gè)好處：使你尋找圖片更加靈活，長得漂不漂亮沒關(guān)系啦，反正兩眼一抹黑。
如何做這種效果？其實(shí)并不難，不過所用的圖片必須是有清晰的輪廓，里面的衣服等元素沒有被其它元素阻斷。 PS高手就可以跳過下面的制作過程說明了,新手就看看吧:
一、創(chuàng)建選區(qū)：在 PS 里，將前景色設(shè)為白色，背景色設(shè)為黑色。用鋼筆工具或其它工具將整個(gè)輪廓勾好并作為一個(gè)選區(qū)，將所選區(qū)域復(fù)制到一個(gè)新層上（圖層 1 ）； PS ：圖層 > 新建 > 通過拷貝的圖層。
二、填充背景：選擇背景圖層，將該背景圖層填充為白色。接著，在圖層 1 中，將想突出的衣服的區(qū)域勾出來并激活選區(qū)，并同樣復(fù)制到一個(gè)新層上（圖層 2 ）； PS ：圖層 > 新建 > 通過拷貝的圖層。
三、填充整體輪廓：選擇圖層 1 ，按住 Ctrl 鍵并點(diǎn)擊圖層面板上的縮略圖載入選區(qū)。接著建立一個(gè)新層（圖層 3 ，見上圖）。按下 X 鍵將前景色變成黑色，然后按下 Alt+BackSpace 鍵填充黑色。取消選擇，將圖層 1 隱藏。大功告成。
其實(shí)這種效果還有一個(gè)變化，即，里面不是填充黑色，而是用線條表現(xiàn)：
用相片設(shè)計(jì)名單：
很多時(shí)候我們在設(shè)計(jì)公司管理層人員名單時(shí)，除了簡單的將名字單調(diào)地列出，并沒有多少變化。在下面的例子中一個(gè)關(guān)于某大學(xué)的人類學(xué)部門的職員名單設(shè)計(jì)，我們采用每個(gè)人的照片來設(shè)計(jì)，顯得更加親切，而且整體給人更象一支團(tuán)隊(duì)的感覺。要注意的是：無論是圖片的剪切、字體及顏色都要統(tǒng)一，切忌凌亂。
點(diǎn)擊上圖看大圖
協(xié)調(diào)一致：在一個(gè)有很多瑣碎元素的版面中，一定要保持統(tǒng)一協(xié)調(diào)，不要有太多的變化，如在上圖這個(gè)設(shè)計(jì)中的照片，不要心血來潮，將一些相片設(shè)計(jì)成矩形，另一些又是圓形。照片及人員介紹的邊框尺寸一樣，連陰影都要保持一致。照片中，人物的臉部區(qū)域在照片中所占比例也大致相同。顏色呼應(yīng)使用，字體重復(fù)應(yīng)用。整體版面象是一個(gè)具有爆發(fā)狀的元素，充滿能量：
本文所有顏色數(shù)值如下:
相關(guān)文章
隨機(jī)推薦
- 設(shè)計(jì)理論 | 2006-07-18
- 設(shè)計(jì)理論 | 2006-03-02
- 設(shè)計(jì)理論 | 2016-07-11
- 設(shè)計(jì)理論 | 2006-03-09
- 設(shè)計(jì)理論 | 2010-05-27
- 設(shè)計(jì)理論 | 2009-10-08
