第5回 Webデザイン基礎講座

ウェブデザインの基本から、画像の配置・色使いまで論理的に説明できるデザインを学ぶ事ができます。Photoshopの便利な使い方もご紹介いたします。

カリキュラム

実習環境/利用ソフト

1. Windows Vista / Adobe Photoshop CS4

デザインの基本

1. 情報をわかりやすくするためのデザイン
2. ウェブデザインの特徴の理解
3. ウェブデザインで注意すべき点

デザインの概要・考え方

1. 余白と強調のバランス
2. 見やすいカラー
3. デザインから選ぶ色づかい
4. カラー

レイアウトの考え方とパターン

1. レイアウトの考え方とパターン
2. ウェブページのレイアウト
3. デザインパターンの理解
4. ユーザビリティ・導線を意識したデザイン

フォトショップ操作テスト（簡単な実習）

1. 簡単な実習

サイト制作【実習】

1. お題にでたウェブページのデザインの実習
2. レイアウト・構成

曖昧なクライアントの要望をデザインする力をつける

1. 図版率から知るウェブサイトの種類
2. レイアウトの基本と考え方
3. 目的別・コンセプト・タイプ別デザイン

フォトショップテクニック（１）【実習】

1. コンテンツにあわせたデザイン
2. サイドバーなどのデザインの考え方
3. クリックされるためのデザインの考え方

フォトショップテクニック（２）【実習】

1. アイコン作成
2. ナビゲーション作成
3. バナー作成