【WebDesign】Photoshopでプロになる！オシャレ＆クールなウェブデザイン作成講座

Course Curriculum

Chapter 1: はじめに

Lecture 1: はじめに

Lecture 2: こんなデザインをphotoshopで作ります

Lecture 3: この講座で扱うアプリケーションについて（１）

Lecture 4: この講座で扱うアプリケーションについて（２）

Chapter 2: PC：ポートフォリオページを作成する

Lecture 1: デザインのテーマ

Lecture 2: TOPワイヤーフレームの作成（１）

Lecture 3: TOPワイヤーフレームの作成（２）

Lecture 4: TOPワイヤーフレームの作成（３）

Lecture 5: TOPワイヤーフレームの作成（４）

Lecture 6: TOPワイヤーフレームの作成（５）

Lecture 7: 下層ワイヤーフレームの作成（１）

Lecture 8: 下層ワイヤーフレームの作成（２）

Lecture 9: 【課題】ポートフォリオのワイヤーフレームを完成させましょう

Chapter 3: Photoshopの準備

Lecture 1: photoshopの準備（１）

Lecture 2: photoshopの準備（２）

Chapter 4: ポートフォリオTOP

Lecture 1: ヘッダー～アイキャッチまで（１）

Lecture 2: ヘッダー～アイキャッチまで（２）

Lecture 3: ヘッダー～アイキャッチまで（３）

Lecture 4: ヘッダー～アイキャッチまで（４）

Lecture 5: ヘッダー～アイキャッチまで（５）

Lecture 6: ヘッダー～アイキャッチまで（６）

Lecture 7: ヘッダー～アイキャッチまで（７）

Lecture 8: ヘッダー～アイキャッチまで（８）

Lecture 9: ヘッダー～アイキャッチまで（９）

Lecture 10: 最近の事例エリア（１）

Lecture 11: 最近の事例エリア（２）

Lecture 12: 最近の事例エリア（３）

Lecture 13: 最近の事例エリア（４）

Lecture 14: 最近の事例エリア（５）

Lecture 15: 最近の事例エリア（６）

Lecture 16: 最近の事例エリア（７）

Lecture 17: サービスエリア

Lecture 18: aboutエリア（１）

Lecture 19: aboutエリア（２）

Lecture 20: aboutエリア（３）

Lecture 21: contact〜footerエリア（１）

Lecture 22: contact〜footerエリア（２）

Lecture 23: contact〜footerエリア（３）

Lecture 24: 【課題】ポートフォリオTOPのデザインを完成させましょう

Chapter 5: ポートフォリオ下層ページ

Lecture 1: 下層ページ（１）

Lecture 2: 下層ページ（２）

Lecture 3: 下層ページ（３）

Lecture 4: 下層ページ（４）

Lecture 5: 下層ページ（５）

Lecture 6: 下層ページ（６）

Lecture 7: 下層ページ（７）

Lecture 8: 下層ページ（８）

Lecture 9: 下層ページ（９）

Lecture 10: 下層ページ（１０）

Lecture 11: 下層ページ（１１）

Lecture 12: 下層ページ（１２）

Lecture 13: 下層ページ（１３）

Lecture 14: 下層ページ（１４）

Lecture 15: 【課題】ポートフォリオ下層ページのデザインを完成させましょう

Chapter 6: 納品データへ仕上げる

Lecture 1: レイヤーを整理する（１）

Lecture 2: レイヤーを整理する（２）

Lecture 3: レイヤーを整理する（３）

Lecture 4: 【課題】作成したデザインpsdのレイヤーを整理してみましょう

Chapter 7: PC：コーポレートサイトを作成する

Lecture 1: デザインのテーマ

Chapter 8: ワイヤーフレームの作成

Lecture 1: ＴＯＰワイヤーフレームの作成（１）

Lecture 2: ＴＯＰワイヤーフレームの作成（２）

Lecture 3: ＴＯＰワイヤーフレームの作成（３）

Lecture 4: ＴＯＰワイヤーフレームの作成（４）

Lecture 5: ＴＯＰワイヤーフレームの作成（５）

Lecture 6: ＴＯＰワイヤーフレームの作成（６）

Lecture 7: 下層ワイヤーフレームの作成（１）

Lecture 8: 下層ワイヤーフレームの作成（２）

Lecture 9: 下層ワイヤーフレームの作成（３）

Lecture 10: 【課題】コーポレートサイトのワイヤーフレームを完成させましょう

Chapter 9: コーポレートサイトTOP

Lecture 1: ヘッダ〜アイキャッチ、メニューエリア（１）

Lecture 2: ヘッダ〜アイキャッチ、メニューエリア（２）

Lecture 3: ヘッダ〜アイキャッチ、メニューエリア（３）

Lecture 4: ヘッダ〜アイキャッチ、メニューエリア（４）

Lecture 5: ヘッダ〜アイキャッチ、メニューエリア（５）

Lecture 6: ヘッダ〜アイキャッチ、メニューエリア（６）

Lecture 7: ヘッダ〜アイキャッチ、メニューエリア（７）

Lecture 8: ヘッダ〜アイキャッチ、メニューエリア（８）

Lecture 9: ヘッダ〜アイキャッチ、メニューエリア（９）

Lecture 10: ヘッダ〜アイキャッチ、メニューエリア（１０）

Lecture 11: ニュースエリア（１）

Lecture 12: ニュースエリア（２）

Lecture 13: ニュースエリア（３）

Lecture 14: スタッフ紹介バナー（１）

Lecture 15: スタッフ紹介バナー（２）

Lecture 16: ブログリンクリスト

Lecture 17: フッターロゴ周辺（１）

Lecture 18: フッターロゴ周辺（２）

Lecture 19: フッターメニュー（１）

Lecture 20: フッターメニュー（２）

Lecture 21: map、フッター

Lecture 22: 【課題】コーポレートサイトTOPのデザインを完成させましょう