Webクリエイターのための<br>ベーシックデザイン<br>HTML5対応
￥2,420
税込
商品コード： MW1251
関連カテゴリ
Webサイト制作のコーディングに関する基礎を学んだ次のステップとして、デザイン的かつ機能的にクオリティの高いWebサイトを構築するためのスキルを、演習を通して自然と身につけられるようにHTML5に対応させて構成しています。
Web制作のワークフローからWebデザインの基礎、Webデザインを構成する要素まで網羅する内容になっており、これからクリエイティブなWebデザイナーを目指す方に最適な入門書です。
Web制作のワークフローからWebデザインの基礎、Webデザインを構成する要素まで網羅する内容になっており、これからクリエイティブなWebデザイナーを目指す方に最適な入門書です。
ページ数
154
配色
2色(一部4色)
想定学習時間
30時間
目次
第1部 Webデザインの基本
chapter1 Webの特性とデザインのポイント
1 Webの仕組み ------------------------------ 2
2 Webページを構成する要素 ------------------ 6
3 ユーザー環境による違い ------------------- 11
4 Webのメディア特性 ------------------------ 18
chapter2 Web制作のワークフロー
1 Webサイト制作に関わるスタッフ ------------ 23
2 Webサイト制作の仕事 ---------------------- 26
3 Web制作ツール ---------------------------- 36
第2部 Webデザインのアーキテクチャ
chapter1 情報アーキテクチャ
1 サイトの目的とオーディエンス分析 --------- 43
2 情報整理とサービス設計 ------------------- 46
3 デザインガイドラインの作成 --------------- 50
4 コンテンツ管理 --------------------------- 53
chapter2 Webデザインの要素
1 基本的なサイト構成と画面構成 ------------- 57
2 UIとユーザビリティ ----------------------- 70
3 レイアウト ------------------------------- 79
4 文書と文字 ------------------------------- 90
5 イメージ --------------------------------- 105
6 カラー ----------------------------------- 114
第3部 Webデザインコンテンツ制作
round1 企業サイトの制作
1 オリエンテーション ----------------------- 127
2 コンセプトメイキング --------------------- 129
3 ワイヤーフレームの作成 ------------------- 131
4 トップページの作成 ----------------------- 134
5 チェックシート --------------------------- 134
round2 ECサイトの制作
1 オリエンテーション ----------------------- 137
2 コンセプトメイキング --------------------- 139
3 情報の整理とナビゲーションの設計 --------- 140
4 サイトマップの作成 ----------------------- 142
5 ワイヤーフレームの作成 ------------------- 143
6 デザインカンプの作成 --------------------- 144
7 チェックシート --------------------------- 144
round3 スマートフォン向けコンテンツの制作
1 スマートフォンの概要と特徴 --------------- 147
2 制作方針 --------------------------------- 151
3 ワイヤーフレームの作成 ------------------- 152
4 デザイン作成とコーディング --------------- 153
5 チェックシート --------------------------- 153
6 レスポンシブWebデザイン ------------------ 154
サポート情報