【譯者的話】很多網頁都有一個醒目的大橫幅區(qū)域，但設計上大都千篇一律，如果你訪問FACTOR DESIGN網站，你會發(fā)現(xiàn)，該區(qū)域的變化比你想象中要豐富得多――并不是通過特效，而是通過版面設計，他們對橫幅的間隔設計讓你在任何平面設計中都能獲得靈感。

原文出處：www.bamagazine.com

由圖片構成的區(qū)域顯得結構清晰、重點突出及信息有效傳達，并且具有多種意想不到的功能。

Factor Design網站令人一見難忘，其版面結合了作品展示及手冊設計的特點形成漂亮的效果。白色的開闊區(qū)域，高度簡潔及最小化的構成，柔和的顏色搭配，通過一些隱藏的表格整潔清晰地呈現(xiàn)出來。

這個版式結構我們有兩點是特別欣賞的：一是它采用了印刷類的平面設計風格，使用襯線字體，文字顏色對比低調柔和，不同文字欄寬度形成強烈對比。二是上面的水平圖片區(qū)域設計，使整個版面顯得優(yōu)雅漂亮。這個圖片區(qū)域只看上一眼，你可能不能一下子認識它的所有優(yōu)點，但我們之所以深入討論這個區(qū)域是因為如果從技術上來說，你采用了同樣這種方法，就可以得到同樣漂亮的相似效果――無論是網站設計還是其它平面設計。看一下我們能夠從這個網站設計中學到什么。

版面結構：

書本狀的頁面版式結合了印刷及網站設計的風格，只使用一種襯線字體，而文字尺寸只有兩種。

點擊上圖看大圖

顏色：

在開闊的白色背景上，兩種文字顏色已經可以傳達出一種清新及悅目的效果。

點擊上圖看大圖

文字顏色對比：

不同的背景顏色有不同的欄目文字名稱顏色，但文字與背景的顏色卻保持了低對比度的關系。

圖片區(qū)域：

放置圖片的橫幅區(qū)域的大小及位置是固定的，但里面卻可以有千變萬化。設計從最基本的空間分割開始：

充滿表現(xiàn)力的變化：

在下面，我們將會看到圖片通過結合、搭配、剪切及組織可以有非常豐富的變化，而讓人印象深刻的是這些效果都只是在這個簡單的橫幅中實現(xiàn)。

本文所用顏色數值（RGB）：