MdN Web Mook プロとして恥ずかしくない 新・WEBデザインの大原則
エムディエヌコーポレーション / 2014年12月24日 / 全226ページ
【現場で本当に必要になるWEB制作のルールの集大成!】
スマートフォンやタブレットをはじめとしたデバイスの多様化とWeb技術の進化により、Web制作の姿は大きく変貌しつつあります。本書では、このような状況に通用するWebデザインの制作手法を網羅的に解説しています。「レイアウト」「配色」「サイト設計&プロトタイピング」といったWebデザインの骨格をなす基本から、「デザイン&パーツ制作」「HTML+CSSコーディング」「リッチコンテンツ&Webアプリケーション」などに関わる技術、「運用・分析・集客・リニューアル」といったマネージメントに関わる領域まで、プロとしての基礎知識と現在の潮流がわかります。
スマートフォンやタブレットをはじめとしたデバイスの多様化とWeb技術の進化により、Web制作の姿は大きく変貌しつつあります。本書では、このような状況に通用するWebデザインの制作手法を網羅的に解説しています。「レイアウト」「配色」「サイト設計&プロトタイピング」といったWebデザインの骨格をなす基本から、「デザイン&パーツ制作」「HTML+CSSコーディング」「リッチコンテンツ&Webアプリケーション」などに関わる技術、「運用・分析・集客・リニューアル」といったマネージメントに関わる領域まで、プロとしての基礎知識と現在の潮流がわかります。
目次
- 扉
- 免責事項
- はじめに
- 目次
- 本書の使い方
- ■CHAPTER 1 レイアウト
- 01 Webサイトとは
- 02 Webサイトの各部名称と機能
- 03 Webレイアウトの基本6パターン
- 04 シングルカラム型レイアウト
- 05 マルチカラム型レイアウト
- 06 カード型レイアウト
- 07 1ページアプリケーション型レイアウト
- 08 フルスクリーン型レイアウト
- 09 グリッドを利用したレイアウト手法
- 10 レスポンシブなレイアウトパターン
- [Column]レイアウトの役割とは
- ■CHAPTER 2 配色
- 01 Webデザインにおける配色の基本
- 02 高級感を表現する配色
- 扉
- 免責事項
- はじめに
- 目次
- 本書の使い方
- ■CHAPTER 1 レイアウト
- 01 Webサイトとは
- 02 Webサイトの各部名称と機能
- 03 Webレイアウトの基本6パターン
- 04 シングルカラム型レイアウト
- 05 マルチカラム型レイアウト
- 06 カード型レイアウト
- 07 1ページアプリケーション型レイアウト
- 08 フルスクリーン型レイアウト
- 09 グリッドを利用したレイアウト手法
- 10 レスポンシブなレイアウトパターン
- [Column]レイアウトの役割とは
- ■CHAPTER 2 配色
- 01 Webデザインにおける配色の基本
- 02 高級感を表現する配色
- 03 季節を感じさせる配色
- 04 和を感じさせる配色
- 05 にぎやかさを感じさせる配色
- 06 モノトーンで洗練された配色
- 07 信頼感を表現する配色
- 08 食べ物をおいしく見せる配色
- 09 男性向けの配色
- 10 女性向けの配色
- 11 子供向けの配色
- [Column]色指定の方法の種類について
- ■CHAPTER 3 サイト設計&プロトタイピング
- 01 Webサイト制作のワークフロー
- 02 閲覧環境の変化
- 03 表示パフォーマンス
- 04 制作作業に入る前の設計段階で決めておくこと
- 05 アクセシビリティの確保
- 06 ユーザビリティの重要性
- 07 IAサイトマップ
- 08 ワイヤーフレーム制作
- 09 モックアップ制作
- 10 レスポンシブWebデザイン
- 11 フレームワークを使った実装
- [Column]フレームワークの紹介
- ■CHAPTER 4 デザイン&パーツ制作
- 01 Webのグラフィックの種類
- 02 Webフォントの利用
- 03 画像軽量化の技術
- 04 マルチデバイスを考慮した画像作成
- [Column]制作ツールの今後
- ■CHAPTER 5 HTML+CSSコーディング
- 01 HTML+CSSとは
- 02 デバイスとブラウザによるレンダリングの違い
- 03 HTMLの基本
- 04 検索エンジンと構造化データの関わり
- 05 CSSの基本
- 06 CSSレイアウトの基本
- 07 カラムレイアウトの手法
- 08 メディアクエリによるレスポンシブWebデザイン
- 09 CSSスタイリングの基本
- 10 CSSプリプロセッサーとは
- 11 Sassの基本機能
- 12 Sass以外のCSSプリプロセッサー
- 13 CSSプリプロセッサーをサポートするライブラリ
- 14 CSSポストプロセッサーとは
- 15 HTML・CSSの今後の動向
- 16 コーディングに役立つツール
- [Column]Gruntとgulpを比較する
- ■CHAPTER 6 リッチコンテンツ&Webアプリケーション
- 01 JavaScript/jQueryの役割
- 02 jQueryの基本的な使い方
- 03 jQueryプラグインを組み込む
- 04 HTML5のAPI
- 05 Webサービスとの連携
- 06 サーバサイドが必要になる技術
- 07 サーバ環境の基礎知識
- 08 Node.jsを使ったサイト制作
- [Column]どんどん変わるWebの世界
- ■CHAPTER 7 運用・分析・集客・リニューアル
- 01 テスト公開とチェック
- 02 Webサイトの運用
- 03 効果検証・アクセス解析の基本的指標
- 04 SEO
- 05 SEOの危険な施策とペナルティ
- 06 Webサイトリニューアルのポイント
- INDEX
- 監修者・著者プロフィール
- 奥付
- カバー
※このデジタル雑誌には目次に記載されているコンテンツが含まれています。それ以外のコンテンツは、本誌のコンテンツであっても含まれていません のでご注意ください。
※電子版では、紙の雑誌と内容が一部異なる場合や、掲載されないページがある場合があります。