如何僅僅利用簡單的線條設(shè)計(jì)一個(gè)充滿典雅風(fēng)格的封面?在版面上如何放置多張圖片?在一張大圖片上加上多個(gè)說明文字區(qū)域,出來的效果永遠(yuǎn)吸引人。如何將你公司枯燥的產(chǎn)品名稱變得更加吸引?如何通過矩形區(qū)域元素來制作一個(gè)漂亮的網(wǎng)頁?讓我們一起繼續(xù)雜談! 圖片:線條構(gòu)成文件 用線條(技術(shù)上說,是一條線)描繪的元素可以傳達(dá)出非常漂亮或電子信息感的印象,它可以將復(fù)雜的圖片簡化,并將本來平淡的元素變得有趣。對于一些原來缺乏沖擊力的圖片,這樣處理是一種非常不錯(cuò)的補(bǔ)救辦法,如果應(yīng)用在網(wǎng)頁上,在信息交換上也效率十足。
居中排版:如果說,設(shè)計(jì)一個(gè)典雅的封面有什么技巧,那就是,用一種溫和的顏色,字體尺寸要小,有大面積的開放空間,并用線條來描繪元素(包括邊框),線條的粗細(xì)均相等。 不同的線條: 找一張有清晰輪廓的照片,用鋼筆工具沿邊緣描線。你可以將不同的照片結(jié)合在一起也行。如果是對字母、數(shù)字及符號(hào)進(jìn)行描邊,那更加容易。線條可以是多種多樣的,可以應(yīng)用細(xì)線,粗線,點(diǎn)線或加上各種顏色的線條(見上圖的幾個(gè)例子,從左到右:描邊,粗線條,點(diǎn)線,重疊)。一般來說,線條越細(xì),出來的效果顯得越經(jīng)典,很有藝術(shù)味。 封面:設(shè)計(jì)一張圖片相框式的封面 最近你有沒有去過售賣藝術(shù)品的商店?用多張相片放在一起組成的相框現(xiàn)在特別熱銷!它們顯得干凈整潔,象網(wǎng)線排列,掛在你家的墻上,蓬蓽生輝,當(dāng)然,應(yīng)用在頁面上,效果同樣不錯(cuò)。設(shè)計(jì)師長期以來都在使用網(wǎng)格線來安排版面,所以借用一下也合情合理。
多張相片整齊放在相框里,效果當(dāng)然要比那些在墻上掛滿尺寸參差不齊的相框出來的效果要好很多。應(yīng)用在設(shè)計(jì)上,同樣有這種效果。注意上面大圖中這個(gè)版面的層次感:背景區(qū)域是采用一種中性的顏色,可以同時(shí)與圖片中的深色及淺色形成對比,從而使整個(gè)版面呈現(xiàn)深、中、淺的層次感。 要應(yīng)用這種方法時(shí),首先要確保在一個(gè)版面中所有的圖片尺寸要一樣大。然后再根據(jù)圖片的數(shù)量來組織成行或列或組,位置可以是向頁面中心對齊(穩(wěn)定、平靜)或偏向一邊(緊張、興奮)。 字體要??!均中或偏向某一邊,效果一樣不錯(cuò)。 版面:在一種特別的照片用上多個(gè)說明 在我們前面的一篇文章中,我們曾經(jīng)告訴你我們是很喜歡這種在圖片上加上多個(gè)說明的排版技巧的,要記住的是:一定是要多個(gè)說明文字,而不是僅僅一塊文字。這種技巧用在一些大圖片上,效果特別不錯(cuò),象是在同步傳達(dá)圖片的信息,但我們使用這種技巧最大的原因是,每一張照片我們都有“很多個(gè)故事”要講給觀眾聽。 (點(diǎn)擊上圖看大圖) 半透明的文字背景: 這張照片魅力十足,所以在使用上,照片應(yīng)該盡可能放大,然后直接在圖片上方使用說明文字。背景框線條一定要細(xì),字體形式要簡單,切忌使用花里花俏的字體,某些背景設(shè)為半透明(可以填充淺灰色,再設(shè)置不透明度),使圖片局部傳達(dá)一種若隱若現(xiàn)及靈巧的感覺。 名稱:在名字中加進(jìn)圖片 有時(shí)候,產(chǎn)品名稱與產(chǎn)品本身就是天生一對,試一下這種技巧,將文字與圖片緊密結(jié)合,可以比單獨(dú)的文字給人留下更深刻的印象。
有兩種情況:一種是將圖片直接插入,如上圖中,盆景是一個(gè)說明性的圖片,很容易“閱讀”,加進(jìn) IKKO 的名稱中。從上圖示意圖可以看出,要將圖片當(dāng)作是一個(gè)字母來對待,各個(gè)間隔要相等。 第二種情況:將圖片代替其中的一個(gè)字母 這種情況不是總會(huì)發(fā)生,即你的產(chǎn)品不僅僅配合文字意思,而且其形狀還與名稱中其中一個(gè)字母形狀接近,如上面的例子,其產(chǎn)品剛好形成其中一個(gè)“ h ”,或者一個(gè)邊緣圓滑的球形成為一個(gè)“ o” 。雖然你不一定總這么好運(yùn),但如果碰上了,嘗試一下,不亦樂乎? 網(wǎng)頁:矩形組合 如果你將一個(gè)元素、顏色或者位置組合作為一個(gè)視覺元素來重復(fù)應(yīng)用,那你就無形中創(chuàng)造了一種“風(fēng)格”。如果這種重復(fù)應(yīng)用能夠給人留下印象,那你就可以將它作為一個(gè)主題。主題比文字更容易“閱讀”,還能夠給人留下深刻印象。為了說明這一點(diǎn),我們看一下 Parc Rittenhouse 公司是如何利用矩形及春天的顏色來作為它們網(wǎng)站的主題: 大矩形,小矩形: 上圖大圖中,五個(gè)小的正方形組成了導(dǎo)航區(qū)域,而頁面中一個(gè)大的矩形區(qū)域就放置著大標(biāo)題。在每一個(gè)矩形中,白色的文字都是放置于左下角,形成一種圖案美。上圖小圖中,當(dāng)你點(diǎn)擊其中一個(gè)小矩形鏈接,該區(qū)域就會(huì)變成白色,同時(shí),下方大矩形背景顏色會(huì)變成與點(diǎn)擊的小矩形原來一樣顏色,而且,文字標(biāo)題同樣是位于左下角。而以樹葉構(gòu)成弧線邊緣的標(biāo)志,則與所有的矩形形成了鮮明的對比。 本文所用顏色數(shù)值: |
|