Amazon Kindleでは、 ウェブレイアウトの教科書 PC・スマートフォン・タブレット時代の標準デザイン をはじめとする200万冊以上の本をご利用いただけます。 詳細はこちら

Would you like to see this page in English? Click here.


または
1-Clickで注文する場合は、サインインをしてください。
または
Amazonプライム会員に適用。注文手続きの際にお申し込みください。詳細はこちら
こちらからも買えますよ
この商品をお持ちですか? マーケットプレイスに出品する
ウェブレイアウトの教科書 PC・スマートフォン・タブレット時代の標準デザイン
 
 
1分以内にKindleで ウェブレイアウトの教科書 PC・スマートフォン・タブレット時代の標準デザイン をお読みいただけます。

Kindle をお持ちでない場合、こちらから購入いただけます。 Kindle 無料アプリのダウンロードはこちら

ウェブレイアウトの教科書 PC・スマートフォン・タブレット時代の標準デザイン [単行本]

境祐司
5つ星のうち 3.1  レビューをすべて見る (11件のカスタマーレビュー)
価格: ¥ 2,625 通常配送無料 詳細
o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o
2点在庫あり。(入荷予定あり) 在庫状況について
この商品は、Amazon.co.jp が販売、発送します。 ギフトラッピングを利用できます。

フォーマット

Amazon 価格 新品 中古品
Kindle版 ¥ 2,000  
単行本 ¥ 2,625  

会員なら、この商品は10%Amazonポイント還元 (ポイントが表示されている場合は、表示ポイント+10%還元)。

キャンペーンおよび追加情報


よく一緒に購入されている商品

ウェブレイアウトの教科書 PC・スマートフォン・タブレット時代の標準デザイン + レスポンシブ・ウェブデザイン標準ガイド あらゆるデバイスに対応するウェブデザインの手法
合計価格: ¥ 5,250

選択された商品をまとめて購入


商品の説明

内容紹介

スマートフォンやタブレットなど、ウェブを利用・閲覧するためのデバイスは日を追うごとに増え続けています。
ウェブコンテンツのデザイン・レイアウトも、新しいデバイスを考慮したものが求められる時代になりました。

本書は、PC・スマートフォン・タブレット時代を迎え、新たに知っておかなければならないウェブレイアウトの
知識や技法を体系的にまとめた唯一の教科書です。

レイアウトの基本から、2011年以降のウェブ制作を取り巻く環境や理論・潮流、レイアウトの種類や見せ方・技法、
インターフェイスの構造や実装方法まで、現在のウェブレイアウトに必要なすべての項目を網羅しました。
各デバイスの最適な表示方法から、マルチデバイスに対応するアダプティブ・ウェブデザイン、レスポンシブデザインにも言及。
海外の最新ウェブ事情も豊富に掲載しました。ウェブ制作者、コンテンツ提供者、必携の一冊です。

■第1章 レイアウトデザインの基本
1.1 レイアウトとは?
1.2 グリッドシステムの概念
1.3 ホワイトスペースを理解する
1.4 装飾と情報のデザイン
1.5 浮動化する新しいレイアウトデザイン

■第2章 ウェブデザインのレイアウト技法
2.1 ウェブレイアウトの基本
2.2 アダプティブ(適応可能)なレイアウトデザイン
2.3 アダプティブ・ウェブデザインの基本を理解する
2.4 CSSの基本概念「ボックスモデル」を理解する
2.5 CSS3を使ったこれからのウェブレイアウト

■第3章 デスクトップ
3.1 最もベーシックなリキッドレイアウト
3.2 フロート処理による段組みレイアウト
3.3 フロート処理の解除と段組みレイアウトの応用
3.4 CSS3グリッドレイアウトによるページデザイン
3.5 グリッドレイアウトによる調整可能なデザイン
3.6 マルチカラムレイアウトとの組み合わせ
3.7 フレキシブルボックスレイアウトとの組み合わせ

■第4章 携帯電話・スマートフォン
4.1 携帯電話用のウェブサイト「ケータイサイト」
4.2 スマートフォン向けのウェブサイト
4.3 コンテキスト・ファーストの考え方
4.4 スマートデバイスとViewport
4.5 コンテンツが優先される小さなスクリーンのレイアウト
4.6 メディアクエリによるレイアウトの切り替え

