MdNCORPORATION

プロとして恥ずかしくない 新・WEBデザインの大原則

プロとして恥ずかしくない 新・WEBデザインの大原則

こもり まさあき 監修/大藤 幹 著/窪木 博士 著/久保 知己 著/小西 春輝 著/小浜 愛香 著/坂本 邦夫 著/佐藤 裕 著/原 一宣。 著/原田 学史 著/前川 昌幸 著/三留 裕介 著
定価 2,750円
(本体 2,500円+税10%)
※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2014-12-24
仕様 B5変形判/224P
ISBN 978-4-8443-6470-2
スマートフォンやタブレットをはじめとしたデバイスの多様化とWeb技術の進化により、Web制作の姿は大きく変貌しつつあります。現在求められているような、さまざまな環境での閲覧に耐えうるWebサイトを構築するためには、従来のWebデザインの作り方・考え方では通用しません。設計・レイアウト・装飾・コーディングといった制作場面のすべてにおいて、さまざまなスペックと操作感をもつデバイスが存在することを前提に、可能な限り順応性の高い手法を採用していくという視点が不可欠です。 本書では、このような“Webの現代”に通用するWebデザインの制作手法を網羅的に解説しています。「レイアウト」「配色」「サイト設計」といったWebデザインの骨格をなす基本から、「パーツ制作」「HTML+CSSコーディング」「リッチコンテンツ」などの実作業に関わる技術、「運用・分析・集客・リニューアル」といったマネージメントに関わる領域まで、プロとしての基礎知識と現在の潮流がわかります。プロのWebデザイナーから、これからWebデザイナーを目指す人まで、Webデザインに関わるすべての人に必携の1冊です。

→サンプルデータのダウンロードはこちら

→本書のFacebookページはこちら

→発売記念イベント・セッション内容レポートはこちら



■ページ見本










目次

CONTENTS

■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 メディアクエリによるレスポンシブデザイン
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サイトリニューアルのポイント

索引

制作の基本からデザイン業界の最新状況まで! MdNのデザイン・グラフィック書8選

デザイン・制作・マーケティング Webでもう困らない! わかりやすくて知識が身につく8冊