53日目 | web制作
本日は…
■カンプ制作
Illustratorを使ってカンプ制作の仕方を学ぶ
・960gridSystemを使って制作すると楽(最近はもっと横に広いサイトも多い)
・Illustratorのカンバスサイズは1200px(高さは任意)
・文字のサイズも決める
・ピクセル単位まで画像サイズを決めておくとコーディングが楽
・グリッドシステムは位置を揃えてからテンプレート化する
※カンプ内の文字はアンチエイリアスをとっておいたほうがクライアントともめない
→Illustratorで画像などを作った場合は、写真のようにグリッドを引かなくても画像を取り出せる
→アードボード変換を使用
今回はボタンにテクスチャを入れた関係でPhotoshopに書き出しを行った
→書き出す際、レイヤーの保持を忘れないように
前回同様スライスごとに画像を書き出し、保存
コーディングは現在進行中
■色彩設計
・Illustratorのカラーガイド
・NipponColor
・360℃Hue
などを使うと、色彩設計が簡単に行える