課題の進め方

大岡先生のサイトから引用

ポートフォリオ・サイトの設計
自分の作品を見せるポートフォリオ・サイトの骨組みを作る
ワークフローを身につけよう
▼サイトの目的
自分の作品を見てもらうサイト
▼ターゲットユーザー
　自分の作品をプレゼンテーションしたい対象
　企業／ギャラリー／学校
（身内向け、はナシ）
▼準備の手順
（1）素材収集
（2）コンテンツの整理、フローチャートを作成する
（3）ナビゲーションの設計をする
（4）グラフィックデザインの方向性を決める
（5）ラフデザインへ
■（1）素材収集
データ化
写真撮影・スキャニング・データ書き出し等、ウェブで公開できる画像フォーマットで揃える

■（2）コンテンツの整理
↓コンテンツの作成
各々の作品の説明を定型フォーマットを決めてテキストを書く
項目の例
・作品名／コンセプト・課題概要／作品サイズ／メディア／メディウム／制作年
　自分なりの課題の解釈と作品の解説
↓作品の傾向でコンテンツを振り分け、メニュー項目を決定
↓メニュー項目を元にフローチャートを作成する
↓コンテンツの多さ、見せ方を決め、適切なナビゲーションを選択
↓グラフィックデザインの方向性を決める
　ウィンドウサイズ
　画像・写真のサイズ
　テーマカラー
　フォントの種類
　サイト名／ロゴ
↓
■（2）トップページ、第二階層ページのデザイン＆レイアウトラフを作る
注意点
・フォトショップ／イラストレータで作成する
・サイトのサイズに注意する事
・第二階層は作品が増えても対応できるようにする事
↓
■（3）パーツの作成へ
（ボタン・アイコン・画像・ロゴ・ヘッダ・バックグラウンド）

■来週やること

作品を持ってくる、作品リストをupする
作品をデータ化する。

＊大きな作品を持っていて、撮影が必要な人は
次の授業までに、直接かブログ経由で伝えること

時間があれば、設計図を進める