MdNの本

現場のプロが教えるWebデザイン&レイアウトの最新常識 知らないと困るWebデザインの新ルール3

現場のプロが教えるWebデザイン&レイアウトの最新常識 知らないと困るWebデザインの新ルール3

現場のプロが教えるWebデザイン&レイアウトの最新常識 知らないと困るWebデザインの新ルール3

いまWebデザイナーが身につけておくべき知識と手法が この1冊につまっています。

佐々木 智也 著/佐藤 ねじ 著/貫井 伸隆 著/橋本 和宏 著/福岡 陽 著/森本 友理 著/山田 晃輔 著/面白法人カヤック 監修
B5判 / 160P
ISBN978-4-8443-6450-4 / 価格(本体2,200円+税)※電子版の価格は販売ストアにて
2014年09月12日発売

スマートフォンやタブレットなどの普及により、Webサイトのデザインの潮流も大きく変わりました。たとえば近年の流行の代表であるフラットデザインは、たんにビジュアルの目新しさを求めたものではなく、「スクリーンの小さいデバイスにおいても、いかにコンテンツを明快に、かつ魅力的に見せるか」という課題への解決策のひとつとして採用されはじめた手法といえます。 本書ではこのようなWebデザインの変化を踏まえ、いまの制作現場に欠かせないWebデザインの知識・手法・ツール等を取り上げています。「レイアウト&配色」、「グラフィック&タイポグラフィ」、「UX&UI」、「エフェクト&リッチメディア」と多彩なカテゴリーを網羅したトピックを豊富な実例を交えながら紹介し、よく採用される背景や理由、メリット/デメリットにも踏み込んで解説しているので、デザインを考える各場面においてどのような選択肢があり、最適なものをどう選べばよいのかがわかります。現場でよくぶつかる疑問を解消し、Webデザインの「いまの常識」を体系的に理解できる1冊です。

twitter facebook google+ このエントリーをはてなブックマークに追加 RSS

ページイメージ

クリックすると折りたためます
■ページ見本
















目次

クリックすると開きます

【目次】
現場のプロが教えるWebデザイン&レイアウトの最新常識
知らないと困るWebデザインの新ルール3

●CHAPTER1 レイアウト&配色
01 最近のWeb サイトのレイアウトパターン
02 レスポンシブレイアウトのポイント
03 モバイルファーストのレイアウトアプローチ
04 最近のカラムレイアウトの考え方
05 近年よく見られるカードレイアウトのバリエーション
06 プロモーション系サイトのレイアウト
07 CMSへの展開に適した情報の見せ方
08 ナビゲーションデザインのトレンド
09 サイトの目的に応じた情報設計のトレンド
10 配色のトレンドと便利なツール
11 Webデザインに役立つツール
12 レイアウトの参考になるサイト・書籍

●CHAPTER2 UX & UI
01 最近のUIの考え方
02 Google Designに見る今後のUIトレンド
03 インターフェイスデザインに最適なSketch
04 プロトタイピングの手法と実践
05 インタラクションの実例とデザイン手法
06 ユーザビリティの高いフォームを作る
07 デザインガイドラインの種類と潮流
08 使いやすく、使い込めるUIを開発する「ゲームニクス理論」とは
09 UXが意味するもの
10 UXのチェックポイントと活かし方
11 UI・UXの参考になるサイト・書籍

●CHAPTER3 グラフィック&タイポグラフィ
01 これだけは押さえておきたい流行のグラフィック手法
02 フラットデザインのグラフィック制作
03 アイコングラフィックの最近の傾向
04 インフォグラフィックのアイデア
05 パターングラフィックのトレンド
06 画像を軽量化する手法とツール
07 OGPへ対応させる際の注意点
08 ロゴデザインのトレンド
09 Webサイト特有のタイポグラフィ表現
10 Webフォントを利用するメリット
11 Webフォントを導入する方法
12 実践で使えるWebデザイナーのための文字テクニック
13 近年生まれたフォントの新しい技術
14 おさえておきたい最近流行の欧文フォント
15 フォント・書体・タイポグラフィを知るためのサイト・書籍

●CHAPTER4 エフェクト&リッチメディア
01 流行のエフェクトの手法
02 動画の組み込み方の潮流
03 写真を使ったビジュアルの制作
04 GIFアニメーションの最新手法
05 ニッチなWebインターフェイス演出
06 世界観を表現する手法
07 楽しく情報を伝えるさまざまなスクロール演出
08 Panasonic「Cut Out the Darkness」ができるまで
09 面白法人カヤック「年賀状2014.psd」ができるまで
10 アニメーションのイメージをチームで共有する
11 アニメーションの参考になるサイト・書籍

●付録
よいデザインをつくるための「デザインの引き出し」づくり

INDEX


関連記事があります

  • WEBデザイン&電子書籍の新常識

    MdN WEBデザイン&電子書籍の新常識

  • 1年生デザイナーの1週間/その60 小山結未さん(グーグル)

    インタビュー 1年生デザイナーの1週間/その60 小山結未さん(グーグル)

  • Webレイアウトの『解法』

    Web デザイン Webレイアウトの『解法』

カスタマーレビュー(出典:amazon.co.jp)

カスタマーレビュー(出典:amazon.co.jp)