学科 レイアウトデザイン基礎②

-本日のアジェンダ-

1限目
学科 レイアウトデザイン基礎②
成績考査

2限目
学科 レイアウトデザイン基礎②
成績考査

3限目
学科 レイアウトデザイン基礎②
成績考査

4限目
学科 レイアウトデザイン基礎②
成績考査

5限目
学科 レイアウトデザイン基礎②
作品講評

本日のテーマ

成績考査です

本日の課題

作成したワイヤーフレームを、4限目終了までにご自身のWordpressに新規固定ページでUPしてください。
作成方法は過去の成績考査と同様の手順です。(不明の場合は1月5日のアジェンダをご確認下さい)
投稿設定のパーマリンクのURLスラッグには
grade-check_20230214
と設定して下さい。
ポートフォリオサイトの1ページとして人に見せられるよう、制作過程や説明などもまとめましょう。
5限目に講評を行います。

学科 レイアウトデザイン基礎①

-本日のアジェンダ-

1限目
学科 レイアウトデザイン基礎①
ワイヤーフレーム制作の準備

2限目
学科 レイアウトデザイン基礎①
ワイヤーフレーム制作のポイント

3限目
学科 レイアウトデザイン基礎①
課題制作

4限目
学科 レイアウトデザイン基礎①
課題制作

5限目
学科 レイアウトデザイン基礎①
課題制作

本日のテーマ

早速作ってみましょう。

制作のポイント

情報をしっかりまとめてからレイアウトを考えると良いでしょう。そのレイアウトが、HTMLとCSSというルールに変わるだけです。
まずは、PCサイズとして下記の例のような、コンテンツ部分が960pxでその外側部分を入れて、1280pxでワイヤーフレームを作成してみましょう。

ワンポイントアドバイス

ワイヤーフレームの段階では、お仕事の契約成立に至っていない場合が多いです。逆を言えば、しっかりとしたワイヤーフレームを作成できるという事は、「仕事を獲得できる力がある」という証明にもなります。お客様のご要望(相手の気持ち)をしっかり理解する事を心掛けて制作をしてみましょう。

本日の課題

白黒のワイヤーフレームを作成し、
5限目までにドロップボックスにUPしてください。
今日できたところまでで大丈夫です。
※ファイル名は、work_xxxx_20230209.jpg