Webデザイナー科

専門課程：2年制

カリキュラム

在学中に企業の実サイトを作る、Webデザイナー科

Webサイト制作の企画から、制作・運営までをトータルに学べる、Webデザイナー養成の科: 単に視覚的に美しいサイトを制作するのではなく、マーケットに必要とされているサイトをその目的にあった構成・デザイン・動作で制作することができる技術を学ぶカリキュラムとなっています。

Webサイト制作に必要な技術を、「情報デザイン」「グラフィックデザイン」「インタラクションデザイン」「サイトデザイン」の4つに分類し、それらを段階的に繰り返し学びながら高度化していく “螺旋（らせん）カリキュラム” として展開しています。

また、これら技術の総合的な実習環境として、企業からの実サイト制作依頼を受け実践する学内インターンシップを行っています。螺旋（らせん）カリキュラムのもとに科で展開される技術の向上と、それを実サイトへ生かす力が身に付きます。

	4月	6月	9月	11月	1月
1年次
グラフィックデザイン	グラフィックデザイン入門	アプリケーション操作	デザインエレメント	Webパーツ作成	ワイヤーとカンプ
情報デザイン	Web基礎知識	制作フロー	ユーザビリティ	アクセシビリティ	Webサーバーの利用
インタラクションデザイン	アニメーション入門	Flashの利用	ActionScript入門	JavaScript入門	PHP入門
サイトデザイン	HTML基礎	CSS基礎	Dreamweaverの利用	ページレイアウト技法	学年末制作

	4月	6月	9月	11月	1月
2年次
グラフィックデザイン	写真加工	イラストレーション	ポスター	小冊子	卒業制作
情報デザイン	情報アーキテクチャ	Webマーケティング	アクセス解析	Webライティング	Webディレクション
インタラクションデザイン	MySQL入門	PHPと MySQLの連携	インタラクティブなサイト1	インタラクティブなサイト2	卒業制作
サイトデザイン	モバイル・スマートフォンサイト	ブログ作成	CMSの利用	ショッピングサイトの制作	卒業制作

グラフィックデザイン	グラフィックアプリケーションの利用方法と視覚的なデザイン手法を学びます。
情報デザイン	Webサイトで公開される情報を様々な角度から体系化する方法を学びます。
インタラクションデザイン	アニメーションやスクリプトの技術を学び、動きのあるWebサイトの制作技術を学びます。
サイトデザイン	Webページを表現する技術と、グループで制作する際のマネージメント方法を学びます。

1年生

4月 Webとデザインの入門

Webデザイナーとしてやっていくための知識と技術と心構えの入門を行います。

分野	科目
グラフィックデザイン	デザインの意味、デザイン初歩（手書きによるスケッチ、トリミング、コラージュなど）
情報デザイン	Webの歴史、Webの特徴、ネットワーク初歩
インタラクションデザイン	アニメーション入門（Flashの基本操作、コマアニメーション）
サイトデザイン	Webページ作成入門（HTML入門、基本的なタグの書き方）

1年生 4月 Webとデザインの入門紙の切り貼りによるレイアウト演習

6月アプリケーションの操作/ページレイアウト

Web制作で利用されるグラフィックソフトやアニメーション制作ソフトの基本操作を学ぶとともに、Webページの基本的なレイアウトができるようになります。
また、既存のWebサイトの情報の更新作業を行います。

分野	科目
グラフィックデザイン	アプリケーション（Photoshop、Illustrator、Fireworks）の基本操作
情報デザイン	Webサイトの企画と制作フロー
インタラクションデザイン	手書きによる様々なアニメーションのパターン（Flash）
サイトデザイン	スタイルシート（CSS）によるページのレイアウト・見栄えの設定。

1年生 6月アプリケーションの操作/ページレイアウト アニメーション作成ソフト「Flash」の画面例

9月複数ページのWebサイトの作成

自分で必要なグラフィックを加工して、小規模のWebサイトが作成できるようになります。また、実際のWebサイトのリニューアル作業を行います。

