書影
初心者デザイン
【要約・書評】『これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本』の評判・おすすめポイント
Capybara Design|||0ページ
★★★★★0.0
(0件)この本を一言で言うと
Webサイト制作を完全ゼロから楽しく学べる、HTML・CSS・Webデザインの決定版入門書。
この本の概要
本書はHTML/CSSとWebデザインの基本を手を動かしながら楽しく学べる入門書。知識ゼロから4種類のサンプルサイトを制作することで、Flexboxレイアウト・CSSグリッド・レスポンシブデザイン・CSSアニメーションまで段階的に習得できる。豊富な図解とイラスト、キャラクターガイドで飽きずに続けられる構成が特徴。XDデータや公開方法のPDF、チートシートなど学習をサポートする4大特典も提供されている。夫婦デザインユニット「Capybara Design」による、現場感あふれる解説が好評。
これ1冊でどこまで学べるか試してみたら、思ったより全部入ってた
専門学校でグラフィックデザインを学んでいるんですけど、Webの授業が始まるタイミングで手元に置いておこうと思って買いました。イラストとキャラクターのガイドがあって、読んでいて気が楽になるデザインが好みでした。
SNSリンク集から始まって、ブログ、招待状、レストランサイトと4種類のサイトを実際に作っていく構成で、気づいたらFlexboxもCSSグリッドもレスポンシブも全部やってた、みたいな感覚。難易度がちゃんと上がっていくので、「前回やったことを使いながら次に進む」という積み重ねが自然に身についた。
個人的に特典のXDデータが役に立って、デザインファイルから色や数値を拾う練習になった。グラフィック畑の自分にはAdobeのデータで確認できるのがありがたかったです。
デザイン専攻の自分からすると、CSSアニメーションの章まであるのがうれしかった。静的なページだけじゃなくて「動き」まで学べる本って、入門書ではあんまりないので。Web制作に進みたい人は最初にこれを読んでおくと後でラクだと思います。
— フリーランスを目指すデザイン専門学校生（21歳男性）
この本で学べること
✓
SNSリンク集・ブログサイト・Web招待状・レストランサイトと難易度が上がる4つのサイトを実制作しながら学べる。
✓
Flexboxレイアウト・CSSグリッドレイアウト・レスポンシブデザイン・CSSアニメーションまで実践的に学べる。
✓
XDデータ・公開方法PDF・おすすめサイト集・チートシートと、学習を続けるための特典が充実している。
✓
参考サイトの活用方法を学ぶ章があり、本を読み終えた後も自分で学習を深めていける力が養える。
✓
豊富な図解・イラスト・マンガで初心者でも直感的に理解しやすい。補足動画も提供されている。
本の目次
- 1Part1 HTMLを書いてみよう（ウォーミングアップ・HTMLのきほん）
- 2Part2 SNSリンク集を作ってみよう（CSSのきほん・CSSを書いてみよう）
- 3Part3 2カラムページを作ってみよう（ブログサイトのHTML・CSS）
- 4Part4 1カラムページを作ってみよう（Web招待状・CSSアニメーション・レスポンシブ）
- 5Part5 複数ページのサイトを作ってみよう（Webデザインのきほん・レストランサイト・公開準備）
良い点・気になる点
良い点
- ○ゼロから丁寧に学べる構成
- ○4種類の実制作サンプルで実践力が身につく
- ○特典が充実しており独学でも挫折しにくい
- ○図解・イラストが豊富でわかりやすい
気になる点
- △HTMLとCSSが中心のため、ビジュアルデザイン理論は浅め
- △2021年刊行のため一部の最新仕様は別途確認が必要
著者について
こんな人におすすめ
✓
✓
✓
よくある質問
Q. 完全初心者でも使えますか？▼
A. はい。プログラミング未経験・デザイン未経験の方を対象に設計されており、環境構築から丁寧に解説しています。
Q. Flexboxやレスポンシブも学べますか？▼
A. 学べます。4種類のサンプルサイトを通じて、Flexboxレイアウト・CSSグリッド・レスポンシブデザイン・CSSアニメーションまで段階的に習得できます。
Q. 特典はどのように受け取れますか？▼
A. 翔泳社のサイトにて無料のID登録とダウンロードが必要です。XDデータ・公開方法PDF・おすすめサイト集・チートシートの4点が提供されています。
UIデザインガイドライン集
実務で使えるUIデザインのガイドラインを無料でダウンロード
※ 登録いただいたメールアドレスは資料送付にのみ使用します