講解ps輔助線(xiàn)(3)

使用動(dòng)作或腳本：

960網(wǎng)格系統(tǒng)是網(wǎng)頁(yè)上比較流行的網(wǎng)格系統(tǒng)。http://960.gs/網(wǎng)站制作了一個(gè)atn文件讓設(shè)計(jì)師生成不同類(lèi)型的960網(wǎng)格。這個(gè)動(dòng)作會(huì)新建一個(gè)固定寬度的文檔然后對(duì)該文檔添加輔助線(xiàn)。如果要讓輔助線(xiàn)居中，需要改變畫(huà)布的大小�？梢詫�畫(huà)布寬度改為960PX，運(yùn)行動(dòng)作之后再將畫(huà)布水平方向兩邊擴(kuò)展相同尺寸，這樣輔助線(xiàn)便會(huì)居中。

更改畫(huà)布大小的時(shí)候輔助線(xiàn)會(huì)居中

使用腳本創(chuàng)建網(wǎng)格系統(tǒng)會(huì)更加自由而且靈活。腳本除了能完成類(lèi)似ps動(dòng)作這樣固定的操作，還能可以加入邏輯或者判斷，從https://gist.github.com/1335730 上下載壓縮包，或者將代碼復(fù)制復(fù)制出來(lái)保存成.jsx文件。在ps菜單“文件”-“腳本”-“瀏覽”打開(kāi)下載的"NumberGuidesGride.js"文件(需要文件瀏覽對(duì)話(huà)框的文件類(lèi)型下拉選項(xiàng)選擇".js"文件)，腳本會(huì)詢(xún)問(wèn)垂直輔助線(xiàn)的間隔和寬度，不需要水平輔助線(xiàn)的可以輸入0。

使用擴(kuò)展：

GuidesGride是一個(gè)免費(fèi)的設(shè)置輔助線(xiàn)的photoshop的擴(kuò)展，能夠建立各種有規(guī)律的輔助線(xiàn)，保存和管理各種用戶(hù)預(yù)設(shè)。介紹文檔 http://www.guideguide.me/ 。這個(gè)擴(kuò)展安裝需要使用到Adobe Extension Manager,安裝完之后重啟ps，便可以在菜單“窗口”-“擴(kuò)展”下打開(kāi)GuidesGride面板。

三、相關(guān)書(shū)籍

《秩序之美——網(wǎng)頁(yè)中的網(wǎng)格設(shè)計(jì)》Ordering Disorder：Grid Principles for Web Design

《柵格系統(tǒng)與版式設(shè)計(jì)》Grid Systems:Principles of Organizing Type(Kimberly Elan)

四、一句話(huà)總結(jié)

離你越近的地方，路途越遠(yuǎn);最簡(jiǎn)單的音調(diào)，需要最艱苦的練習(xí)。