■第5章 タブレット
5.1 タブレットスクリーンのレイアウト
5.2 ウェブアプリのレイアウト設計
5.3 ネイティブアプリのレイアウト設計
5.4 レイアウトデザインのフレームワーク

■第6章 マルチデバイス対応のレイアウト
6.1 ラフスケッチとモックアップの作成
6.2 固定レイアウトで設計してリキッドレイアウトに変換する
6.3 メディアクエリでスタイルを切り替える
6.4 対象とする閲覧環境で検証する
6.5 アダプティブ・ウェブデザインの実践[1]設計・制作
6.6 アダプティブ・ウェブデザインの実践[2]スタイルの切り替え

内容(「BOOK」データベースより)

レイアウトデザインの基本からウェブならではの最適な見せ方、多様化するデバイスごとの作り替えが不要なアダプティブ・ウェブデザインまで、ウェブ制作者にいま必要とされるレイアウト技法のすべてを解説した。

登録情報

  • 単行本: 240ページ
  • 出版社: MdN (2011/12/21)
  • ISBN-10: 4844362410
  • ISBN-13: 978-4844362418
  • 発売日: 2011/12/21
  • 商品パッケージの寸法: 23 x 19.2 x 2.2 cm
  • おすすめ度: 5つ星のうち 3.1  レビューをすべて見る (11件のカスタマーレビュー)
  • Amazon ベストセラー商品ランキング: 本 - 207,843位 (本のベストセラーを見る)
  •  カタログ情報、または画像について報告

  • 目次を見る

