はじめに
  • はじめに
  • こんなデザインをphotoshopで作ります
  • この講座で扱うアプリケーションについて(1)
  • この講座で扱うアプリケーションについて(2)
PC:ポートフォリオページを作成する
  • デザインのテーマ
  • TOPワイヤーフレームの作成(1)
  • TOPワイヤーフレームの作成(2)
  • TOPワイヤーフレームの作成(3)
  • TOPワイヤーフレームの作成(4)
  • TOPワイヤーフレームの作成(5)
  • 下層ワイヤーフレームの作成(1)
  • 下層ワイヤーフレームの作成(2)
  • 【課題】ポートフォリオのワイヤーフレームを完成させましょう
Photoshopの準備
  • photoshopの準備(1)
  • photoshopの準備(2)
ポートフォリオTOP
  • ヘッダー~アイキャッチまで(1)
  • ヘッダー~アイキャッチまで(2)
  • ヘッダー~アイキャッチまで(3)
  • ヘッダー~アイキャッチまで(4)
  • ヘッダー~アイキャッチまで(5)
  • ヘッダー~アイキャッチまで(6)
  • ヘッダー~アイキャッチまで(7)
  • ヘッダー~アイキャッチまで(8)
  • ヘッダー~アイキャッチまで(9)
  • 最近の事例エリア(1)
  • 最近の事例エリア(2)
  • 最近の事例エリア(3)
  • 最近の事例エリア(4)
  • 最近の事例エリア(5)
  • 最近の事例エリア(6)
  • 最近の事例エリア(7)
  • サービスエリア
  • aboutエリア(1)
  • aboutエリア(2)
  • aboutエリア(3)
  • contact〜footerエリア(1)
  • contact〜footerエリア(2)
  • contact〜footerエリア(3)
  • 【課題】ポートフォリオTOPのデザインを完成させましょう
ポートフォリオ下層ページ
  • 下層ページ(1)
  • 下層ページ(2)
  • 下層ページ(3)
  • 下層ページ(4)
  • 下層ページ(5)
  • 下層ページ(6)
  • 下層ページ(7)
  • 下層ページ(8)
  • 下層ページ(9)
  • 下層ページ(10)
  • 下層ページ(11)
  • 下層ページ(12)
  • 下層ページ(13)
  • 下層ページ(14)
  • 【課題】ポートフォリオ下層ページのデザインを完成させましょう
納品データへ仕上げる
  • レイヤーを整理する(1)
  • レイヤーを整理する(2)
  • レイヤーを整理する(3)
  • 【課題】作成したデザインpsdのレイヤーを整理してみましょう
PC:コーポレートサイトを作成する
  • デザインのテーマ
ワイヤーフレームの作成
  • TOPワイヤーフレームの作成(1)
  • TOPワイヤーフレームの作成(2)
  • TOPワイヤーフレームの作成(3)
  • TOPワイヤーフレームの作成(4)
  • TOPワイヤーフレームの作成(5)
  • TOPワイヤーフレームの作成(6)
  • 下層ワイヤーフレームの作成(1)
  • 下層ワイヤーフレームの作成(2)
  • 下層ワイヤーフレームの作成(3)
  • 【課題】コーポレートサイトのワイヤーフレームを完成させましょう
コーポレートサイトTOP
  • ヘッダ〜アイキャッチ、メニューエリア(1)
  • ヘッダ〜アイキャッチ、メニューエリア(2)
  • ヘッダ〜アイキャッチ、メニューエリア(3)
  • ヘッダ〜アイキャッチ、メニューエリア(4)
  • ヘッダ〜アイキャッチ、メニューエリア(5)
  • ヘッダ〜アイキャッチ、メニューエリア(6)
  • ヘッダ〜アイキャッチ、メニューエリア(7)
  • ヘッダ〜アイキャッチ、メニューエリア(8)
  • ヘッダ〜アイキャッチ、メニューエリア(9)
  • ヘッダ〜アイキャッチ、メニューエリア(10)
  • ニュースエリア(1)
  • ニュースエリア(2)
  • ニュースエリア(3)
  • スタッフ紹介バナー(1)
  • スタッフ紹介バナー(2)
  • ブログリンクリスト
  • フッターロゴ周辺(1)
  • フッターロゴ周辺(2)
  • フッターメニュー(1)
  • フッターメニュー(2)
  • map、フッター
  • 【課題】コーポレートサイトTOPのデザインを完成させましょう