どんな人に向くか
- Webデザインの感性だけでなく理論的な基礎を学びたい方
- 既にHTMLは書けるがデザイン知識に自信のないエンジニア
- プロのWebデザイナーとして基礎を固めたい入門者
この本を推薦するペルソナ
この本を「最初に読む3冊」に推薦しているペルソナはまだ登録されていません。
本書の概要
本書は、Webデザインの基礎知識をビジュアル重視の構成で「きちんと」体系的に習得できる入門書であり、タイポグラフィ・配色・レイアウト・ユーザビリティの基本原則をHTML・CSSの実装と組み合わせて解説している。「わかる」だけでなく「作れる」ようになるための演習中心の構成が特徴的である。
目次・章構成
目次データは準備中です
各章の見出しと要約を順次追加していきます。本書の構成感を掴みたい方は、まず「本書の概要」と「読み方ガイド」をご参照ください。
このロードマップに登場します
- フロントエンドエンジニア ジュニアフロントエンド（0〜1年）
- 学習の目的
- 「いちばんよくわかるWebデザインの基本きちんと入門」を読み、フロントエンドエンジニアの土台となる基本概念を理解する。特にcss-designの基本を理解することを目指す。
- 読み方ガイド
- 最初から順番に読み進め、わからない用語はその都度調べる。全体像の把握を優先する。
- 期待される成果
- ジュニアフロントエンド（0〜1年）ステップの学習後、css-design・フロントエンド開発の基礎に関する理解が深まり、フロントエンドエンジニアとしての基礎力が身につく。
良い点・気になる点
良い点
- デザインの視覚的な解説とHTMLコードが対応していて理解しやすい
- 実務で必要なUIコンポーネント設計まで幅広くカバーしている
気になる点
- JavaScriptによるインタラクション実装は対象外
- 最新のデザイントレンドは別途情報収集が必要
次に読むべき本
関連書籍を準備中です。
同じカテゴリの本
同じカテゴリの書籍は現在この本のみです。
読み方ガイド
初心者の読み方
初めての方はまず目次と前書きを通読し、全体像を掴んでから前から順に読み進める。
中級者の読み方
ある程度知識のある方は、目次から興味の強い章だけ抜き読みし、必要に応じて前後章を補う読み方も有効。
リファレンスとしての使い方
読了後はリファレンスとして手元に置き、業務で迷ったら該当章を辞書的に引き直す使い方が効果的。気になった引用は本棚にメモしておくと、再読時の入り口になる。
読了の目安: 章ごとに区切りながら、1日1章のペースで読み進めるのがおすすめ。
読了後に書ける学習アウトプット
書きたいアウトプットを先に決めると、読書の集中ポイントが明確になります。
- いちばんよくわかるWebデザインの基本きちんと入門の核心アイデアを200字で要約したメモ
- css-designに関する自分の業務課題1つを、本書のフレームで再整理した記事
- 本書で得た学びを実務に適用した結果と、効果を測定するKPI
- 同じ章を読んだ読書会向けの議論ポイント3つ
- 参考になった引用と自分の解釈をまとめたブログ記事の下書き
外部リンク・購入
Amazon・購入
次の一歩を踏み出す
「いちばんよくわかるWebデザインの基本きちんと入門」を活かすには、自分のキャリア地図上で位置づけることが大切です。