tft每日頭條

 > 生活

 > 平面圖優化教程

平面圖優化教程

生活 更新时间:2024-11-23 10:27:47

網格是什麼?這個問題難倒了不少的設計師。在我看來,其實網格隻是一個規範你設計的參考線,提供工作效率的工具而已。無論是什麼方法,能達成目的就是好方法。那麼今天我就按照個人工作的經驗,給大家說說怎麼在工作中應用網格。

平面圖優化教程(平面設計幹貨超詳細的網格設置及運用)1

這是畫冊的開本,我們看到裡面的線,所構成的就是一個網格系統。也就是說利用頁面上我們預先确定好的網格,按照一定的視覺原則,在網格内分配文字和圖片。那麼這些線,在版面有什麼功能呢?

平面圖優化教程(平面設計幹貨超詳細的網格設置及運用)2

首先是版心。我們看到中心紅色部分就是版心。在進行版面設計時,不僅需要考慮版心的高和寬,還要同時考慮字号、行間距字間距,文本數量、圖片數量。所以美觀的版面離不開優質的頁面比例和版心尺寸。

平面圖優化教程(平面設計幹貨超詳細的網格設置及運用)3

那麼這些欄有什麼用處?主要是放置文本信息。所以也叫分欄網格,豎向的欄放置橫排的文字,而橫向的欄是放置豎排的文字,例如我們看到台灣、香港 、還有日本的編排,大部分是用這種豎排。可是我們看到欄跟欄之間的文字靠得太緊密,影響了閱讀。我們需要把文字段隔開一點。

平面圖優化教程(平面設計幹貨超詳細的網格設置及運用)4

于是設定了欄間距,那麼黃色的區域就是欄間距,也叫欄空。有了欄間距,文段之間有區分了,閱讀起來也比較舒适。至于欄間距設置多寬?取決于開本和字号。

可是頁面除了有文字之外,還有圖片元素。為了讓圖片和文字更加靈活根據網格去編排。于是我們劃分橫線或豎向的線。

平面圖優化教程(平面設計幹貨超詳細的網格設置及運用)5

而這些橫豎線形成的格子,就是模塊,它們的尺寸都是統一大小的。那麼頁面也就形成模塊網格了。我們看看它們有幾個模塊組成的網格。

平面圖優化教程(平面設計幹貨超詳細的網格設置及運用)6

左頁面由6*11個模塊組成,右頁面由7*7個模塊組成的網格。有了這些模塊之後,一方面能保持基本的分欄結構,另一方面還能形成一種更加靈活多變的圖文布局方式。

平面圖優化教程(平面設計幹貨超詳細的網格設置及運用)7

我們把圖片放上去,看看效果。下面就是根據模塊網格排列的版面。

平面圖優化教程(平面設計幹貨超詳細的網格設置及運用)8

所以設計師在設計畫冊書籍過程中,要綜合考慮運用到分欄或者模塊網格。雖然一般來說,文字是以分欄形式來設置,而圖片内容則以模塊定義,但它們能被靈活使用,更能創造出版式的可能性。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved