下次當你在設(shè)計一些報告書之類的封面時，可以將它設(shè)計得耳目一新。在狹窄封面上的彩色圖片對讀者產(chǎn)生了相當大的吸引力，同時又能讓讀者看到下面一頁的部分內(nèi)容。里面那一頁是介紹文字。這種版式永遠都給人吸引人的眼睛。

理論上說，這個封面可以說是由兩個頁面組成。由于這兩頁紙同時構(gòu)成了一個封面，所以里面的文字應(yīng)該與封面的圖案配合好水平線。

當然，將順序調(diào)換一下也未嘗不可。文字標題在最上面一頁，而圖片則變成內(nèi)頁。效果同樣不錯。

利用顏色及圖案的適當變化，可以使你輕易設(shè)計一系列這樣的漂亮封面。

二、封面上有太多照片要用？將它們按網(wǎng)格排列！

與其將封面設(shè)計成一幅復(fù)雜的抽象拼貼圖，不然將圖片排列整齊，既簡單，又美觀。這種按網(wǎng)格排列的圖片有大有小，互相重疊，但整體看起卻象是一個有機整體。

正方形網(wǎng)張：有時你在設(shè)計封面時很難找到一張完全合你心意的照片，干脆將幾張圖片同時用上。然后用方格來定位。當然，為了使它適合網(wǎng)格的大小，你事先需要對圖片進行適當?shù)募羟小Ｒ粋€ 4 × 4 的網(wǎng)格形成 16 個小方格。注意下圖中，這些網(wǎng)格線在設(shè)計中仍然是保留的。

從上面這個示意圖可以看出。整個網(wǎng)格將封面分成三部分，并將所有元素都形成了整齊的排列。而上下的文字都是與其中一條網(wǎng)線對齊的。

三、網(wǎng)頁：將眾多的信息形成視覺層次感是大的關(guān)鍵

Men.style.com 的網(wǎng)頁中包含了眾多的信息，下圖共有 9 張圖片，還有很多大小標題，所形成的區(qū)域數(shù)量也非常多――有重點的封面報道，有一些是比較次要的新聞，還有其它的搜索功能等等。但你在看這個網(wǎng)頁的時候，卻并不會讓你的眼睛無所適從眼花繚亂，相反，整個版面安排得非常漂亮及吸引人。為什么有這種效果？關(guān)鍵是他們在排版上強調(diào)了層次感。整個版面大元素與小元素之間，通過淺色及暗色及組織形成了協(xié)調(diào)的對比。

一眼望去，電影明星蓋倫霍爾（ Gyllenhaal ）是這個版面當之無愧的視覺焦點。他為什么有這種力量： 1 、他是這個網(wǎng)頁中大的一個元素； 2 、他的身體輪廓與那些矩形的直線邊框形成了對比； 3 、他超出了區(qū)域一部分； 4 、以黑色為主的肖像與周圍白色區(qū)域形成了對比。 5 、在這么多圖片中，他的面孔是大家最熟悉的，而且，他還直視著你。

從下面的示意圖你或許看到更清楚：

A 是最主要的區(qū)域。（ 1 ）該版面被分成三個主要區(qū)域；（ 2 ）而每一個區(qū)域又再細分為各個小區(qū)域；（ 3 ）這些小區(qū)域里面還有更小的區(qū)域。而 A 區(qū)域給人顏色厚重的感覺，使它輕易地與其它兩個區(qū)域分開。而 A 中的小區(qū)域之間的對比則較為低調(diào)，并沒有象大區(qū)域的對比那樣強烈。

這樣的劃分，使到網(wǎng)頁可以包含很多的信息。特別注意其中標題的樣式，在不同區(qū)域中一些主要標題的字體及樣式都是一樣的，使到整個版面在視覺上形成一個整體。

四、圖片版面：一些小元素可以“軟化”版面

怎樣才能在這個網(wǎng)頁設(shè)計中，使吉普車的圖片讓觀看的人顯得更有動感？簡單，在整個版面中加上一些小元素。這些小元素可以使網(wǎng)頁及圖片邊框所形成的硬邊感覺“軟化”，使到整個版面讓人覺得更加親切吸引。

從上面的兩個網(wǎng)頁中我們可以看到，圖片的吉普車圖片占據(jù)著非常大的位置，而且正在向你駛來！而當你加上一些小元素之后（如上圖的小石塊及樹葉），會使到整個版面產(chǎn)生微妙的視覺變化，因為這些小元素與吉普車的比例與我們在現(xiàn)實生活中所看到的比例感覺差不多一致的，這樣就會使吉普車給人的感覺更真實。而這些小元素加在版面的邊緣上，軟化了硬邊的感覺。這些小元素我們可以從一些圖片取出，而在應(yīng)用時應(yīng)該加上一點陰影效果，顯得更真實。

五、對于一些低預(yù)算及時間很緊迫的版面設(shè)計，我們應(yīng)該走極端！

對于一些小型設(shè)計項目，費用預(yù)算很低，但客戶又要求你時間要快，面對這種情況，我們以極端的方式設(shè)計是其中最容易的一條路――或者讓你的圖片顯得非常大，或者讓圖片顯得非常小。收集一些矢量或圖片素材，再加一些特別的字體，就可以輕松完成：

上面的設(shè)計中各個元素顯得很小，而且圖片樣式差不多。這種一行排列的設(shè)計不用幾分鐘就可以完成。一行細小的字體是希望故意增加版面的復(fù)雜性。而白色是其中主要的色調(diào)。

而上圖這個則相反，元素很大但結(jié)構(gòu)卻很簡單，我們將其中的圖片盡可能拉大，但與背景的對比不要太過強烈，出來的效果就是：你毫不費吹灰之力就創(chuàng)造出一種很酷的視覺效果。線條較細的字體與圖中那只有點呆鸛的形象產(chǎn)生良好搭配。請注意小示意圖中的虛線，它是各個元素之間產(chǎn)生聯(lián)系的參考線。

本文所用顏色如下：

網(wǎng)頁名稱：版面排版的五個技巧
網(wǎng)站路徑：http://aaarwkj.com/news/175100.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、搜索引擎優(yōu)化、建站公司、網(wǎng)站導(dǎo)航、網(wǎng)站維護、動態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)