「レスポンシブWebデザイン...

Preview:

DESCRIPTION

「レスポンシブWebデザイン 制作の実践的ワークフローとテクニック」の見どころ・読みどころを面白おかしくまとめたスライド・プレゼンテーションです

Citation preview

5分でわかる!本書の見どころ・読みどころ

一言でいうと:

レスポンシブWebデザインの基礎が正しく学べる本Image by Vectorportal (flickr)

たくさんある「見どころ・読みどころ」の中から

つをご紹介します!3Image by Anderson Mancini (flickr)

#1考え方、方法論、実践ノウハウの

3つを網羅

Image by Sunfox (flickr)

レスポンシブWebデザインはごく一般的な、普通の制作方法になる

Image by jdhancock (flickr)

CSSでのレイアウトが一般化したように、

その第1歩を正しい方向に進めるために

Image by divya_ (flickr)

Image by Sufox (flickr)

「考え方」「方法論」

「実践ノウハウ」の3つの基礎を

Image by Sunfox (flickr)

できるだけ中立な視点から、解説した本です。

考え方> なぜ、いまRWDが必要なのか> 名称に込められた意味とは?> どんなメリット・デメリットがあるのか> など

方法論1. 技術的な手法についての解説

方法論1. 技術的な手法についての解説 > メディアクエリ > フレキシブル・グリッド > フレキシブル・イメージ > パフォーマンスの最適化

方法論1. 技術的な手法についての解説2. 制作ワークフロー

方法論1. 技術的な手法についての解説2. 制作ワークフロー > アジャイルな制作 > プロトタイプ中心の制作 > パターンライブラリ > など

実践ノウハウ

実践ノウハウ> 約半年かけて調査・検証

実践ノウハウ> 約半年かけて調査・検証> リアルのプロジェクトで採用

実践ノウハウ> 約半年かけて調査> リアルのプロジェクトで採用> 1年以上運営してきた実績

実体験を伴う、「実践ノウハウ」を紹介

この一冊で

#2「なぜ」の部分に重きを置いている

Image by Ian Mutto (flickr)

細かいテクニックはウェブで探せる時代

なぜ、いまレスポンシブWebデザインが必要なのか

Image by fboyd (flickr)

昨今のウェブの時流をひも解きつつ説明しています

iPhoneから始まったスマホの波

Image by originalgoast (flickr)

モバイル・メインの日も近い

Image by adactio (flickr)

フューチャー・フレンドリー

フューチャー・フレンドリーモバイル・ファースト

コンテンツ・ファーストフューチャー・フレンドリーモバイル・ファースト

コンテキスト

コンテンツ・ファーストフューチャー・フレンドリーモバイル・ファースト

シームレスな体験

コンテキスト

コンテンツ・ファーストフューチャー・フレンドリーモバイル・ファースト

などといった、カタカナでよくわからないことも

噛み砕いて、わかりやすく解説しています

Image by fboyd (flickr)

この本には、「なぜ」の部分をしっかり考えるきっかけが用意されています。

#3ウェブ制作の

未来について語っています

Image by jdhancock (flickr)

未来と言っても...

アジャイルで行きましょう

Designing in the Browserを活用しましょう

プロトタイプを活用しましょう

Webデザインとはなにか?見直してみましょう

パフォーマンスの最適化を心がけましょう

そんなことです

が!

おおげさに言うと...

この本は、筆者からの変化のためのメッセージです

Image by littlebiglens (flickr)

Image by littlebiglens (flickr)

モバイルが主流になった「ウェブ」では、

「制作」が変わる必要がある

そんな変化の必要性を、感じていただける内容になっています。

Image by joecrimmings (flickr)

そして、

ウェブを本来の柔軟な形に

Image by dollen (flickr)

ウェブ制作をもっと楽しくする

Image by tostie14 (flickr)

レスポンシブWebデザインという

「哲学」の基礎を学べる内容になっています

Image by goulao (flickr)

この本の

つの「見どころ・読みどころ」3Image by Anderson Mancini (flickr)

#1考え方、方法論、実践ノウハウの

3つを網羅

Image by Sunfox (flickr)

#2「なぜ」の部分に重きを置いている

Image by Ian Mutto (flickr)

#3ウェブ制作の

未来について語っています

Image by jdhancock (flickr)

そんな本です

Recommended