ワイヤーフレーム

練習

ブラウザの画面キャプチャを、イラストレーターのテンプレートにする
ブロックレベル要素を四角形で囲う

IllustratorからPhotoshop形式に書き出し

• レイヤーを生かす
• アンチエイリアスはオフ
• 解像度72ppi

サムネイルを選択、選択範囲をつくりガイド線を引く(選択範囲に吸着する)。
レイヤー毎にわけた方が便利。

実際に組むとしたら・・・
※ガイドからスライスを作成出来る
※もしくはFirefoxの機能拡張で画像をダウンロード、練習用にする。