版面編排參考樣式
| 版面編排對設計師來說是一種很難形容的技術，同樣的元素、圖檔、文字在不同的設計師手裡，會出現千變萬化的版面形式。 |
|
|
|
| 當我們在編排任何版面時，除了要考慮資訊內容重要性之外，更要注意如何呈現頁面的美感與附加的隱藏意含，環環相扣不可輕忽，也許版面編排的能力無法透過很快的捷徑提升，但是，透過不斷的練習與實例操作，慢慢的您會發現無形之中，在編排版面時會越來越得心應手，因為，經驗會是提升設計能力最好的催化劑。 |
|
|
 |
畫面區塊安排 |
|
認識版面編排之前同學必須先了解，設計編排不同的產品時會以不同的圖像要素「空間結構、圖片樣式、文字形式」來編排呈現，也就是說同樣一個A4比例的版面，用來編輯海報或書籍就會有完全不一樣的編排重點、版面元素組合，這是同學在編排版面時需要注意的地方。 |
|
 |
單頁面版型樣式 |
|
|
|
|
|
|
|
|
|
|
|
|
雙頁面版型樣式 |
|
|
|
|
|
|
運用色調建立層次與重點
| 編排版面的時候可以運用簡單的色彩或明暗搭配，設計出比較活潑而且層次分明的畫面呈現，另外在編排版面內容時，也需要注意有一些客戶強調的重點文案或是圖片，可以透過大小、色彩、特效的變化來凸顯，避免整個畫面看起來很「平」，讓觀看者不知道哪個是重點。 |
|
|
|
原始樣式 |
|
在下列的範例中，可以發現版面中不管標題、內文、圖片都是黑色的，比較沒有層次的分別。 |
|
|
|
|
|
|
|
|
|
|
色調調整後樣式 |
|
透過簡單的色調明暗變化可以讓畫面產生不一樣的層次效果與視覺效果。 |
|
|
|
|
|
閱讀動線與引導線段運用
| 如果畫面中有許多的文字資訊時，需要注意到視覺閱讀的動線與區塊的分界，畢竟不管畫面編排設計的在好看，如果閱讀起來不流暢或是區塊分佈很亂，這樣會出現很大的問題，因為我們是設計者當然很了解從何開始閱讀，但是對觀看者來說，由於她們是第一次接觸可能會不知從何閱讀起，因此，在編排比較多的文字時，記得要考慮到觀看者閱讀的流暢度，才會是一個好的版面設計。 |
|
|
|
Z型閱讀動線 |
|
Z型動線是一般最常看到的閱讀方向，不管是海報、雜誌、名片..等，都是最被大眾所習慣的閱讀方式。 |
|
|
|
|
|
|
|
|
|
|
N型閱讀動線 |
|
N型動線也是我們常看到的閱讀方向，例如海報、報紙、廣告DM..等。 |
|
|
|
|
|
|
|
|
|
|
引導線運用-原始樣式 |
|
透過簡單的色調明暗變化可以讓畫面產生不一樣的層次效果與視覺效果。在下列的範例中，可以發現版面中標題、內文感覺不出比較明顯的區塊分界，無法集中視覺的焦點於某一個區域。 |
|
|
|
|
|
|
|
|
|
|
新增引導線後 |
|
透過簡單的線段將標題與內文做一個區塊切割，可以讓版面的分界有比較明顯的區隔，閱讀上更容易集中焦點。 |
|
|
|
|
|
圖文整合編排運用
| 圖即是文、文即是圖，圖文之間有者非常微妙的連結，好的版面配置除了文字閱讀的流暢性外，還需要兼具到整體版面的風格與美感，而這就是編排裡面最難的部分，這需要許多的時間與經驗的累積來提升，接下來我們來練習版面的圖文編排。 |
|
|
|
原始樣式 |
|
單純的文字與圖片的編排，看起來整體版面比較單調沒有層次感。 |
|
|
|
|
|
|
|
|
|
|
重新排列組合後 |
|
透過不一樣的圖文排列組合與色調明暗調整，可以讓畫面更有設計感而且也比較生動。 |
|
|
|
|
|
範例
參考資料來源：巨匠電腦提供中小企業網路大學的創意美術設計課程
