いちばんよくわかる Web デザインの基本きちんと入門[第 2 版](イチバンヨクワカルウェブデザインノキホンキチントニュウモンダイニハン)
レイアウト/配色/写真/タイポグラフィ/最新テクニック
デザイン・グラフィックス- 著者:
- 伊藤 庄平/益子 貴寛/久保 知己/宮田 優希/伊藤 由暁(イトウショウヘイ/マシコタカヒロ/クボ トモキ/ミヤタ ユウキ/イトウ ヨシアキ)
- 出版社:
- SBクリエイティブ
- 出版日:
- 2021年08月23日頃
- ISBN:
- 9784815609610
- 在庫:
- 在庫あり
なぜ注目されているか
書籍紹介
11 刷突破のベストセラーが最新情報にアップデート!
これからはじめる人、一気に学びたい人へ
一生使える Web デザインのテクニック集!
絶対に外せない! レイアウト 4 つの原則とレスポンシブ Web デザイン
今日から使える! 配色の基本と、実例デザインの配色見本集
ユーザーの心を動かす! 写真と図版の使い方、タイポグラフィの選び方
フレックスボックス、 CSS グリッド、インタラクション、マーケティングの知識まで
この一冊で Web デザイナーに必須の基礎知識が網羅できる!
<本書の対象読者>
●これから Web デザインを学びたい初心者の方
● Web サイト制作に自信が持てない方
● 1 冊で Web デザイナーの基礎知識を網羅して学びたい方
CONTENTS
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
Chapter 01 Web デザインの基本
Chapter 02 レイアウト
Chapter 03 配色
Chapter 04 写真と図版
Chapter 05 タイポグラフィ
Chapter 06 HTML5 と CSS3
Chapter 07 インタラクション
Chapter 08 運用とマーケティング
技書の森解説
コードは書けるのに見た目がどうしても垢抜けない、あるいはデザイナーの指示を受け取る側としてもう少し共通言語を持ちたい。そんなエンジニアやディレクターが Web デザインの原則を体系的につかむための入門書です。レイアウト、配色、タイポグラフィ、写真・イラストの扱い、 UI パターンといった領域を横断的に取り上げ、それぞれ「なぜそうするのか」を理由付きで示します。
ツールの操作手順を逐一追うタイプの本ではなく、考え方の土台を据えることに重点が置かれています。そのため Figma や Photoshop の具体的な操作を学びたい人には物足りないかもしれませんが、逆にツールが変わっても腐らない判断基準が手に入ります。見開き単位で図版とセットになった構成は視覚的に理解しやすく、デザインの勉強を始める最初の一冊として間口が広い作りです。
専門的なビジュアルデザイナーを目指す人にとってはあくまで入口であり、ここから配色理論やインタラクション設計の専門書へ進む橋渡しとして位置づけると効果的です。
言及 Qiita 記事 (1 件)
この本に興味がある方におすすめ
この本に関連
関連記事
Web デザイン本ガイド - HTML/CSS、Figma、Photoshop を学ぶ順番
Web デザインを独学する本の選び方を「コーディング、ツール、デザイン原則」の 3 本柱で整理。HTML/CSS の入門書、Figma と Photoshop の教本、レイアウトと配色の定番書を、2026 年 8 月時点の収載書から学ぶ順番つきで解説します。
Web 開発本ガイド - フロントエンドからバックエンドまで
Web 開発の全体像を学べる技術書の選び方と学習マップを紹介。フレームワーク本の賞味期限問題と公式ドキュメントとの使い分けも解説します。
体系的に学ぶ 安全な Web アプリケーションの作り方 第 2 版は初版と何が違うか - 買い直し判断ガイド
通称「徳丸本」こと体系的に学ぶ 安全な Web アプリケーションの作り方 第 2 版 (2018 年) と初版 (2011 年) の違いを出版社公表の改訂内容から整理。章の削除 / 新設 / 追加点の一覧と、初版所有者が買い直すべきかの判断基準を解説します。
関連用語
エラーメッセージとは - 読み方 / 原因特定 / 設計のベストプラクティス
エラーメッセージはプログラムが問題を検出した際に原因と場所を伝える通知。スタックトレースの読み方 / ユーザー向けメッセージの設計指針を解説
SAST/DAST
ソースコードの静的解析と実行中のアプリケーションの動的解析によるセキュリティテスト
シフトレフトセキュリティ
セキュリティ対策を開発ライフサイクルの早い段階 (左側) に組み込むアプローチ
Option / Result 型
null や例外の代わりに、値の有無やエラーを型で表現する関数型プログラミングのパターン
エラーバジェット
SLO で許容される障害の量を予算として管理し、信頼性と開発速度のバランスを取る仕組み
OpenCV
画像 / 動画を処理するためのオープンソースライブラリ。コンピュータビジョンの定番