網(wǎng)格在AI排版中的妙用(圖文教程)

本教程是向大家介紹網(wǎng)格在AI排版中的妙用,網(wǎng)格,或是說柵格系統(tǒng),是做版式設(shè)計(jì)、平面設(shè)計(jì)、Web 設(shè)計(jì)的重要工具,作者通過實(shí)例向大家介紹網(wǎng)格的應(yīng)用。教程實(shí)用性非常強(qiáng),推薦給大家,希望對(duì)大家有所幫助!
在 1960 年代,瑞士的現(xiàn)代主義平面設(shè)計(jì)海報(bào)、宣傳單中,就大量使用了網(wǎng)格來組織信息元素。進(jìn)入信息時(shí)代后,隨著 Web 的興起,由于網(wǎng)頁設(shè)計(jì)與平面設(shè)計(jì)、版式設(shè)計(jì)有很強(qiáng)的相似性,網(wǎng)格也被大量應(yīng)用在了 Web 中。網(wǎng)格的好處,就是在于給予一種規(guī)約,令排版者可以較為方便的組織標(biāo)題、列表、段落、圖片等元素,保持版面元素之間的一致性,協(xié)調(diào)正負(fù)空間。一句話概括應(yīng)用網(wǎng)格的好處:「隨心所欲,不逾矩」

(圖片摘自現(xiàn)代主義設(shè)計(jì)師 Massimo Vignelli 的 The Vignelli Canon 電子書)
不過,雖然用網(wǎng)格組織、排版信息相當(dāng)方便,通常創(chuàng)建網(wǎng)格本身卻是一件十分令人頭痛的事情。通常的做法是:
吭哧吭哧地在紙上算,計(jì)算網(wǎng)格的大小、間距什么的,算到天昏地暗;然后吭哧吭哧地拉參考線……很容易看出,這是一個(gè)特別苦的過程,特別是對(duì)于我這樣數(shù)學(xué)學(xué)渣而言。所幸,AI 提供了一個(gè)工具,把設(shè)計(jì)師從吭哧吭哧的計(jì)算和吭哧吭哧的拉參考線解放了出來。今天的內(nèi)容很少,就是要講這個(gè)工具的使用。這個(gè)工具用起來特別簡單,這次還是像前幾次那樣,通過一個(gè)具體的案例來說明:給一個(gè) A4 紙打上類似這樣的網(wǎng)格:

首先,依然是新建文件。不過這次要新建一個(gè) A4 大小的文檔(210mm x 297mm)。
然后,在這個(gè)文檔的畫板上畫一個(gè)大小同畫板大小,覆蓋整個(gè)畫板的矩形,并去掉這個(gè)矩形的填充和描邊。
接下來,確定頁邊距。假設(shè)我們這個(gè)文檔的的橫豎頁邊距分別是 12mm,15mm 的話,選中矩形,在「變換」面板中選參考點(diǎn)為圖形中心,寬與高那兩個(gè)文本框分別輸入這樣的表達(dá)式:210 – 24mm, 297 – 30mm,即「長度 – 頁邊距 x 2」。AI 是可以支持類似這樣較為簡單的算數(shù)表達(dá)式的,類似這樣:

做好后畫板應(yīng)該類似這樣:

然后,執(zhí)行菜單命令:「對(duì)象」-›「路徑」-›「分割為網(wǎng)格」,在彈出的對(duì)話框中做如下設(shè)置:

點(diǎn)擊「確定」,幾乎就搞定了!如圖:

相關(guān)文章
ai怎么混合兩種顏色? illustrator混合兩個(gè)色塊的顏色的方法
ai填充不同顏色的圖形重疊以后,想要將兩種顏色混合,該怎么混合顏色呢?下面我們就來看看詳細(xì)的教程2024-07-18ai如何自定義網(wǎng)格線間距? ai參考線間距的調(diào)節(jié)方法
ai網(wǎng)格線間距默認(rèn)的不是很喜歡,想要自己調(diào)整一下,該怎么調(diào)整呢?今天我們就來看看參考線調(diào)整技巧2024-05-28ai路徑平均效果怎么用? illustrator使用平均路徑的教程
Adobe Illustrator中有一個(gè)路徑平均功能,如何使用呢?下面小編為大家演示路徑平均功能的一種使用方法2024-05-21ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決? 去掉pdf文件多余內(nèi)容的技巧
ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決?ai中的文檔保存為pdf文件的時(shí)候,發(fā)現(xiàn)有多余內(nèi)容,該怎么操作呢?下面我們就來看看去掉pdf文件多余內(nèi)容的技巧2023-12-19- ai描邊在哪里?ai中想要設(shè)置描邊,該怎么操作呢?下面我們就來看看ai設(shè)置描邊的多種方法2023-12-19
ai原位復(fù)制怎么用? ai原位復(fù)制快捷鍵介紹
ai原位復(fù)制怎么用?復(fù)制圖形的時(shí)候,想要原位復(fù)制粘貼,該怎么操作呢?下面我們就來看看ai原位復(fù)制快捷鍵介紹2023-12-19ai怎么讓文字隨著路徑變形? illustrator區(qū)域文字不跟著變換方向問題的
ai怎么讓文字隨著路徑變形?選中文字后,發(fā)現(xiàn)文字不跟隨變換區(qū)域旋轉(zhuǎn)該怎么辦呢?下面我們就來看看illustrator區(qū)域文字不跟著變換問題的解決辦法2023-11-30ai漸變色怎么調(diào)方向? illustrator將漸變顏色反向的技巧
ai漸變色怎么調(diào)方向?ai中給圖形填漸變色,想要進(jìn)行反向,該怎么操作呢?下面我們就來看看illustrator將漸變顏色反向的技巧2023-11-30Ai彩色logo怎么做反白反黑效果? ai彩色logo轉(zhuǎn)化為黑白稿的技巧
Ai彩色logo怎么做反白反黑效果?設(shè)計(jì)的彩色logo想要做黑白稿,就是反黑反白效果,下面我們就來看看ai彩色logo轉(zhuǎn)化為黑白稿的技巧2023-11-12ai怎么設(shè)計(jì)迷宮字體效果? ai做3d立體迷宮字的技巧
ai怎么設(shè)計(jì)迷宮字體效果?我們需要使用分割網(wǎng)格結(jié)合形狀生成器工具,制作迷宮字體,下面我們就來看看詳細(xì)的設(shè)計(jì)過程2023-11-02