- おすすめ： 本 夏の大キャンペーン | 3冊まとめ買い特典 Amazonオリジナルブックカバー | Amazonポイント最大10%還元 | Children's Books まとめ買いでさらに5%OFF
- 【コンピュータ・IT】 プログラミング、アプリケーション関連書から各種試験対策まで コンピュータ・IT のページへ。
Amazon Kindleでは、
ウェブレイアウトの教科書 PC・スマートフォン・タブレット時代の標準デザイン
をはじめとする200万冊以上の本をご利用いただけます。 詳細はこちら
| |||||||||||||||
 | 会員なら、この商品は10%Amazonポイント還元 （ポイントが表示されている場合は、表示ポイント＋10％還元）。 |
よく一緒に購入されている商品
商品の説明
内容紹介
スマートフォンやタブレットなど、ウェブを利用・閲覧するためのデバイスは日を追うごとに増え続けています。
ウェブコンテンツのデザイン・レイアウトも、新しいデバイスを考慮したものが求められる時代になりました。
本書は、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］スタイルの切り替え
ウェブコンテンツのデザイン・レイアウトも、新しいデバイスを考慮したものが求められる時代になりました。
本書は、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」データベースより）
レイアウトデザインの基本からウェブならではの最適な見せ方、多様化するデバイスごとの作り替えが不要なアダプティブ・ウェブデザインまで、ウェブ制作者にいま必要とされるレイアウト技法のすべてを解説した。
登録情報
|
この商品を見た後に買っているのは？
カスタマーレビュー
最も参考になったカスタマーレビュー
3 人中、3人の方が、｢このレビューが参考になった｣と投票しています。
By イマリ
VINE™ メンバー
形式:単行本|Amazon Vine™ レビュー
(詳しくはこちら)
Webレイアウトデザインを丁寧に説明しているリファレンスかと思いましたが、意外や意外、
そもそもの「レイアウトデザイン」のメソッドが簡単に説明されていて、非常に親切な構成
となっていました。
グリッドレイアウトやモジュールなどの概念はもちろん、説明臭くならずに、自然と学び
ながら、最終的にウェブレイアウトに活かす構成になっているため、たしかに冗長的な部分は
あるかも知れませんが、意外と、グリッドを知らないウェブからスタートされたデザイナーは
多いと思います。
そんな方にオススメの良書だと思います。（紙出身の人も、前半部分は再確認のために読む
のでも十分OKだと思います。）
そもそもの「レイアウトデザイン」のメソッドが簡単に説明されていて、非常に親切な構成
となっていました。
グリッドレイアウトやモジュールなどの概念はもちろん、説明臭くならずに、自然と学び
ながら、最終的にウェブレイアウトに活かす構成になっているため、たしかに冗長的な部分は
あるかも知れませんが、意外と、グリッドを知らないウェブからスタートされたデザイナーは
多いと思います。
そんな方にオススメの良書だと思います。（紙出身の人も、前半部分は再確認のために読む
のでも十分OKだと思います。）
3 人中、3人の方が、｢このレビューが参考になった｣と投票しています。
By H.I.
VINE™ メンバー
形式:単行本|Amazon Vine™ レビュー
(詳しくはこちら)
著書に「Webデザイン基礎」などがある、境祐司さんのウェブレイアウトについての解説書。
HTML5、及び、CSS3に準拠し、かつ、スマートフォンやタブレットPCなど、ここ最近急速にシェアを拡大しつつある電子媒体への対処方法を書き記している。
長年、Webデザインやレイアウトに携わって来た人には、当たり前と思われるだろう記述が多い反面、当たり前だからこそ、ついおろそかになりがちな部分について、別枠や色を変えて注意を促してくれている。
季節柄、これからWebデザインやレイアウトを生業にしようとしている人には、基礎を再確認するという意味でも、一読をお勧めしたい一冊。
HTML5、及び、CSS3に準拠し、かつ、スマートフォンやタブレットPCなど、ここ最近急速にシェアを拡大しつつある電子媒体への対処方法を書き記している。
長年、Webデザインやレイアウトに携わって来た人には、当たり前と思われるだろう記述が多い反面、当たり前だからこそ、ついおろそかになりがちな部分について、別枠や色を変えて注意を促してくれている。
季節柄、これからWebデザインやレイアウトを生業にしようとしている人には、基礎を再確認するという意味でも、一読をお勧めしたい一冊。
2 人中、2人の方が、｢このレビューが参考になった｣と投票しています。
By くまくま
形式:単行本|Amazon Vine™ レビュー
(詳しくはこちら)
HTML5とCSS3に準拠したウェブレイアウトの手法を整理・整頓した一冊となっている。同様の内容はネットを探れば知ることは出来るかもしれないが、それを体系づけてまとめたところに本書の価値はある。その価値と価格を天秤にかけ、妥当だと判断する人にお薦めだ。価格が高過ぎると思えば、ネットで情報収集して、自分で整理すれば良い。
本書の構成は、大きく二つに分けられる。一つ目は第１章〜第２章で、一般的なレイアウトの知識と、ウェブにおけるレイアウトの基礎知識を、HTML5とCSS3に準拠した形で紹介している。二つ目は、第３章〜第６章で、デスクトップ、携帯電話・スマートフォン、タブレットなど、TPOを考慮したレイアウトについて、それぞれ紹介している。
ウェブレイアウトを本業にしている人にとっては当たり前のことなのかもしれないが、PCでの閲覧とモバイルでの閲覧には、画面サイズ以上に大きな違いがあるらしい。それは、モバイルは出先で利用することが圧倒的に多いということだ。このため、机上で必要になる情報とは要素が異なることがままあるらしい。それらを考慮した上で、閲覧性を高めるレイアウトは何なのかを、HTML5とCSS3に準拠して紹介している。逆に言えば、それ以上ではない。
個人的には、これだけの内容を自分で整理するのは大変なので、内容的には価値があるのだが、価格はもう少し勉強して欲しいところ。経費で買う人には関係ないのかもしれないけれど…。
本書の構成は、大きく二つに分けられる。一つ目は第１章〜第２章で、一般的なレイアウトの知識と、ウェブにおけるレイアウトの基礎知識を、HTML5とCSS3に準拠した形で紹介している。二つ目は、第３章〜第６章で、デスクトップ、携帯電話・スマートフォン、タブレットなど、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
リストマニア
フィードバック
- カタログ情報、または画像について報告
- 著者からのコメント
- 出版社からのコメント
|
