書籍概要

Books for Web Creative

Webデザイン標準テキスト
―変化に流されない制作コンセプトと基本スタイル―

著者
発売日
更新日

概要

Webサイト制作に求められる仕事は,情報の構造化,ユーザビリティ・アクセシビリティを意識した設計,インタラクティブなしくみの実装など,複雑化・専門化しており,Webデザイナに必要な知識やスキルは多岐に渡るようになりました。本書はWebデザインの全体像を理解できるように情報を厳選し,コンパクトにまとめています。

こんな方におすすめ

  • Webデザイナーを目指している人
  • 新人Webデザイナー

目次

Chapter1 Webデザインの基礎知識

  • 1.1 インターネットとWeb
  • 1.2 個人サイトと商用サイト
  • 1.3 Webの種類「読む」「見る」「使う」
  • 1.4 Webデザイナーに必要な技術スキル
  • 1.5 Webの仕事に携わる人たち
  • 1.6 Webサイトを閲覧する環境
  • 1.7 アクセシビリティとWeb
  • 1.8 これからのWeb

Chapter2 プロジェクトの計画を立てる

  • 2.1 Webデザインの仕事を理解する
  • 2.2 チームで取り組むプロジェクト
  • 2.3 フリーランスのWebデザイナー
  • 2.4 積極的にコミュニケーション
  • 2.5 Webデザインのワークフロー
  • 2.6 プロジェクトマネジメントとは?
  • 2.7 サイトの狙いと目的を明確にする
  • 2.8 利用者のためのWebサイトづくり
  • 2.9 プロジェクトを計画する
  • 2.10 プロジェクトを発表する

Chapter3 仕様書を作成する

  • 3.1 なぜ仕様書が必要なのか?
  • 3.2 デザインのガイドラインも必要
  • 3.3 ユーザビリティについて理解する
  • 3.4 アクセシビリティの定義について
  • 3.5 ユニバーサルデザインとは?
  • 3.6 仕様書のフォーマットを決める
  • 3.7 コーディングのガイドライン(1)
  • 3.8 コーディングのガイドライン(2)
  • 3.9 デザインのガイドライン(1)
  • 3.10 デザインのガイドライン(2)
  • 3.11 作成した仕様書を発行する

Chapter4 Webサイトのプロトタイプを作成する

  • 4.1 情報アーキテクチャとは?
  • 4.2 編集エンジニアリングを意識する
  • 4.3 Webサイトの構造について考える
  • 4.4 ユーザーインターフェイス(UI)
  • 4.5 ラフスケッチを描く(1)
  • 4.6 ラフスケッチを描く(2)
  • 4.7 ワイヤーフレームとは何か?
  • 4.8 ワイヤーフレームを描く
  • 4.9 モックアップを作成する
  • 4.10 プロトタイプを作成する(1)
  • 4.11 プロトタイプを作成する(2)
  • 4.12 ユーザーテストについて理解する

Chapter5 素材を準備する

  • 5.1 Webサイトの構成要素を理解する
  • 5.2 テキストについての基礎知識
  • 5.3 画像についての基礎知識
  • 5.4 音声と動画についての基礎知識
  • 5.5 Flashについての基礎知識
  • 5.6 画像(写真)素材を準備する
  • 5.7 写真を補正処理する
  • 5.8 動画(ビデオ)を準備する
  • 5.9 素材リストを作成する

Chapter6 HTMLとCSSでコーディングする

  • 6.1 Web技術標準を理解する
  • 6.2 HTMLについての基礎知識
  • 6.3 HTMLの書式について理解する
  • 6.4 ブロックレベルとインライン要素
  • 6.5 CSSについての基礎知識
  • 6.6 CSSの書式について理解する
  • 6.7 セレクタについて理解する
  • 6.8 プロパティについて理解する
  • 6.9 ボックスモデルについて理解する
  • 6.10 コーディングに必要なツール
  • 6.11 Webページを基本設計する
  • 6.12 HTMLコーディング作業を進める(1)
  • 6.13 HTMLコーディング作業を進める(2)
  • 6.14 CSSコーディング作業を進める(1)
  • 6.15 CSSコーディング作業を進める(2)
  • 6.16 対象とするWebブラウザで確認する
  • 6.17 アクセシビリティのチェック

Chapter7 インタラクティブなしくみを実装する

  • 7.1 インタラクティブなしくみ
  • 7.2 Webデザインとユーザビリティ
  • 7.3 JavaScriptについての基礎知識
  • 7.4 JavaScriptの使い方
  • 7.5 JavaScriptライブラリとAPI
  • 7.6 Flashによるインタラクティブコンテンツ
  • 7.7 Flashアニメーションを作成する
  • 7.8 Webページにビデオを配置する
  • 7.9 インターフェイスのデザイン

Chapter8 Webサイトの効果測定を実行する

  • 8.1 Webサイトの評価とは?
  • 8.2 効果測定について理解する
  • 8.3 アクセス解析についての基礎知識
  • 8.4 検索エンジン対策について考える
  • 8.5 評価ポイント(コンテンツ)
  • 8.6 評価ポイント(ナビゲーション)
  • 8.7 評価ポイント(ユーザビリティ)
  • 8.8 評価ポイント(アクセシビリティ)
  • 8.9 評価ポイント(デザイン)

サポート

ダウンロード

データご利用の前に

  • 図版データ,サンプルファイルについて,一般的な環境においては特に問題のないことを確認しておりますが,万一障害が発生し,その結果いかなる損害が生じたとしても,小社および著者はなんら責任を負うものではありません。また生じた損害に対する一切の保証をいたしかねます。必ずご自身の判断と責任においてご利用ください。

  • ダウンロードしていただくファイルは,ZIP形式の圧縮ファイルです。解凍してお使いください。

Creative Commons License
この作品は、クリエイティブ・コモンズ・ライセンスの下でライセンスされています。

図版データのダウンロード

注意事項
  • Webサイトやアプリケーションソフトのスクリーンショットなどは含まれていません。
  • 図版の中にWebサイトやブラウザの画面などが含まれている場合は,削除してあります。
  • 作図データは,Adobe Illustrator CS3のAIファイルです。
  • 画像データは,Adobe PhotoshopのPSDファイルです。
  • AIファイルは全てJPEG形式で書き出し[JPEG]フォルダにまとめています。AIファイルのプレビュー(確認用)としてご利用ください。

サンプルファイルのダウンロード

商品一覧