レバテックフリーランスのサイトに当サイトが紹介されました!

【2023年】Webデザインの本「最新・人気のおすすめの10冊」

最近はWeb開発に取り組む人も増え、Webデザインスキルへの注目も高まっています。

ただ実装ができるよりも、実装に加えデザイン知識もあると示せることで、付加価値・差別化が強まります。

こちらでは、そんな今注目のWebデザインの参考書を、人気・高評価のおすすめ本とともに紹介していきます。

 

  1. Webデザインの本「最新の人気ランキング 20冊」
  2. Webデザインの本 人気の10冊
    1. 1冊ですべて身につくHTML & CSSとWebデザイン入門講座[第2版] (1冊ですべて身につく)
    2. これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本
    3. イラレ職人コロが教える飾りのデザイン Illustratorのアイデア
    4. パワポdeデザイン PowerPointっぽさを脱却する新しいアイデア
    5. 初心者からちゃんとしたプロになる Webデザイン基礎入門
    6. 一生使える見やすい資料のデザイン入門
    7. 思わずクリックしたくなる バナーデザインのきほん
    8. Figma for UIデザイン[日本語版対応] アプリ開発のためのデザイン、プロトタイプ、ハンドオフ
    9. [デザイン技法図鑑]ひと目でわかるフォントが活きるデザインの基本。
    10. 世界一わかりやすい Illustrator & Photoshop 操作とデザインの教科書 [改訂3版] (世界一わかり...
  3. Webデザインの本 最新・高評価のおすすめの5冊
    1. デザインのネタ帳 プロ並みに使える写真加工 Photoshop
    2. 不滅のデザインルール 圧倒的な感動を生み出すアイデア群
    3. ザ・ダークパターン ユーザーの心や行動をあざむくデザイン
    4. イメージをカタチにするロゴデザイン 65のヒントで見つかる自分だけのアイデア
    5. 知りたいレイアウトデザイン Second Edition 知りたいデザイン
  4. Webデザインの本「Kindle Unlimited 読み放題 人気本ランキング」
  5. Webデザイン参考書「新書一覧(2021年、2022年刊行)」
  6. おまけ:本より高コスパ?「Udemy Webデザインおすすめ講座」
  7. 関連:フロントエンド実装「HTML/CSS」「JavaScript」を学ぶ
  8. 関連:「Webライティング」「マーケティング」を学ぶ
 

Kindle Unlimited 1ヶ月無料

kindle_unlimited_sale
 
  • 1ヶ月無料で読み放題
  • 1ヶ月以内でも解約可能
  • 解約後も1ヶ月まで利用可


 

Webデザインの本「最新の人気ランキング 20冊」

今人気の「Webデザインの本」をランキングで一覧したのが以下です。

(2024/04/19 12:05 更新)
Rank製品価格
1
2,585円
(+156pt)
2,585円
2
これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本...
発売日 2021/10/14
Capybara Design, 竹内 直人, 竹内 瑠美 (翔泳社)
総合評価
(4.5)
2,420円
(+146pt)
2,178円
2,420円
2,420円
3
イラレ職人コロが教える飾りのデザイン Illustratorのアイデア...
発売日 2021/11/19
イラレ職人コロ (エムディエヌコーポレーション(MdN))
総合評価
(4.5)
2,530円
2,479円
(+149pt)
2,530円
2,530円
4
パワポdeデザイン PowerPointっぽさを脱却する新しいアイデア
発売日 2021/10/20
菅 新汰 (インプレス)
総合評価
(4.1)
1,980円
(+119pt)
1,782円
1,980円
1,980円
5
初心者からちゃんとしたプロになる Webデザイン基礎入門
発売日 2019/09/25
栗谷 幸助, おの れいこ, 藤本 勝己, 村上 圭 (エムディエヌコーポレーション(MdN))
総合評価
(4.1)
2,750円
2,695円
(+162pt)
2,750円
2,750円
6
一生使える見やすい資料のデザイン入門
発売日 2016/01/22
森重湧太 (インプレス)
Kindle Unlimited対象
総合評価
(4.2)
売り切れ
1,584円
1,760円
1,980円
7
思わずクリックしたくなる バナーデザインのきほん
発売日 2022/02/09
カトウ ヒカル (インプレス)
総合評価
(4.4)
1,980円
(+119pt)
1,782円
1,980円
1,980円
8
2,750円
(+165pt)
2,475円
2,750円
9
[デザイン技法図鑑]ひと目でわかるフォントが活きるデザインの基本。...
発売日 2020/12/22
(エムディエヌコーポレーション(MdN))
総合評価
(4.4)
2,420円
2,372円
(+143pt)
2,420円
2,420円
10
2,728円
(+164pt)
2,673円
(+160pt)
2,728円
2,728円
11
ガールズデザイン スクラップブック
発売日 2022/09/28
(エムディエヌコーポレーション(MdN))
2,530円
2,479円
(+149pt)
2,530円
12
1冊ですべて身につくHTML & CSSとWebデザイン入門講座
発売日 2019/03/16
Mana (SBクリエイティブ)
総合評価
(4.3)
770円
2,237円
2,486円
2,486円
13
エンジニアのための理論でわかるデザイン入門 ThinkIT Books
発売日 2017/09/15
伊藤 博臣 (インプレス)
Kindle Unlimited対象
総合評価
(4.1)
3,032円
1,980円
2,200円
2,200円
14
2,035円
(+123pt)
1,832円
2,035円
2,035円
15
実践ゲームUIデザイン コンセプト策定から実装のコツまで
発売日 2022/06/22
太田垣 沙也子 (翔泳社)
総合評価
(3.8)
2,860円
1,430円
2,860円
2,860円
16
ネットで「女性」に売る 数字を上げる文章とデザインの基本原則...
発売日 2017/09/12
谷本 理恵子 (エムディエヌコーポレーション)
総合評価
(4.1)
2,475円
1,650円
1,650円
1,650円
17
とりあえず、素人っぽく見えないデザインのコツを教えてください!...
発売日 2022/01/19
ingectar-e (インプレス)
総合評価
(4.3)
1,980円
(+119pt)
1,980円
1,980円
18
これからはじめるFigma Web・UIデザイン入門 (Compass Web Development)...
発売日 2022/09/26
阿部 文人, 今 聖菜, 田口 冬菜, 中川 小雪 (マイナビ出版)
総合評価
(4.6)
2,904円
(+175pt)
2,614円
2,904円
19
Webデザイン良質見本帳[第2版] 目的別に探せて、すぐに使えるアイデア集...
発売日 2021/12/22
久保田 涼子 (SBクリエイティブ)
総合評価
(4.3)
2,640円
(+264pt)
2,376円
2,640円
2,640円
20
ビジネスダッシュボード 設計・実装ガイドブック 成果を生み出すデータと分析のデザイン...
発売日 2023/06/14
トレジャーデータ, 池田 俊介, 藤井 温子, 櫻井 将允 (翔泳社)
総合評価
(4.6)
2,860円
(+172pt)
2,574円
2,860円
 

以降でおすすめ・注目の本をピックアップしていきます。

Kindle版のある本なら試し読みも可能。大概目次まで見れるので、概要もつかめるので、サンプル試読がおすすめです。

 

Webデザインの本 人気の10冊

以下が「Webデザインの本」人気の10冊詳細です。

(2024/04/19 12:05 更新)
Rank製品価格
1
2,585円
(+156pt)
2,585円
2
これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本...
発売日 2021/10/14
Capybara Design, 竹内 直人, 竹内 瑠美 (翔泳社)
総合評価
(4.5)
2,420円
(+146pt)
2,178円
2,420円
2,420円
3
イラレ職人コロが教える飾りのデザイン Illustratorのアイデア...
発売日 2021/11/19
イラレ職人コロ (エムディエヌコーポレーション(MdN))
総合評価
(4.5)
2,530円
2,479円
(+149pt)
2,530円
2,530円
4
パワポdeデザイン PowerPointっぽさを脱却する新しいアイデア
発売日 2021/10/20
菅 新汰 (インプレス)
総合評価
(4.1)
1,980円
(+119pt)
1,782円
1,980円
1,980円
5
初心者からちゃんとしたプロになる Webデザイン基礎入門
発売日 2019/09/25
栗谷 幸助, おの れいこ, 藤本 勝己, 村上 圭 (エムディエヌコーポレーション(MdN))
総合評価
(4.1)
2,750円
2,695円
(+162pt)
2,750円
2,750円
6
一生使える見やすい資料のデザイン入門
発売日 2016/01/22
森重湧太 (インプレス)
Kindle Unlimited対象
総合評価
(4.2)
売り切れ
1,584円
1,760円
1,980円
7
思わずクリックしたくなる バナーデザインのきほん
発売日 2022/02/09
カトウ ヒカル (インプレス)
総合評価
(4.4)
1,980円
(+119pt)
1,782円
1,980円
1,980円
8
2,750円
(+165pt)
2,475円
2,750円
9
[デザイン技法図鑑]ひと目でわかるフォントが活きるデザインの基本。...
発売日 2020/12/22
(エムディエヌコーポレーション(MdN))
総合評価
(4.4)
2,420円
2,372円
(+143pt)
2,420円
2,420円
10
2,728円
(+164pt)
2,673円
(+160pt)
2,728円
2,728円
 

1冊ですべて身につくHTML & CSSとWebデザイン入門講座[第2版] (1冊ですべて身につく)

 
内容サンプル

(引用元Amazon)

 
内容サンプル

(引用元Amazon)

 
  

これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本

これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本
(著)Capybara Design, 竹内 直人, 竹内 瑠美
発売日 2021/10/14
総合評価
(4.5)
(2024/04/19 12:05時点)
Webサイト制作をこれから学ぶ人へ送る
“1冊目"に最適の入門書! 【学びをサポートする4大特典つき】

本書は手を動かしてWebサイトを作りながら
HTML/CSSとWebデザインの基本を楽しく学べる入門書です。

初学者が1冊目に読む本としてふさわしい内容を盛り込んでいるため、
これを読めば必要な基礎知識がひととおり身につきます。

制作できるサイトは計4種。
初歩的な内容から少しずつレベルアップしていき、
Flexboxレイアウト・CSSグリッドレイアウト・
レスポンシブデザイン・CSSアニメーションも作れるようになります。

またコーディングの知識だけではなく、
学習を続ける上での学び方のコツやポイントも紹介。
知識ゼロからスタートした人でも、1冊を読み終えるころには
自ら学習を深めていけるようになるでしょう。

■わかりやすい! 楽しい! ポイント
・やさしく要点をおさえた解説
・手を動かして作ることを重視した構成
・おしゃれでバリエーション豊かなサンプルサイト
・豊富な図解とイラスト、キャラクターによるガイド
・重要ポイントの理解を助ける補足動画

■こんな方におすすめ!
・Webサイト制作をゼロから学びたい初心者
・1冊目の入門書を探している人
・Web制作の仕事を目指している人

■学習をサポート! 嬉しい4大特典つき!
(※翔泳社サイトにて無料のID登録とダウンロードの必要があります)
1.サンプルサイトのXDデータ
- 画像の切り出しや色/数値抽出の練習用に
- デザインファイルの作り方の参考に

2.特典PDF:Webサイトの公開方法
- 最後に必要な公開作業の手順も解説!
- レンタルサーバー/ドメインについてやFTPソフトの使い方

3.制作に役立つおすすめサイト集
- 実際のしごとで使っているサイトを厳選!
- Webデザイン編/コーディング編と合計、約50サイトを紹介

4.初学者必携のチートシート
- 横において学習すると学びやすい!
- Flexboxレイアウト/CSSグリッドレイアウト/CSSのショートハンド/キーボード入力サポートの4種


↓全て表示↑少なく表示
 
内容サンプル

(引用元Amazon)

 
目次
1 HTMLを書いてみよう(ウォーミングアップをしよう
HTMLのきほんを学ぼう)
2 SNSリンク集を作ってみよう(CSSのきほんを学ぼう
SNSリンク集のCSSを書いてみよう)
3 2カラムページを作ってみよう(ブログサイトのHTMLを書いてみよう
ブログサイトのCSSを書いてみよう)
4 1カラムページを作ってみよう(Web招待状サイトのHTMLを書いてみよう
Web招待状サイトのCSSを書いてみよう ほか)
5 複数ページのサイトを作ってみよう(制作の流れとWebデザインのきほん
レストランサイトのCSSを書こう(モバイル) ほか)

↓全て表示↑少なく表示
Users Voice
本自体は綺麗な状態で届きましたので満足ですが、 2点頼んで別送されると思わず、連絡も無かったので問い合わせしてしまいました。 無事に届きましたが、ちょっと焦りました。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
基礎から分かりやすく解説されているとともに、中級者でも気付きの得られる内容です。現場で多用されるフレックスボックスについては紙面をもっと割いて解説が欲しかったです。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
初学者にターゲットを絞った一冊という印象。
イラストや図解が多用されていてとてもわかりやすく解説されています。

その図解や画面のキャプチャと文字の並びなども上手くレイアウトされていて、
とても読みやすくスラスラと学習が進んでいます。

また、特典も豊富ですべての特典を活用しきれていませんが、
「ちょっと難しいな」と思う箇所には動画があったり、
チートシートやサイト集は眺めているだけでもワクワクします。

各章の冒頭にかわいいカピバラのキャラクターを使った漫画もあり、
「次の漫画まで頑張ろう」という感じで進めています。

HTML/CSS関係の指南書を読むのは3冊目くらいになりますが、
本のタイトルにあるように、まさに「1冊目」に出会いたかったと思える一冊で、
これから学習を始める人で、書籍を探している人は
この本を選んでも損することはないと思います。

まだ全部読み終えていないですが、
この感想は変わらないと思います。 (参考:楽天)

↓全て表示 ↑少なく表示
 
内容サンプル

(引用元Amazon)

 
著者略歴
竹内直人(タケウチナオト)
Web制作会社、動画マーケティング会社にてディレクター・マーケター・エンジニアを経て2018年に独立。フロントエンジニアとして現役で活動しつつ、実体験に基づいた知識を活かしコーディング講師としても活動している

竹内瑠美(タケウチルミ)
UI/UXやマーケティング視点も含めたトータルなビジュアルデザインを得意とする。さまざまなベンチャー企業での経験を活かし、現在はスタートアップ企業のデザインパートナーとして活動している(本データはこの書籍が刊行された当時に掲載されていたものです)

↓全て表示↑少なく表示

  

イラレ職人コロが教える飾りのデザイン Illustratorのアイデア

〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。

【イラレ職人コロ、待望の一冊! いちばん使える最強アイデアレシピ】

イラレ職人コロさん『飾りのデザイン』が満を持して登場しました!

Illustratorで作る「飾り」のアイデア(レシピ)を集めました。『シンプルだけど汎用性の高いデザイン』を意識し、「イラスト」「パターン」「フレーム」「タイポ&ロゴ」「インフォグラフィック」のカテゴリーから、合計72種類のアイデアを収録。Illustratorの技術を完全に習得していないユーザーでも図版が作成できるよう、ステップごとに詳しく解説しています。

直感的に操作できる構成ですが、複雑な工程はページ内に「ヒント」を設定。より深い理解が得られる「オマケ」のほか、レシピによってはQRコードから動画を見ることもできます。作業工程で迷いそうな部分は、コロさんからの「ふきだしアドバイス」を参考にしてみてください。

すべての人が「楽しいイラレライフ」を過ごせますように!

〈著者プロフィール〉
イラレ職人コロ[イラレショクニンコロ]
Adobe Illustratorのチュートリアル制作に特化したクリエイター。北海道札幌市在住。1~2分の超短チュートリアル動画『本日のイラレ』の制作を中心に、「Adobe MAX 2020」「Adobe MAX 2021」への登壇、大学非常勤講師、書籍の執筆など、クリエイター向けのコンテンツ開発および情報発信を行っている。著書に『イラレのスゴ技 動画と図でわかるIllustratorの新しいアイディア』(技術評論社)がある。Twitter:@coro46(他にもYouTubeやnoteで情報を発信。詳しくは各種SNSにて「イラレ職人コロ」で検索)

↓全て表示↑少なく表示
 
内容サンプル

(引用元楽天Books)

 
目次
1 イラスト(まばゆいキラキラ星
可愛いぷっくりハート ほか)
2 パターン(輝きのサンバースト
魅惑のマーブリング ほか)
3 フレーム(シックな内側角丸フレーム
小粋な二角丸フレーム ほか)
4 タイポ&ロゴ(Adobe Fontsを使おう
スマートな反転文字 ほか)
5 インフォグラフィック(プレゼン資料で活躍!ベン図
シンプルなサイクル図 ほか)

↓全て表示↑少なく表示
Users Voice
1つずつが短時間でできるため、ちゃんと操作をやりながら読み切ることができました。
現在2周目ですが、復習がしやすいので15分のスキマ時間に2-3個の作例が作れます。
1日15分と決め、1ヶ月で何度もやることでイラレ脳が身につくと思います。

高度なデザインの本は、書店で「よしやるぞ!」と買うけど文字が小さく、挫折しがち。この本はカンタンで身につく本です。 (参考:楽天)

↓全て表示 ↑少なく表示
 
内容サンプル

(引用元楽天Books)

 
著者略歴
イラレ職人コロ(イラレショクニンコロ)
Adobe Illustratorのチュートリアル制作に特化したクリエイター。1~2分の超短チュートリアル動画『本日のイラレ』の制作を中心に、Adobe MAX 2020、2021への登壇、大学非常勤講師、書籍の執筆など、クリエイター向けのコンテンツ開発および情報発信を行っている(本データはこの書籍が刊行された当時に掲載されていたものです)

  

パワポdeデザイン PowerPointっぽさを脱却する新しいアイデア

PowerPointの知られざる「すごさ」をnoteやTwitterで発信している菅新汰さんによる初のデザインブック。従来の資料作成ソフトとしてのパワポっぽさを脱却しながら、おしゃれな表現方法を学ぶことができます。著者の魅力的な作例を通して必要なテクニックを学ぶことで、「こんなのがパワポで作れるの?」と思わず言いたくなるスライド、ポスター、動画、サムネイルなども簡単に作ることができるようになります。

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
購入前にお使いの端末で無料サンプルをお試しください。
 
内容サンプル

(引用元楽天Books)

 
目次
第0章 使いやすさUPのコツ
第1章 文字で印象づける
第2章 かっこいいデータの魅せ方
第3章 図形を使いこなす
第4章 画像の工夫で魅力的に仕上げる
第5章 素材を使いこなす
第6章 その他のテクニック
Users Voice
大学入学に伴い、子どものために購入。計7章で構成などのコツを掴む構成。サンプルデータのダウンロードも可能なので、それをヒントに自分のデザインを検討することの一助ともなる気がします。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
デザインの種類が多いことが、この本の長所だと思います。あまり余計な説明がない点が個人的には気に入っています。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
本屋で買おうか気になって迷ってましたが、こちらであるのを発見!ポイントも付いてオトクなので購入しました! (参考:YahooShopping)

↓全て表示 ↑少なく表示
 
内容サンプル

(引用元楽天Books)

 
著者略歴
菅新汰(スガアラタ)
1997年生まれ。株式会社プレゼン製作所クリエイター。「PowerPointのあまり知られていない“すごさ”を伝える」をコンセプトに、Twitterとnoteを通してパワポやプレゼンについての情報発信を行っている(本データはこの書籍が刊行された当時に掲載されていたものです)

  

初心者からちゃんとしたプロになる Webデザイン基礎入門

初心者からちゃんとしたプロになる Webデザイン基礎入門
(著)栗谷 幸助, おの れいこ, 藤本 勝己, 村上 圭
発売日 2019/09/25
総合評価
(4.1)
(2024/04/19 12:05時点)
この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。

〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。

【1日30分からはじめる! プロを目指す人の新・スタンダード。】

WebデザインやHTML・CSSの学習を「1日30分からはじめる」をテーマに、やさしくしっかり解説した書籍。初学者の方が、プロのWebデザイナーを目指す上で必要となる基本的な知識や技術を体系的に学べます。“ちゃんとしたプロ”のWebデザイナーとしてスタート地点に立つために、最初に選んでいただきたい1冊です。

Webサイトの実制作のフローに沿い、本書の解説では、Webデザインの概論と制作に必要となるツールや素材・配色について学んだあと、HTML・CSSの基礎と実践を習得し、サイトの公開や運用に関する知識を身につけます。HTML・CSSの書き方を初歩から教えるだけにとどまらず、サイトを制作し、公開・運用していくために必要な基本知識をすべて解説しています。

また、各記事ごとに学習時間の目安を記載しており、授業や独習で学習教材として活用しやすい作りを目指しました。HTML・CSSの実践部分でサンプルサイトとして制作するのは、シングルページのシンプルなお店のサイトと、モバイルファーストの手法を取り入れたサイトの2つです。サンプルは学習用データとしてダウンロード提供します。

〈こんな方にオススメ〉
・初学者からプロのWebデザイナーやマークアップエンジニアを目指す方
・Webデザイン制作やHTML・CSSの知識を身につけたい方
・WebデザインやHTML・CSSの基本情報をアップデートしたい方

〈本書の章構成〉
○Lesson1 Webサイトの成り立ち
○Lesson2 Webサイトの枠組みを知る
○Lesson3 Webデザインに必要な素材
○Lesson4 HTMLをマスターする
○Lesson5 CSSをマスターする
○Lesson6 シングルページのサイトを作る
○Lesson7 レスポンシブ対応サイトを作る
○Lesson8 Webサイトを公開してみよう
○Lesson9 SNS連携とWebサイトの運用

↓全て表示↑少なく表示
 
内容サンプル

(引用元楽天Books)

 
Users Voice
モニタのことをパソコン本体だと思っていた妻でも読んで理解が進んでいるようです(笑) これ一冊の読了理解ではWebデザイナーには到底なれないと思いますが、 Webとはなんぞやの知識段階の方への入り口の本としては丁寧で良いと思います。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
ちょっと難しいけど、勉強になります。 なかなか読み進められませんが、少しずつ理解して、知識を吸収していきたいと思います。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
こちらの本を拝読して Webサイトの基本となることをマスター出来ました こちらの本で習った物を活かせるように身に覚えさせます (参考:YahooShopping)

↓全て表示 ↑少なく表示
 
内容サンプル

(引用元楽天Books)

 
  

一生使える見やすい資料のデザイン入門

一生使える見やすい資料のデザイン入門
(著)森重湧太
発売日 2016/01/22
総合評価
(4.2)
(2024/04/19 12:11時点)
WEBで大人気の資料デザイン入門がついに書籍化!
仕事で即役立つデザインのコツ満載!

◎見やすい資料はこんな資料
■1スライド=1メッセージ
■視覚情報を活用している
■箇条書きに頼りすぎない
■無駄な要素がない
■情報が凝縮されている

人にわかりやすく伝えるには、「見やすさ」が重要です。文字、図、表などの使い方にほんの少し気を配り、見やすさを意識するだけで、資料の仕上がりはぐっと見違えてきます。

本書では、Webのスライド共有サービス「SlideShare」での累計閲覧数220万超えの人気スライド「見やすいプレゼン資料の作り方」をベースに、「これさえ覚えておけばOK!」という実務で役立つ最低限のデザインのポイントを厳選。ビフォー→アフターの大きな作例と共に簡潔に解説。作例はビジネスでの使用頻度が高い、パワーポイントのスライド資料を使用。直感的にポイントを理解できる構成なので、デザインを学んだことのない人、センスに自信のない人でも、すぐに習得することができる作りです。

ごく当たり前だけどわかりやすさを左右する「書体」「行間」「色」などの基本から、「図形」や「グラフ」などのちょっとした見せ方のコツまで、「これをやれば、人に伝わりやすくなる!」というポイントをまとめています。

巻末には印象のよいタイトルデザインやA4一枚の資料、ポスター、POPなど、さまざまな資料のよくあるシーン別資料集も掲載。

今まで誰も教えてくれなかった、見やすい資料作りの「ちょっとしたコツ」が満載です。

↓全て表示↑少なく表示
 
内容サンプル

(引用元楽天Books)

 
目次
1 伝わる資料とはどういうものか(伝わる資料は文字を「読ませない」
「文字数」「図」「写真」がキーポイント ほか)
2 資料が見やすくなるデザインの基本(文字
文章 ほか)
3 スライド全体のデザインを決めよう(ベースデザインを作ればラクラク
スライドサイズは「4:3」を選ぶ ほか)
4 資料の見栄えが良くなる!表現のテクニック(文章
作図 ほか)
5 さまざまな資料に応用しよう シーン別実例集(プロジェクト提案のためのプレゼン用表紙スライド
提案するサービスの特長紹介 ほか)

↓全て表示↑少なく表示
Users Voice
とても読みやすく、わかりやすかったです。プレゼン資料を作成する機会が多いので勉強になりました!!あとは自分の経験がついてくれば…この本を参考にがんばりたいと思います。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
大学生になった子どもがプレゼンの資料作りに困っていたのでプレゼントしました。 経験、センスも必要でしょうが、このような見本となる本があると心強いですね。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
良品で、配送もスムーズにきて、良かったです。 また機会があれば是非使わせてもらいたいです。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
 
内容サンプル

(引用元楽天Books)

 
著者略歴
森重湧太(モリシゲユウタ)
東京農工大学大学院情報工学専攻在学中に「研究発表プレゼンがわかりにくい」と感じたことから、教育工学で学んだ知識と独学の資料作成ノウハウをまとめ、勉強会を発足。それをまとめたものをWebのスライド共有サービス「Slide Share」に掲載したところ、1ヶ月で累計閲覧数30万回を突破。その後も閲覧数が増え続け、累計220万回を超える人気コンテンツに(2015年12月現在)。高校の授業から大企業の研修まで幅広く利用されている。在学中からスマートキャンプ株式会社の運営する法人向け資料作成代行サービス「SKET」に携わっており、大学院修了後、同社に入社。事業責任者兼ディレクターとして100社以上の資料作成を監修している(本データはこの書籍が刊行された当時に掲載されていたものです)

↓全て表示↑少なく表示

  

思わずクリックしたくなる バナーデザインのきほん

バナーデザインで困った時は
この1冊で解決!
バナーは情報量の多いWeb上に掲載されるので
「パッと一目で情報を伝える」必要があります。
なので、目に留めてもらう工夫が必須!

この本では「パッと見て伝わるバナーデザイン」を作ることを目的とし、
8つの基本と6つのカテゴリーに分けた工夫やテクニックをご紹介します。

・バナー制作に時間がかかってしまう!
・バナーを作るのが苦手…。
・サイズが小さくで作るのが難しい

基本も応用もしっかり解説しているので、
デザイン初心者の方でもこの本を読めば、
伝わるバナーが作れること間違いなしです!

▼こんなシーンに役立つ
・WEB・SNSなどに掲載する広告バナー
・ブログやHPのアイキャッチ
・ネットショップのバナー
・記事の見出し画像

▼CONTENTS
PART1 伝わるバナーってどう作るの?
PART2 小さくてもわかりやすく! レイアウトのコツ
PART3 パッと伝わる文字の見せ方
PART4 全く違う情報をわかりやすく伝えるグルーピング術
PART5 人の顔や視線を使って目を引くデザインに
PART6 イマイチな写真をよく見せる補正と加工
PART7 あしらいと演出で心惹かれるデザインに
総復習! バナー練習問題
キーカラーで選ぶバナー配色手帳

↓全て表示↑少なく表示
 
内容サンプル

(引用元Amazon)

 
目次
1 伝わるバナーってどう作るの?
2 小さくてもわかりやすく!レイアウトのコツ
3 パッと伝わる文字の見せ方
4 全く違う情報をわかりやすく伝えるグルーピング術
5 人の顔や視線を使って目を引くデザインに
6 イマイチな写真をよく見せる補正し加工
7 あしらいと演出で心惹かれるデザインに

↓全て表示↑少なく表示
Users Voice
バナーをよく作ります。もっと質の高いものを作りたくて、話題の本につき購入しました。中をみて感心しました。フォント名まで掲載があるのは嬉しいです。しばらく作成のたび、開かせて頂くことになりそう。アイデアを補ってくれそう。シンプルでみやすいそんな点もよいですね!今回発送いただいた店舗さん、到着も早く大変綺麗な本でした。ありがとうございます! (参考:YahooShopping)

↓全て表示 ↑少なく表示
バナーの基本的なルールなどが分かりやすく書かれています。 バナーの良い悪いの比較するページは初心者には分かりづらいですが、何が良いのか悪いのか詳しく書いてくださってるので、バナー作成に慣れてきた頃に見返しても良さそうです。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
デザインの基礎がわかっている人や、学校などで学んだけど実践的な物を作ってみたいという人におすすめです。写真で比較して分かりやすく書かれています。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
 
内容サンプル

(引用元Amazon)

 
著者略歴
カトウヒカル
1984年生まれ。佐賀県出身。2012年よりWebデザイナーとして活動。kanvas(カンバス)という屋号で企業のホームページ制作を行う。これまで100サイト以上の制作に関わり、半数はデザインからHTML/CSSコーディング、CMSの組込までワンストップで対応。2020年2月からWebデザインの授業を視聴できるサービス「Webデザイン1on1レッスンチャンネル」を主催。TwitterではバナーデザインのTipsを発信(本データはこの書籍が刊行された当時に掲載されていたものです)

↓全て表示↑少なく表示

  

Figma for UIデザイン[日本語版対応] アプリ開発のためのデザイン、プロトタイプ、ハンドオフ

 
内容サンプル

(引用元Amazon)

 
内容サンプル

(引用元Amazon)

 
  

[デザイン技法図鑑]ひと目でわかるフォントが活きるデザインの基本。

この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。

〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。

【フォントを知れば、デザイン力が上がる!】

デザインの基本や手法をビジュアルで直感的に理解できる[デザイン技法図鑑]シリーズの第3弾です。「レイアウト」「配色デザイン」に続き、デザインの重要な役割を担う「文字」と「フォント」。デザインで活かすにはどうしたらいいかがひと目でわかるよう、イメージによって変わる使い分け、文字を活かしたデザインテクニック、文字とフォントの基礎の3章構成で解説します。

デザインにとって「文字」は重要なデザイン要素です。ロゴ、タイポグラフィ、Web、そして、ビジネス文書などに至るまで、文字の扱いひとつできちんと「伝わる」情報となるかが決まってきます。

フォントを無自覚に使うのではなく、ある一定の基準を元にフォントを選びデザインに活かすことは、経験の浅い初心者にはなかなか難しいことです。

本書は、そんな初心者の方やフォント選びに限界を感じているデザイナーの方に向けて、文字の基礎、フォントの選び方、イメージごとのフォントのデザインへの活かし方、そして文字を中心としたデザインテクニックを「ひと目でわかる」ように直感的にビジュアルに理解できる仕組みとなっています。

デザイン力を上げるための「文字」と「フォント」の活かし方が、実践的に身につく一冊です。

〈本書の内容〉
Introduction デザインでいちばん大切な「文字」
CHAPTER1 デザインに役立つ文字とフォントのイメージ(全39イメージを解説)
CHAPTER2 デザインに役立つ文字とフォントのテクニック(全16テクニックを解説)
CHAPTER3 デザインに役立つ文字とフォントの基本(全13の基本を解説)

〈監修者プロフィール〉
伊達千代(だて・ちよ)
グラフィックデザイナー/ライター。エディトリアルを中心としたデザインワークのほか、雑誌・書籍にてグラフィックアプリケーションやデザイン関連の執筆、Macおよびグラフィックデザインのトレーニングも行う。主な著書に「文字のきほん」(グラフィック社刊)、「デザインのルール、レイアウトのセオリー。」、共著「『愛のあるユニークで豊かな書体。』フォントかるたのフォント読本」(以上MdN刊)など。株式会社TART DESIGN OFFICE代表。フォントかるた制作チームでは書体解説を担当。

↓全て表示↑少なく表示
 
内容サンプル

(引用元Amazon)

 
Users Voice
商品の質良し。対応ありがとうございます。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
分かっていてもなかなか引き出しを開けられないのがデザインの難しいところ。 (参考:楽天)

↓全て表示 ↑少なく表示
 
内容サンプル

(引用元Amazon)

 
  

世界一わかりやすい Illustrator & Photoshop 操作とデザインの教科書 [改訂3版] (世界一わかり...

(概要)
クリエイターやデザイナーとなるために必須といえる、「Illustrator」「Photoshop」といったふたつのアプリケーションの操作を1冊でマスターできる『世界一わかりやすい Illustrator&Photoshop 操作とデザインの教科書』。本書は最新版である2021だけでなく、2020、2019に対応した改訂版です。学習に必要なレッスンファイルはダウンロードサービスで入手できますので、紙面の解説を手元で確認することができます。しっかりと仕事の基礎となる技術を身に付けたいという人にピッタリです。なお、本書の解説はIllustratorとPhotoshopそれぞれ2021の画面で行っています。

(こんな方におすすめ)
・デザイナー、イラストレーター、カメラマン、編集者、学生、クリエイターを目指している人、趣味でイラストや写真を撮っている人など

(目次)
Lesson 01 Illustrator & Photoshopの基本
1-1 IllustratorとPhotoshopとは
1-2 Illustratorのファイルの作成・保存
1-3 Photoshopのファイルの作成・保存
1-4 画面の基本操作
Lesson 02 図形や線を描く
2-1 四角形、楕円、多角形
2-2 そのほかの図形
2-3 直線
2-4 曲線
2-5 フリーハンド系ツール
2-6 グラフ
2-7 画像トレース
Lesson 03 オブジェクトの選択と基本的な変形
3-1 オブジェクトの選択
3-2 オブジェクトの変形
3-3 アンカーポイントとハンドルの操作
Lesson 04 色と透明度の設定
4-1 色の設定
4-2 グラデーション
4-3 パターン
4-4 アピアランスパネル
4-5 オブジェクトの不透明度
Lesson 05 オブジェクトの編集と合成
5-1 レイヤー
5-2 オブジェクトの複製
5-3 きれいな整列
5-4 複数オブジェクトの扱い
5-5 パスファインダーパネルによる合成
5-6 シェイプ形成ツールによる合成
5-7 複合パス
Lesson 06 線と文字の設定
6-1 線の設定
6-2 線幅ツール
6-3 ブラシの適用
6-4 文字の入力
6-5 文字の編集
6-6 文字のレイアウト
Lesson 07 覚えておきたい機能
7-1 クリッピングマスク
7-2 効果メニューによる変形
7-3 線を変形する便利な機能
7-4 リピート
7-5 エンベロープ
Lesson 08 レイヤーの操作と色調補正
8-1 レイヤーの基本操作
8-2 色調補正と調整レイヤー
8-3 塗りつぶしレイヤー
Lesson 09 選択範囲の作成
9-1 選択範囲の基本操作
9-2 さまざまな選択方法
9-3 選択範囲メニュー
Lesson 10 色の設定とペイントの操作
10-1 色の設定
10-2 グラデーション
10-3 ツールでペイント
Lesson 11 レイヤーマスク
11-1 レイヤーマスクとは
Lesson 12 文字、パス、シェイプ
12-1 文字の入力と編集
12-2 文字の変形
12-3 パスとシェイプ
Lesson 13 画像の修正
13-1 ゴミや不要物の削除
13-2 画像の変形
13-3 トリミング、カンバスサイズ、解像度
Lesson 14 フィルターとレイヤースタイル
14-1 フィルターを使う
14-2 フィルター一覧
14-3 レイヤースタイル
Lesson 15 IllustratorとPhotoshopの連係
15-1 Illustratorへの画像の配置
15-2 IllustratorからPhotoshop用への書き出し

↓全て表示↑少なく表示
 
内容サンプル

(引用元楽天Books)

 
目次
はじめに
本書の使い方
レッスンファイルのダウンロード
Lesson01 Illustrator & Photoshopの基本
1-1 IllustratorとPhotoshopとは
1-2 Illustratorのファイルの作成・保存
1-3 Photoshopのファイルの作成・保存
1-4 画面の基本操作
Lesson02 図形や線を描く
2-1 四角形、楕円、多角形
2-2 そのほかの図形
2-3 直線
2-4 曲線
2-5 フリーハンド系ツール
2-6 グラフ
2-7 画像トレース
練習問題
Lesson03 オブジェクトの選択と基本的な変形
3-1 オブジェクトの選択
3-2 オブジェクトの変形
3-3 アンカーポイントとハンドルの操作
練習問題
Lesson04 色と透明度の設定
4-1 色の設定
4-2 グラデーション
4-3 パターン
4-4 アピアランスパネル
4-5 オブジェクトの不透明度
練習問題
Lesson05 オブジェクトの編集と合成
5-1 レイヤー
5-2 オブジェクトの複製
5-3 きれいな整列
5-4 複数オブジェクトの扱い
5-5 パスファインダーパネルによる合成
5-6 シェイプ形成ツールによる合成
5-7 複合パス
練習問題
Lesson06 線と文字の設定
6-1 線の設定
6-2 線幅ツール
6-3 ブラシの適用
6-4 文字の入力
6-5 文字の編集
6-6 文字のレイアウト
練習問題
Lesson07 覚えておきたい機能
7-1 クリッピングマスク
7-2 効果メニューによる変形
7-3 線を変形する便利な機能
7-4 リピート
7-5 エンベロープ
練習問題
Lesson08 レイヤーの操作と色調補正
8-1 レイヤーの基本操作
8-2 色調補正と調整レイヤー
8-3 塗りつぶしレイヤー
練習問題
Lesson09 選択範囲の作成
9-1 選択範囲の基本操作
9-2 さまざまな選択方法
9-3 選択範囲メニュー
練習問題
Lesson10 色の設定とペイントの操作
10-1 色の設定
10-2 グラデーション
10-3 ツールでペイント
練習問題
Lesson11 レイヤーマスク
11-1 レイヤーマスクとは
練習問題
Lesson12 文字、パス、シェイプ
12-1 文字の入力と編集
12-2 文字の変形
12-3 パスとシェイプ
練習問題
Lesson13 画像の修正
13-1 ゴミや不要物の削除
13-2 画像の変形
13-3 トリミング、カンバスサイズ、解像度
練習問題
Lesson14 フィルターとレイヤースタイル
14-1 フィルターを使う
14-2 フィルター一覧
14-3 レイヤースタイル
練習問題
Lesson15 IllustratorとPhotoshopの連係
15-1 Illustratorへの画像の配置
15-2 IllustratorからPhotoshop用への書き出し
索引

↓全て表示↑少なく表示
Users Voice
IllustratorとPhotoshopを独学で覚えようとしましたが、わからないが多くなかなか頭に入りませんでしたが、この本には基本的なことがわかりやすく説明してあり役立っています。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
エクセルやワードすらままならない私でも、簡単に操作できるように作られていました。練習を増やしていこうと思います。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
イラレがメインです。フォトショは少なめです。 (参考:楽天)

↓全て表示 ↑少なく表示
 
内容サンプル

(引用元楽天Books)

 
   

Webデザインの本 最新・高評価のおすすめの5冊

以下が「Webデザインの本」最新・高評価のおすすめの5冊詳細です。

(2024/04/19 12:19 更新)
Rank製品価格
1
デザインのネタ帳 プロ並みに使える写真加工 Photoshop
発売日 2022/08/31
永樂雅也, コネクリ, Photoshop Book, 内藤孝彦 (エムディエヌコーポレーション(MdN))
総合評価
(5)
2,640円
2,587円
(+156pt)
2,640円
2,640円
2
不滅のデザインルール 圧倒的な感動を生み出すアイデア群
発売日 2023/07/01
植田阿希 (SBクリエイティブ)
総合評価
(4.8)
2,310円
(+231pt)
2,264円
(+227pt)
2,310円
3
ザ・ダークパターン ユーザーの心や行動をあざむくデザイン...
発売日 2022/08/03
仲野 佑希 (翔泳社)
総合評価
(4.7)
2,200円
1,100円
2,200円
2,200円
4
2,090円
(+126pt)
1,881円
2,090円
5
知りたいレイアウトデザイン Second Edition 知りたいデザイン...
発売日 2023/09/25
ARENSKI (技術評論社)
総合評価
(4.7)
2,420円
(+146pt)
2,372円
(+143pt)
2,420円
 

デザインのネタ帳 プロ並みに使える写真加工 Photoshop

デザインのネタ帳 プロ並みに使える写真加工 Photoshop
(著)永樂雅也, コネクリ, Photoshop Book, 内藤孝彦
発売日 2022/08/31
総合評価
(5)
(2024/04/19 12:19時点)
〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。

【ハイセンスな“映える”写真で見る人をひきつける!】

SNSの普及により、写真を公開する機会が格段に増えました。アプリなどでも簡単な加工はできますが、商品写真にせよ、スナップ写真にせよ、より本格的に写真に力をもたせたいのであれば、Photoshopの使いこなしが欠かせません。

本書では、Photoshopをより活用したいという方のために、31の写真加工テクニックをステップ・バイ・ステップ形式で解説しました。撮影の難しいダイナミックな写真や、幻想的な写真、インパクトのある写真、絵画・イラスト風の加工、文字を入れる手法など、プロが使う多彩なテクニックが掲載されています。

完成Photoshopファイル(PSDファイル)もダウンロードできるので、「ちょっとやってみよう!」と気軽に挑戦できます。

ぜひ本書で、写真の魅力の引き出し方を身につけてください。

〈こんな方にオススメ〉
・Photoshopをいまいち使いこなせていない方
・紙面やWebサイトに掲載する写真を映えさせたい方
・SNSやブログに商品写真やスナップ写真をアップする方

〈本書の内容〉
■Chapter1 写真の被写体を目立たせる
■Chapter2 文字を入れる
■Chapter3 絵画・イラスト風の加工
■Chapter4 さまざまな世界観をつくる
■Chapter5 インパクトのある加工

〈本書の特長〉
・プロの技術を駆使した説得力のある仕上がり
・ステップ・バイ・ステップ形式の丁寧な解説
・レイヤー付きの完成PSDデータをダウンロード可

↓全て表示↑少なく表示
 
内容サンプル

(引用元Amazon)

 
Users Voice
ありがとうございました。 (参考:楽天)

↓全て表示 ↑少なく表示
 
内容サンプル

(引用元Amazon)

 
  

不滅のデザインルール 圧倒的な感動を生み出すアイデア群

ずっと変わらない。ずっと使える。不滅のデザインルール
圧倒的な感動を生み出すデザインのアイデア群

プロが使う技術58個を一挙公開!
ずっと使える不滅のルールが全部学べる。

一流の考え方がわかる特別インタビュー
とらや・サントリー烏龍茶のアートディレクション 葛西薫氏
キリンレモン・アニメ『チェンソーマン』のアートディレクション 村上雅士氏

高品質なデザインが460選

初級者から、中上級者まで、
デザインを作るすべての人に役立つ内容が詰まっている!

●本書は次のような方にオススメ
・これからデザインのことを学びたい人
・デザイン制作に自信が持てない人
・デザインのアイデアがたくさん欲しい人
・プロが使うデザインのルールを知りたい人
・ずっと使えるデザインのルールを知りたい人


CONTENTS

Special Interview
村上雅士氏インタビュー 「普通」から「半歩」外に出るデザイン
葛西 薫氏インタビュー  デザインとは「潤い」

Chapter01 レイアウトのルール
01 情報整理とレイアウト
02 ホワイトスペース(余白) 空間を使った演出と視線誘導
03 ぼかし・透過 デザインを強調する美しいビジュアル
04 シンメトリー(対称) 調和や安定感のある対称のレイアウト
05 三角形の構図 奥行きや安定感を演出する
06 日の丸構図 主役を際立たせる
07 二分割のデザイン シーンを分ける
08 対比の構図 心を強く揺さぶる
09 三分割のデザイン バランスの良い構図を作る
10 デペイズマン 知覚的なイリュージョン
11 黄金比・白銀比 美しいプロポーション
12 グリッドレイアウト 統一感と規則性
13 俯瞰とあおり 奥行きが生まれる
14 方向性 視線と空間をコントロールする
14 反復 統一感とリズムが生まれる
16 リズム 効果的な構図につながる
17 タイリング リズムや動きを表現する
18 ドット(サークル) 動きを感じるエレメント
19 アシンメトリー(非対称) 躍動感を生む非対称のレイアウト
20 ライン さまざまなイメージを与える線
21 放射 圧倒的な迫力を作る
22 ランダム・フリーレイアウト 躍動感と期待感があふれる

Chapter02 配色のルール
01 色の扱い方 色を知って味方につける
02 暖色 視線を引きつける
03 寒色 静かで落ち着いた印象を与える
04 中性色 中立性と二面性
05 原色系 クリエイティブな表現
06 補色配色とマルチカラー 互いに引き合う、引き立て合う
07 明暗とコントラスト 視線を惹きつける
08 黒と高彩度の色 スタイリッシュでモダン
09 モノトーン シンプルでスタイリッシュ
10 トーン 調子でまとめる
11 クリア&グラデーション 透明感と柔らかさを演出する
12 60-30-10 のルール バランスの取れた配色
13 蛍光&光 使い方によって魅力的が増す色

Chapter03  写真とイラストのルール
01 写真の扱い方 写真もデザイン
02 角版写真 安定感のある形
03 トリミング 見せたい部分を切り取る
04 フレーミング 世界を切り分ける
05 切り抜き 自由で多彩な表現
06 写真による視線誘導 流れをつくる
07 写真で引き込む インパクトのあるビジュアル
08 コラージュ 複眼的な表現手法
09 イラストと写真の融合 ユニークで印象的なビジュアルを作る
10 線画のイラスト シンプルな表現
11 かわいいイラスト 場を和ませる
12 おしゃれなイラスト 特別なセンスが感じられる

Chapter04  タイポグラフィのルール
01 文字の扱い方
02 文字のジャンプ率 メリハリを調整して情報を見やすくする
03 文字をデザインする 文字に視線を集める
04 縦書き アイキャッチで美しい文字組み
05 文字を斜めにする 動きや勢いをつける強調表現
06 図を避けて文字を配置・図の上に文字を配置する インパクトと情報を両立させる
07 文字をバラす・崩す・切る 文字をビジュアル要素へと変える
08 文字モザイクアート 文字とビジュアルで伝えるメッセージ
09 文字を装飾する 文字を目立たせて印象づける
10 文字を組み合わせて形を作る 情報であり図形であるタイポグラフィ
11 文字で切り抜きする 文字をコンセプトとして表現する

↓全て表示↑少なく表示
 
内容サンプル

(引用元Amazon)

 
Users Voice
実際採用されているポスターやフライヤーなどを、用いて
基礎や基本を解析しつつ、アイデアや表現方法を学べる本。

有名どころの商品ポスターやフライヤーも多く、見処あり、
説得力もあります。

知識やテクニック等無く感覚だけでフライヤーやポスターを
作っていますが、説明を求められた際に”感覚で…”とも言い
づらく、知らずに使っていた表現方法も解析を見ると自身も
理解出来、説明しやすくなりました。
何かを作成する際に見てしまうと無意識にパクってしまいそ
うなのですが、時間のある時に手にとって見ると刺激になっ
て創作意欲掻き立てられて良いです。

表紙も、デザイン関連の本ではなく小説のようで…憎いですね。 (参考:楽天)

↓全て表示 ↑少なく表示
 
内容サンプル

(引用元Amazon)

 
  

ザ・ダークパターン ユーザーの心や行動をあざむくデザイン

そのデザイン、
顧客の信頼を失っていませんか?
欧米で規制強化が進む、
ディセプティブ・デザインの実態と脱却の道筋

「退会方法がわかりにくい」
「勝手にメルマガに登録されている」
「消費者を煽るカウントダウンタイマー」
「期限のない在庫一掃セール」……
こうしたユーザーを意図的にだますデザイン
(=ダークパターン)の乱用が増えています。

本書は、ダークパターンとは何かから、
世界で進むダークパターンの規制強化の実状、
ダークパターンの代表的な15の具体例、
そして、企業やデザイナーがダークパターンに陥る背景と
その防止策を1冊にまとめて解説します。

目次
Chapter1 ダークパターンとは何か
1.1 消費者を惑わせるWeb サイト設計
1.2 ダークパターンとは何か、その定義
1.3 ダークパターンの世界的調査
1.4 ダークパターンは人の選択をどれほど歪めるか
1.5 国内外で高まるダークパターンへの忌避感
1.6 企業がダークパターンを使うリスク
Chapter2 意思決定の科学
2.1 その選択は、誰が決めているのか
2.2 意思決定に影響を与えるマイクロコピー
2.3 ユーザーが行動を起こす3条件
2.4 ファストアンドスロー 速い思考と遅い思考
2.5 説得 vs. 欺瞞、操作、強制
Chapter3 ダークパターンの種類
3.1 スニーキング(こっそり)
3.2 アージェンシー(緊急性)
3.3 ミスディレクション(誘導)
3.4 ソーシャルプルーフ(社会的証明)
3.5 スケアシティ(希少性)
3.6 オブストラクション(妨害)
3.7 フォースドアクション(強制)
Chapter4 ダークパターンを防ぐために
4.1 組織をプレッシャーから解放する
4.2 ユーザーをリスクから解放する

※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

↓全て表示↑少なく表示
 
内容サンプル

(引用元Amazon)

 
目次

Chapter1 ダークパターンとは何か
1.1 消費者を惑わせるWeb サイト設計
1.2 ダークパターンとは何か、その定義
1.3 ダークパターンの世界的調査
1.4 ダークパターンは人の選択をどれほど歪めるか
1.5 国内外で高まるダークパターンへの忌避感
1.6 企業がダークパターンを使うリスク
Chapter2 意思決定の科学
2.1 その選択は、誰が決めているのか
2.2 意思決定に影響を与えるマイクロコピー
2.3 ユーザーが行動を起こす3条件
2.4 ファストアンドスロー 速い思考と遅い思考
2.5 説得 vs. 欺瞞、操作、強制
Chapter3 ダークパターンの種類
3.1 スニーキング(こっそり)
3.2 アージェンシー(緊急性)
3.3 ミスディレクション(誘導)
3.4 ソーシャルプルーフ(社会的証明)
3.5 スケアシティ(希少性)
3.6 オブストラクション(妨害)
3.7 フォースドアクション(強制)
Chapter4 ダークパターンを防ぐために
4.1 組織をプレッシャーから解放する
4.2 ユーザーをリスクから解放する


↓全て表示↑少なく表示
Users Voice
ダークパターンはライティングの分野ではニッチなため、なかなか取り上げられない。
そのため、知っておくべき内容にもかかわらず、網羅的に勉強しづらかった。

だが、この本は図や事例が多くわかりやすい上に、網羅的にまとめられている。

教科書的に手元に置いて目を通しておきたい良書である。 (参考:楽天)

↓全て表示 ↑少なく表示
 
内容サンプル

(引用元Amazon)

 
著者略歴
仲野佑希(ナカノユウキ)
1986年生まれ、北海道出身のUXライター。ダイレクトマーケティング専門のコピーライターとして独立後、コミュニケーションをデザインするライティング領域へとシフト。2021年よりオウンドメディアKOTOBA UXを開設。国内でのUXライティングの普及に努めるほか、企業への実務支援やアドバイスを行っている(本データはこの書籍が刊行された当時に掲載されていたものです)

  

イメージをカタチにするロゴデザイン 65のヒントで見つかる自分だけのアイデア

「ロゴを作りたい!ぼんやりとしたイメージはあるけど、具体的なデザインが思い浮かばない」本書はそんな方に向けた、わかりやすく実践的なロゴデザインの解説書です。
「ポップ」「エレガント」「伝統的」「スタイリッシュ」といったイメージ別にロゴの見本を掲載。それぞれのデザインのテクニックやポイントもしっかりと解説します。
本書にはロゴデザイナーである遠島啓介氏がデザインする250以上のロゴを掲載。ページをめくるたびに素敵なロゴが目に入ります。ロゴの基礎知識や、「擬人化」や「反復」「誇張」などのよく使われる手法についても紹介。
1冊でロゴづくりの基本がすべてわかる!ノンデザイナーでも「イメージ」に合ったクオリティの高いロゴが作れるようになります。

■本書の構成
第1章 ロゴづくりの準備
第2章 アイデアにつながる発想のひきだし
第3章 イメージをカタチにするロゴデザイン
第4章 自分らしいロゴをつくる秘訣

↓全て表示↑少なく表示
 
内容サンプル

(引用元Amazon)

 
Users Voice
この「ロゴデザイン 65のヒント」は、ロゴ制作に興味があるけれど、どうやって始めたら良いのか分からない人にとって、まさに必需品の一冊です!

この本では、"ポップ"、"エレガント"、"伝統的"、"スタイリッシュ"といったイメージごとに素晴らしいロゴのデザイン例を掲載しています。それだけでなく、各デザインのテクニックやポイントも詳しく解説されているので、どんなスタイルのロゴを作りたいのかイメージしながら学べます。

遠島啓介氏がデザインした250以上のロゴが掲載されており、ページをめくるたびに素敵なアイデアに触れることができます。さらに、基本的なロゴの知識から始まり、「擬人化」や「反復」「誇張」などの一般的な手法まで、豊富な情報が網羅されています。

この一冊で、ロゴ制作の基本がマスターでき、自分だけの個性的でクオリティの高いロゴを作成する自信がつきます。デザイナーでなくても、イメージ通りの素晴らしいロゴを手に入れることができるので、ぜひ挑戦してみてください! (参考:楽天)

↓全て表示 ↑少なく表示
 
内容サンプル

(引用元Amazon)

 
  

知りたいレイアウトデザイン Second Edition 知りたいデザイン

レイアウトデザインの「キホンとルール」「多彩な見本帖」「テクニックの解説」を1冊に凝縮!
《レイアウトのルールとテクニックと見本帖がまるごと1冊に!》
グラフィックおよびウェブデザインに応用できるレイアウトデザインのルールと、デザインワークのちょい技やアイデアをあつかった書籍。デザイナー的情報整理術から視覚の誘導にまつわるルールとテクニック、紙面・サイトデザインづくりのヒント、ターゲット・メディア別のデザインサンプルやページ構成のアイデアまで、レイアウトについてのすべての“知りたい!”に応える解説書。多様化する媒体(Webサイト、SPサイト、ちらしやカードなどの紙媒体、冊子やカタログなどの見開き紙媒体)、多様化するサイズ(バナー広告からポスター)、横型メディアから縦型(スマホサイト)メディアへの応用力も身につきます。

(こんな方におすすめ)
・制作業務を始めたばかりの新人デザイナーさん
・ノンデザイナーで企業内のデザイン成果物を制作しなければならない方
・レイアウト/デザインに興味のある方

(目次)
■PART.1 レイアウトの基本( デザインで大切な2W1Hの法則 )
 伝わるレイアウトとは
 デザインの進め方
 レイアウトのパターン一覧
■PART.2 レイアウトのルール( 3つのキーワードと8つのルール )
 判読性
  グループ化
  ライン
  コントラスト
 視認性
  メリハリ
  ジャンプ率
  ホワイトスペース
 可読性
  書体
  カラー
■PART.3 レイアウトのアイデア(33の技とデザインサンプル )
《法則》
 01 グリッドで整然と並べる
 02 要素を集める
 03 シンメトリーで安定感を出す
 04 対比して印象を強める
 05 分割して対比効果を高める
 06 ビジュアルの中央配置で迫力を出す
 07 反復で規則的に配置する
 08 逆三角形で緊張感を出す
 09 時系列に並べて誘導する
 10 引き出し線でアクセントをつける
 11 目的に合わせて文字を組む
《動き》
 12 文字組みを混在させる
 13 切り抜き写真で楽しさを演出する
 14 ランダムに配置する
 15 数字でリズム感を加える
 16 角度をつけてスピード感を出す
 17 コマ送りでストーリー性を持たせる
《メリハリ》
 18 裁ち落としで印象的に見せる
 19 角版・裁ち落とし・切り抜きを使い分ける
 20 カラーでアクセントをつける
 21 反復くずしでアクセントをつける
 22 罫線で区切る
 23 コントラストの効果で印象付ける
《ビジュアル》
 24 コマ割りで物語を創り出す
 25 新聞風デザインを活用する
 26 ふきだしデザインを活用する
 27 コラージュで楽しい雰囲気に
 28 インフォグラフィックで視覚的に伝える
《ターゲット》
 29 対象に合わせて書体を選ぶ
 30 子ども向けのデザインをつくる
 31 シニア向けのデザインをつくる
 32 女性向けのデザインをつくる
 33 男性向けのデザインをつくる

↓全て表示↑少なく表示
 
内容サンプル

(引用元Amazon)

 
Users Voice
レイアウトに関するテクニックや知識、筆者が日々の現場から学んだ経験などを網羅的に学べるテクニックガイド的な参考書となっています。
内容は大きく3パートに分かれています。
1.レイアウトの基本
2.レイアウトのルール
3.レイアウトのアイデア
各ページの作りとしては、代表的なレイアウトの例を載せて、そのレイアウトのポイント、何故そのように配置したのかの意図・目的や、その効果について段階的に解説されています。
特に、構成の違いで期待できる効果の違いが詳しく解説されているので、それぞれの目的に合わせて何を変えればどのような印象を与えられるのかを理解できるので極めて有効だと思いました。
ポスターや雑誌のレイアウトだけではなく、ホームページや動画の差し込み画像や解説テキストなどにも同じテクニックが使われているのが良く分かる一冊だと思います。
プロの方だけ無くて、素人の方でも良く分かるように解説されているお勧めの一冊です。 (参考:楽天)

↓全て表示 ↑少なく表示
 
内容サンプル

(引用元Amazon)

 
   

Webデザインの本「Kindle Unlimited 読み放題 人気本ランキング」

「Kindle Unlimited」は、Amazonの定額本読み放題サービス。

最近はKindle Unlimitedで読める本もどんどん増えており、雑誌、ビジネス書、実用書などは充実のラインナップ。

以下がKindle Unlimitedで読み放題となるWebデザインの本の一覧です。

30日無料体験も可能なので、読みたい本があれば体験期間で無料で読むことも可能です。

(2024/04/14 12:29 更新)
Rank製品価格
1
298円
2
298円
3
298円
4
一生使える見やすい資料のデザイン入門
発売日 2016/01/22
森重湧太 (インプレス)
Kindle Unlimited対象
総合評価
(4.2)
売り切れ
1,584円
1,760円
1,980円
5
エンジニアのための理論でわかるデザイン入門 ThinkIT Books
発売日 2017/09/15
伊藤 博臣 (インプレス)
Kindle Unlimited対象
総合評価
(4.1)
3,032円
1,980円
2,200円
2,200円
6
UXと理論で作る Webデザイン: デザイナーでなくてもわかる
発売日 2017/11/12
川合 俊輔, 大本あかね, 菊池崇 (WDE Publishing)
Kindle Unlimited対象
総合評価
(4)
2,689円
7
まるごとわかる ウェブデザイン技能検定3級テキストブック...
発売日 2014/03/03
ウェブデザイン技能検定対策委員会 (Symphocity Digital Publishing)
Kindle Unlimited対象
総合評価
(3.1)
900円
8
250円
9
いきいきWebデザイナーの教科書
発売日 2020/08/12
髙塚 修治
Kindle Unlimited対象
総合評価
(4.2)
199円
10
HTML5+CSS3の新しい教科書 改訂新版 基礎から覚える、深く理解できる。...
発売日 2018/08/27
赤間 公太郎, 原 一宣。 (エムディエヌコーポレーション(MdN))
Kindle Unlimited対象
総合評価
(3.6)
2,750円
2,695円
2,750円
770円
 

Webデザイン参考書「新書一覧(2021年、2022年刊行)」

IT技術・プログラミング言語は、最新情報のキャッチアップも非常に重要、すなわち新書は要チェック

ということで、2020年以降に発売したWebデザイン参考書の新書一覧(発売日の新しい順)が以下です。

(2024/04/19 12:18 更新)
製品価格
世界一わかりやすいPhotoshop 操作とデザインの教科書[改訂4版]...
発売日 2024/03/09
上原ゼンジ, 吉田 浩章, 角田 綾佳, 技術評論社編集部 (技術評論社)
2,508円
(+151pt)
2,508円
2,585円
(+156pt)
2,585円
【購入者限定特典あり】つくるデザイン 基礎・レイアウト・かたち・文字・色・実践...
発売日 2024/02/16
井上のきあ (エムディエヌコーポレーション)
2,530円
(+152pt)
2,530円
2,640円
(+159pt)
2,640円
スマートWebデザイン 脱・自己流のデザイン&データ作成術...
発売日 2024/01/26
浅野桜, 北村崇 (エムディエヌコーポレーション)
2,420円
2,420円
Illustratorで頭の中のそれ デザインできます
発売日 2023/12/22
五十嵐 華子, 高橋としゆき (エムディエヌコーポレーション(MdN))
2,200円
2,156円
(+129pt)
2,200円
2,530円
2,479円
2,530円
ロゴデザイン研究 100の実例に学ぶ最適解を探し出すアプローチ...
発売日 2023/12/22
佐藤浩二 (エムディエヌコーポレーション)
総合評価
(4.5)
3,520円
(+212pt)
3,450円
(+104pt)
3,520円
【2024年を成功に導く】ITスキルのない人がwebデザイナーになるための副業アウトプット成功術: webデザイナーとして稼ぐためのSucc...
発売日 2023/12/19
WEBデザイナー 山田 浩平, WEBデザイナー育成協会, 権利収入ビジネス情報通信, DIY出版
総合評価
(4.4)
398円
980円
 

おまけ:本より高コスパ?「Udemy Webデザインおすすめ講座」

UdemyではWebデザインを基礎から応用までトータルで学べる学習講座があります。

こちらが、セール時には2千円程度で購入可能で、講座によっては本よりコスパよく学習が可能です。

講座は、買い切り型ながら更新あり、質問可能、30日間返金も可能、という本以上の手厚いサポートがあるのが魅力。

以下の表が、Webデザインの学習講座例。セールの場合、かなりおすすめなのでぜひトライしてみください。

Udemyについては、以下のページでも詳しく紹介しているので覗いてみてください。

人気
Rank
学習コース評価
1
ちゃんと学ぶ、HTML/CSS + JavaScript
発売日 2017/08/29
受講者 62,853人
通常 27,800円
現在 2,000円
(4.4)
総評価数 12401件
2
(4.3)
総評価数 11135件
3
(4.4)
総評価数 6608件
4
(4.6)
総評価数 2676件
5
(4.7)
総評価数 7296件

 

関連:フロントエンド実装「HTML/CSS」「JavaScript」を学ぶ

以下ではWebデザイン活用のためにも基礎となる「HTML/CSS」「JavaScript」の書籍も紹介しています、合わせてのぞいて見てください。

 

関連:「Webライティング」「マーケティング」を学ぶ

以下ではブログやサイトを実運用して利益を出していくのに必須となるWebライティング、マーケティングの本もまとめています、合わせてのぞいて見てください。

 

いじょうでっす。

コメント

タイトルとURLをコピーしました