授業の資料
教材へのリンク
- Flashスライドサンプル
- ポートフォリオの雛形|サンプル
- Photoshop背景サンプル
- Photoshopボタンサンプル
- Flashボタンサンプル
- デザイン案制作課題
- スライス制作教材
- バナー制作教材
- Webサイト制作教材
- ボタン教材1
- レイヤーマスク教材2
- レイヤーマスク教材1
- HTML&CSSテスト(PDF:983KB)
- 地図課題データ
- ベジェ曲線トレーニング
- PSDサンプル
- レイヤースタイル練習台
- 課題サイトのテーマ
- CSSボックスの問題集
- CSSナビゲーションの問題集
- CSSレイアウトの問題集1
- CSSレイアウトの問題集2
- CSSレイアウトの問題集3
- レイアウト・テンプレート1
課題発表(認証あり)
図解
- 試験のコツ
- Web Design Teamwork
- ポートフォリオの工程
- FLASH CS4 モーショントゥイーン
- 4月のスケジュール
- Photoshopレイヤーパネル
- Photoshopショートカット
- illustratorショートカット
- Web Design Workflow
- Web Design House
- PhotoshopでWeb用に保存する
- overflowプロパティについて
- Webサイトの骨格
- ワイヤーフレームの例
- Fireworksのしおり
- Illustratorのしおり
- スタイルシートによるレイアウト~divボックス~
- スタイルシートによるレイアウト~divボックス2~
- スタイルシートによるレイアウト~家に例えて~
- フロートとリストナビについて
- HTML&CSS 基本のまとめ
- パスの構造について
- Webデザインについて
サイト制作に役立つリンク集
参考サイトへのリンク
- 参考サイトリンク(かっちり系)
- 参考サイトリンク(制作系)
- TAG INDEX
- Webデザイン配色TIPS
- 和色大辞典
- カラースキームデザイナー
- Illustrator:ベジェ曲線TIPS
- Fireworksマニア
- MdN Photoshop超基本のテクニック
- Web Design Library
- ボーダーによる装飾
- 2StepCss.com
- 螺旋デザイン:はじめてのCSS
- 初心者のためのFlash講座
- CSS Lecture(Webデザイン総合)
- コリス(Webデザイン総合)
- Webクリエイターボックス(Webデザイン総合)
- かちびと.net(Webデザイン総合)
- Webクリエイター能力認定試験 - 試験実施概要
素材集
その他のリンク集
引き出しを増やそう!
授業で紹介した書籍
- 日本のロゴ1&2
- デザインの教室 手を動かして学ぶデザイントレーニング
- デザイン・レイアウトの定番を学べる本
- デザイン・レイアウトの定番が上手になる本
- Webデザイン表現&技法の新・スタンダード
- デザイナーのための著作権ガイド