分野	科目
グラフィックデザイン	デザインの基本要素（フォント、カラー、グリッドなど）の学習
情報デザイン	ユーザビリティ（使いやすく情報を見つけやすいWebサイトを考える）
インタラクションデザイン	ユーザーの操作に反応するアニメーション（ActionScript）
サイトデザイン	制作ソフト「Dreamweaver」の利用 Webサイトのリニューアル作業

学生によるWebデザイナー科の紹介サイト「WDC」（グループ制作）をリニューアル予定

11月動きのあるホームページ

グラフィックをより精緻にしたり、スクリプトを利用して動きをつけるなどして、Webページの表現力を高めます。

分野	科目
グラフィックデザイン	Webページのパーツの作成（ロゴ/ナビゲーション/アイコン/地図など）
情報デザイン	アクセシビリティ（だれでもが使えるWebサイトの構築を考える）
インタラクションデザイン	JavaScript（動きのあるホームページの作成）
サイトデザイン	様々なレイアウトパターンのWebページの作成

Flashをメインビジュアルに利用した、1年生秋の作品（グループ制作）：美容室 HAIR CREATE air

1月制作ワークフロー

外部からクライアントを招き、グループワークによる実サイトを制作することで、制作のワークフローを理解します。

分野	科目
グラフィックデザイン	ワイヤーフレームとデザインカンプの作成
情報デザイン	作成したWebサイトを外部に公開し運営する手順
インタラクションデザイン	WebデザイナーのためのPHPプログラミングの入門と利用方法
サイトデザイン	学年末サイト制作

1年生の学年末制作作品（グループ制作）：人力車くるま屋日本橋

2年生

4月モバイルサイトの制作

モバイルサイトの制作について学ぶとともに、自分の作品を公開するためのポートフォリオサイトを制作します。

分野	科目
グラフィックデザイン	写真加工（撮影/補正/合成）
情報デザイン	情報アーキテクチャ（Webデザインのための情報の組織化）
インタラクションデザイン	Flashによるゲーム作成、データベース（MySQL）入門。
サイトデザイン	モバイルサイトの制作。ポートフォリオサイトの制作。

2年生 4月モバイルサイトの制作当科学生によるポートフォリサイトの例
（個人制作）

6月ブログを利用したサイト制作

PHPやMySQLも活用しながら、ブログのシステムを利用して、それをデザインしてサイトを作成します。

分野	科目
グラフィックデザイン	イラストレーション演習
情報デザイン	Webマーケティング（SEOとサイトの改善）
インタラクションデザイン	フルフラッシュサイト。PHPとMySQLの連携
サイトデザイン	ブログを利用したサイト制作技法

ブログを組み込んだサイトの例（2年生夏の作品：個人制作）：
Angel Des Montagnes Au Japon

9月 Webサイトのリニューアル

すでに公開されているサイトへの閲覧者のアクセス状況を解析し、検索エンジンと関連したマーケティング分析を基にサイトをリニューアルする方法を学習します。

分野	科目
グラフィックデザイン	ポスターの制作
情報デザイン	アクセス解析とサイトの改善
インタラクションデザイン	外部データを利用したアニメーション制作
サイトデザイン	CMS（サイト管理機能）を利用したサイト制作

2年生 9月 Webサイトのリニューアル学園祭のサイトをリニューアル
（グループ制作）

11月オンラインショッピングサイトの企画

新しいサイトを制作する際にその価値をマーケティング分析から導き出して企画し、そのサイトでの閲覧者の導線の作り方について学習します。

分野	科目
グラフィックデザイン	冊子の作成とWebとの連携
情報デザイン	Webライティング（文章技法）
インタラクションデザイン	インタラクティブなモバイルコンテンツやサイトパーツの作成
サイトデザイン	ショッピングサイトの企画と構築

東京都内の美術展を検索・チケットを購入できるという企画で制作されたサイト（個人制作）：東京アート
（*実際の購入はできません）

1月オンラインショッピングサイトの制作

卒業制作として、オンラインショッピングサイトの視覚デザインと、商品の閲覧・検索・購入手続き画面までの一貫した制作を行います。

分野	科目
グラフィックデザイン	卒業制作のためのグラフィック作成
情報デザイン	卒業制作のためのディレクション
インタラクションデザイン	卒業制作のためのアニメーション作成とデータベースの利用
サイトデザイン	卒業制作サイトの構築