この本のなか見!検索より (詳細はこちら
この本のサンプルページを閲覧する
おもて表紙 | 著作権 | 目次 | 抜粋 | 索引 | 裏表紙
この本の中身を閲覧する:


カスタマーレビュー

最も参考になったカスタマーレビュー
3 人中、3人の方が、「このレビューが参考になった」と投票しています。
By イマリ VINE™ メンバー
形式:単行本|Amazon Vine™ レビュー (詳しくはこちら)
Webレイアウトデザインを丁寧に説明しているリファレンスかと思いましたが、意外や意外、
そもそもの「レイアウトデザイン」のメソッドが簡単に説明されていて、非常に親切な構成
となっていました。

グリッドレイアウトやモジュールなどの概念はもちろん、説明臭くならずに、自然と学び
ながら、最終的にウェブレイアウトに活かす構成になっているため、たしかに冗長的な部分は
あるかも知れませんが、意外と、グリッドを知らないウェブからスタートされたデザイナーは
多いと思います。

そんな方にオススメの良書だと思います。(紙出身の人も、前半部分は再確認のために読む
のでも十分OKだと思います。)
このレビューは参考になりましたか?
3 人中、3人の方が、「このレビューが参考になった」と投票しています。
By H.I. VINE™ メンバー
形式:単行本|Amazon Vine™ レビュー (詳しくはこちら)
著書に「Webデザイン基礎」などがある、境祐司さんのウェブレイアウトについての解説書。
HTML5、及び、CSS3に準拠し、かつ、スマートフォンやタブレットPCなど、ここ最近急速にシェアを拡大しつつある電子媒体への対処方法を書き記している。

長年、Webデザインやレイアウトに携わって来た人には、当たり前と思われるだろう記述が多い反面、当たり前だからこそ、ついおろそかになりがちな部分について、別枠や色を変えて注意を促してくれている。

季節柄、これからWebデザインやレイアウトを生業にしようとしている人には、基礎を再確認するという意味でも、一読をお勧めしたい一冊。
このレビューは参考になりましたか?
2 人中、2人の方が、「このレビューが参考になった」と投票しています。
形式:単行本|Amazon Vine™ レビュー (詳しくはこちら)
 HTML5とCSS3に準拠したウェブレイアウトの手法を整理・整頓した一冊となっている。同様の内容はネットを探れば知ることは出来るかもしれないが、それを体系づけてまとめたところに本書の価値はある。その価値と価格を天秤にかけ、妥当だと判断する人にお薦めだ。価格が高過ぎると思えば、ネットで情報収集して、自分で整理すれば良い。
 本書の構成は、大きく二つに分けられる。一つ目は第1章〜第2章で、一般的なレイアウトの知識と、ウェブにおけるレイアウトの基礎知識を、HTML5とCSS3に準拠した形で紹介している。二つ目は、第3章〜第6章で、デスクトップ、携帯電話・スマートフォン、タブレットなど、TPOを考慮したレイアウトについて、それぞれ紹介している。

 ウェブレイアウトを本業にしている人にとっては当たり前のことなのかもしれないが、PCでの閲覧とモバイルでの閲覧には、画面サイズ以上に大きな違いがあるらしい。それは、モバイルは出先で利用することが圧倒的に多いということだ。このため、机上で必要になる情報とは要素が異なることがままあるらしい。それらを考慮した上で、閲覧性を高めるレイアウトは何なのかを、HTML5とCSS3に準拠して紹介している。逆に言えば、それ以上ではない。
 個人的には、これだけの内容を自分で整理するのは大変なので、内容的には価値があるのだが、価格はもう少し勉強して欲しいところ。経費で買う人には関係ないのかもしれないけれど…。
このレビューは参考になりましたか?
最近のカスタマーレビュー
5つ星のうち 2.0 中途半端な印象
サンプルとして使うには画像が少ない。デザインの理論を知りたい場合には、基本的に、縦横をそろえてきれいにみせましょう、という話に集約されるようなシンプルな内容。ユー... 続きを読む
投稿日: 8か月前 投稿者: カスタマー
5つ星のうち 2.0 「教科書」 を名乗れるほどの内容はない
本書は、まず第 1 章で web ページに限らないレイアウトデザインの基礎を述べ、次の章で web ページならではのレイアウトデザインの技法を述べています。... 続きを読む
投稿日: 14か月前 投稿者: nobuoka
5つ星のうち 4.0 WEBデザインの基礎の考え方と、現在のデバイスに向けての考え方。
デザインとは何か、ということにも軽く振れており、現在のWEBサイトデザインをするに必要な考え方を説明してくれていますので、今からWEBデザインを始めようと思ってる... 続きを読む
投稿日: 15か月前 投稿者: こだし
5つ星のうち 3.0 現在の流れをつかむには良いかも
全ページフルカラーでレイアウトも見やすい本です。... 続きを読む
投稿日: 15か月前 投稿者: fabo
5つ星のうち 5.0 webレイアウトの教科書
この本では、Webレイアウトの基本に混じえて、PC、スマートフォン、タブレット端末など、各種デバイスごとのレイアウトのセオリーとその手法を解説しています。あわせて... 続きを読む
投稿日: 15か月前 投稿者: 旅モバ
5つ星のうち 2.0 画面の大きさに左右されないデザイン
デスクトップパソコン、タブレットPC、スマートフォンなど、画面の大きさが異なる機器で閲覧されることを前提としたサイトの作り方を解説している。... 続きを読む
投稿日: 15か月前 投稿者: ユトリ
5つ星のうち 3.0 これからWebデザインする方に
レウアウトについて基本的な概念等が割と分かり易く書いてあるのでこれからWebデザインを勉強していこうと思っている人も印刷業界で働いている人も一度目を通してみても悪... 続きを読む
投稿日: 15か月前 投稿者: 眼光のアレキサンダー
5つ星のうち 2.0 内容が薄い
Webデザインに関してはズブの素人ですが,同じ話が本の中で何度も何度も何度も繰り返し出てきて,読んでいると「またその話か」と感じました.... 続きを読む
投稿日: 18か月前 投稿者: Pugnari
カスタマーレビューの検索
この商品のカスタマーレビューだけを検索する

クチコミ

クチコミは、商品やカテゴリー、トピックについて他のお客様と語り合う場です。お買いものに役立つ情報交換ができます。
この商品のクチコミ一覧
内容・タイトル 返答 最新の投稿
まだクチコミはありません

複数のお客様との意見交換を通じて、お買い物にお役立てください。
新しいクチコミを作成する
タイトル:
最初の投稿:
サインインが必要です
 

クチコミを検索
すべてのクチコミを検索
   


リストマニア

リストを作成

関連商品を探す


フィードバック


Amazon.co.jpのプライバシー ステートメント Amazon.co.jpの発送情報 Amazon.co.jpでの返品と交換