Advertisement

960gridaction

 

ウェブデザイン制作を行うときにどのような手順で行いますか。

まずグリッドラインをデザインしてからデザインパーツを組み立てていく方も多いのではないでしょうか。

 

海外デザインブログJohnny Ninesでは、ボタンひとつでさまざまなグリッドラインを生成してくれるPhotoshop用アクションファイル「960 Grid System Photoshop Actions」が公開されていたので、今回はご紹介します。

 

このアクションパックには4カラムから6、8、10、12カラムまでの5種類のグリッドラインをワンクリックで作成することが可能となっています。

使い方もとても簡単になっています。

 

1. まずダウンロードしたアクションパックをインストールしたら、Photoshopを起動しましょう。

2. 続けてお好みのカラム数を選択して、後はアクション再生ボタンを押せば以下のように1160x1400pxのカンバスに半透明のグリッドラインを自動的に生成してくれます。

gridpreview

 

またレイヤーパレット上もヘッダー、コンテンツ、フッター、背景の4種類のフォルダに自動的に分けられるので、ウェブデザイン制作も楽に行うことができます。

screenshot.24-06-2010 17.07.22

 

使用に関するライセンスも個人利用、商用利用関わらず自由に利用することができる点もポイントではないでしょうか。

以下のボタンをクリックすると自動的にダウンロードが開始されます。