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

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

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

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

 

  1. Webデザインの本「最新の人気ランキング 20冊」
  2. Webデザインの本 人気の10冊
    1. 1冊ですべて身につくHTML & CSSとWebデザイン入門講座
    2. 一生使える見やすい資料のデザイン入門
    3. 現場で使える Webデザインアイデアレシピ
    4. なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉
    5. 配色アイデア手帖 めくって見つける新しいデザインの本[完全保存版]
    6. Webデザイン良質見本帳[第2版] 目的別に探せて、すぐに使えるアイデア集
    7. これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本
    8. パワポdeデザイン PowerPointっぽさを脱却する新しいアイデア
    9. 【期間限定特典あり】思わずクリックしたくなる バナーデザインのきほん
    10. とりあえず、素人っぽく見えないデザインのコツを教えてください!
  3. Webデザインの本 最新・高評価のおすすめの5冊
    1. Illustratorデザインベーシック 制作に役立つ基本とテクニック
    2. イラレ職人コロが教える飾りのデザイン Illustratorのアイデア
    3. これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本
    4. Every Layout
    5. デザインのつかまえ方 ロゴデザイン40事例に学ぶアイデアとセオリー
  4. Webデザインの本「Kindle Unlimited 読み放題 人気本ランキング」
  5. Webデザイン参考書「新書一覧(2020年、2021年刊行)」
  6. おまけ:本より高コスパ?「Udemy Webデザインおすすめ講座」
  7. 関連:フロントエンド実装「HTML/CSS」「JavaScript」を学ぶ
  8. 関連:「Webライティング」「マーケティング」を学ぶ
  9. 関連:最新おすすめのKindle端末
 

Kindle Unlimited 1ヶ月無料

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


 

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

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

(2022/01/25 12:02 更新)
Rank製品価格
1
1冊ですべて身につくHTML & CSSとWebデザイン入門講座
発売日 2019/03/16
Mana (SBクリエイティブ)
総合評価
(4.3)
2,486円
2,237円
2,486円
2,486円
2
一生使える見やすい資料のデザイン入門
発売日 2016/01/22
森重湧太 (インプレス)
Kindle Unlimited対象
総合評価
(4.2)
1,980円
1,584円
1,760円
1,980円
3
現場で使える Webデザインアイデアレシピ
発売日 2022/01/31
小林 マサユキ (マイナビ出版)
3,058円
3,058円
3,058円
3,058円
4
なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉...
発売日 2015/07/31
筒井 美希 (エムディエヌコーポレーション)
総合評価
(4.5)
2,200円
1,980円
1,980円
2,200円
5
配色アイデア手帖 めくって見つける新しいデザインの本[完全保存版]...
発売日 2017/12/16
桜井 輝子 (SBクリエイティブ)
総合評価
(4.5)
1,958円
1,762円
1,958円
1,958円
6
Webデザイン良質見本帳[第2版] 目的別に探せて、すぐに使えるアイデア集...
発売日 2021/12/22
久保田 涼子 (SBクリエイティブ)
総合評価
(4.3)
2,640円
2,376円
2,640円
2,640円
7
これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本...
発売日 2021/10/14
Capybara Design, 竹内 直人, 竹内 瑠美 (翔泳社)
総合評価
(4.7)
2,420円
2,178円
2,420円
2,420円
8
パワポdeデザイン PowerPointっぽさを脱却する新しいアイデア
発売日 2021/10/20
菅新汰 (インプレス)
総合評価
(4.5)
1,980円
1,881円
1,980円
1,980円
9
1,980円
1,980円
1,980円
10
1,980円
1,980円
1,980円
11
HTML&CSSとWebデザインが1冊できちんと身につく本[増補改訂版]...
発売日 2022/01/07
服部 雄樹 (技術評論社)
総合評価
(5)
2,860円
2,860円
2,860円
12
Illustrator & Photoshopデザインの作り方 アイデア図鑑
発売日 2021/06/22
上司ニシグチ, 長井 康行, 楠田 諭史, 森 一機 (SBクリエイティブ)
総合評価
(4.5)
2,640円
2,376円
2,640円
2,640円
13
レイアウト・デザインの教科書
発売日 2019/02/23
米倉 明男, 生田 信一, 青柳千郷(ベーコン) (SBクリエイティブ)
総合評価
(4.4)
2,530円
2,277円
2,530円
2,530円
14
2,035円
1,832円
2,035円
2,035円
15
あるあるレイアウト すぐに使えて素敵に仕上がるデザインカタログ集...
発売日 2021/05/28
ingectar-e (エムディエヌコーポレーション)
総合評価
(4.4)
2,200円
2,090円
2,200円
2,200円
16
ほんの一手間で劇的に変わるHTML&CSSとWebデザイン実践講座
発売日 2021/02/20
Mana (SBクリエイティブ)
総合評価
(4.3)
2,728円
2,455円
2,728円
2,728円
17
UXデザインの法則 ―最高のプロダクトとサービスを支える心理学...
発売日 2021/05/18
Jon Yablonski (オライリージャパン)
総合評価
(4.3)
1,980円
1,980円
1,980円
18
3,850円
3,850円
3,850円
19
2,200円
2,090円
2,200円
2,200円
20
あるあるデザイン〈言葉で覚えて誰でもできるレイアウトフレーズ集〉...
発売日 2019/01/18
ingectar-e (エムディエヌコーポレーション)
総合評価
(4.4)
2,200円
2,090円
2,200円
2,200円
 

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

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

 

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

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

(2022/01/25 12:02 更新)
Rank製品価格
1
1冊ですべて身につくHTML & CSSとWebデザイン入門講座
発売日 2019/03/16
Mana (SBクリエイティブ)
総合評価
(4.3)
2,486円
2,237円
2,486円
2,486円
2
一生使える見やすい資料のデザイン入門
発売日 2016/01/22
森重湧太 (インプレス)
Kindle Unlimited対象
総合評価
(4.2)
1,980円
1,584円
1,760円
1,980円
3
現場で使える Webデザインアイデアレシピ
発売日 2022/01/31
小林 マサユキ (マイナビ出版)
3,058円
3,058円
3,058円
3,058円
4
なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉...
発売日 2015/07/31
筒井 美希 (エムディエヌコーポレーション)
総合評価
(4.5)
2,200円
1,980円
1,980円
2,200円
5
配色アイデア手帖 めくって見つける新しいデザインの本[完全保存版]...
発売日 2017/12/16
桜井 輝子 (SBクリエイティブ)
総合評価
(4.5)
1,958円
1,762円
1,958円
1,958円
6
Webデザイン良質見本帳[第2版] 目的別に探せて、すぐに使えるアイデア集...
発売日 2021/12/22
久保田 涼子 (SBクリエイティブ)
総合評価
(4.3)
2,640円
2,376円
2,640円
2,640円
7
これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本...
発売日 2021/10/14
Capybara Design, 竹内 直人, 竹内 瑠美 (翔泳社)
総合評価
(4.7)
2,420円
2,178円
2,420円
2,420円
8
パワポdeデザイン PowerPointっぽさを脱却する新しいアイデア
発売日 2021/10/20
菅新汰 (インプレス)
総合評価
(4.5)
1,980円
1,881円
1,980円
1,980円
9
1,980円
1,980円
1,980円
10
1,980円
1,980円
1,980円
 

1冊ですべて身につくHTML & CSSとWebデザイン入門講座

★★★★★★★★★★★★★★★★★★★★★★★★★★★
【ありがとう! ついに10万部突破!!】
【全国の書店員さんがオススメする本「CPU大賞」第1位受賞! 】
【感謝を込めて、期間限定 購入者特典!!】
本商品を2020/11/18(水)00: 00から2021/05/12(水)23: 59までにご購入いただくと、「CSS Flexbox チートシート データ」の特典が受けられます。
商品出荷時にダウンロードURLをメールにてお知らせします。ダウンロードURLをお届けするためにメールが送信されますので、ご了承のうえご購入ください。
なお、特典のダウンロード期限は2021/08/10(火)23: 59となります。
お忘れないようにご注意ください。
★★★★★★★★★★★★★★★★★★★★★★★★★★★


【全国の書店員さんがオススメする本「CPU大賞」第1位受賞!】
今、一番売れているHTML本!
大反響! 9刷突破の大ヒット!
全国の書店員がオススメする本(CPU大賞)第1位!
2019年上半期売上 第1位!※
Web制作に必要な知識がすべて身につく!
※日販売上げランキング: HTML関連書籍


----------------------------------------------------------------------------
Web界隈やデザイナーに大人気!
Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の管理人、
Manaによる渾身のHTML & CSSとWebデザインが学べる本
----------------------------------------------------------------------------


今のWebサイトの作り方が一気に学べる!

・知識ゼロから体系的に学べる! HTMLとCSSの基本
・最新の技術に対応! レスポンシブ、Flexbox、CSSグリッド
・手を動かしながら学べる! プロの現場で役立つテクニック
・コードの知識からデザインのことまで1冊ですべて学べる!

WebクリエイターボックスのManaが教える
Webサイト制作の定番&旬のスキル。
この1冊で必要なことがすべて学べる!

コードもデザインも全部学べる!


●本書の対象読者
・これからWebサイトを作り始める初心者
・HTMLとCSSを基本から学びたい人
・美しいデザインのWebサイトを作りたい人
・Webの最新技術を学びたい人


●CONTENTS
-----------------------------------------------
CHAPTER 1 最初に知っておこう! Webサイトの基本
CHAPTER 2 Webの基本構造を作る! HTMLの基本
CHAPTER 3 Webのデザインを作る! CSSの基本
CHAPTER 4 フルスクリーンのWebサイトを制作する
CHAPTER 5 2カラムのWebサイトを制作する
CHAPTER 6 タイル型のWebサイトを制作する
CHAPTER 7 外部メディアを利用する

●著者プロフィール
Mana


日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作の学校を卒業。カナダやオーストラリア、イギリスの企業でWebデザイナーとして働いた。現在は全国各地でWeb関連のセミナーに登壇し、Webサイト制作のインストラクターとして教育に携わっている。ブログ「Webクリエイターボックス」は2010年日本のアルファブロガーアワードを受賞。

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

(引用元楽天Books)

 
目次
Chapter1 最初に知っておこう! Webサイトとデザインの基本
よいWebデザインとは
様々な種類のWebサイト
ユーザビリティとは
Webサイトのしくみ
デバイスの種類
ブラウザーの種類
制作の流れ
1.制作の流れ
2. 企画しよう
3. サイトマップ制作
4. ワイヤーフレーム制作
5. デザインを制作する
6. ファイルを用意する
7. Web上に公開する
制作をはじめる前に
制作環境を整える
エディターをインストールする
ブラウザーをインストールする
グラフィックツールを確認する
Chapter2 Webの基本構造を作る! HTMLの基本
1. HTMLとは
2. HTMLファイルを作ろう
3. HTMLファイルの骨組みとは
1.Doctype
2.lang
4. headとbodyについて知ろう
1.meta要素
2.head内に書く要素
5. 基本の書き方を身につけよう
6. 見出しをつけよう
7. 文章を表示しよう
8. 画像の挿入しよう
1.alt属性
2.src属性
9. リンクをはろう
10. リストを表示しよう
11. 表組みを作ろう
12. フォームを作ろう
13. 使いやすいフォームを作ろう
フォームのユーザビリティ
14. ブロック要素でグループ分ける
article, section, header, footer, main, aside, nav
15. divとspanでグループを分ける
16. よく使うHTMLタグリスト一覧
Chapter3 Webのデザインを作る! CSSの基本
1. CSSの役割とは
2. 基本の書き方を身につける
3. CSSを適応させる方法とは
4. 文字や文章の装飾する
font, line-height, ショートハンド…
Webデザインとタイポグラフィ
Webフォントを使う
文章をそろえる
文章の組版を整える
5. 色をつけよう
文字に色をつける
背景に色をつける
カラーコードで指定する
色名で指定する
上手に配色しよう
色の持つ印象とは
色相・明度・彩度とは
色のトーンとは
色の組み合わせを考える
各色をメインで使った参考サイト一覧
Column 配色ツール
6. 背景を彩ろう
image, repeat, position, ショートハンドを使う
背景画像を全画面表示する
写真素材をダウンロードできるサイト一覧
7. 幅と高さを指定する
width, heightで幅を指定する
Webサイト上で使う単位とは
8. 余白を調整しよう
margin, paddingの余白の概念とは
余白を使ってグループ化する
枠と文字の余白を作る
Column 余白を上手に使ったWebサイトとは
9. 線を引こう
borderを使う
線のデザインの効果的な使い方
10. レイアウトを組む
flex で横並びにする
grid でマルチカラムにする
Webサイトのレイアウトとは
読みやすいレイアウトとは
レイアウト別参考Webサイト一覧
Column floatのレイアウトについて
11. リセットCSSとは
12. クラスとIDを使った指定方法を理解する
13. ブラウザーのデフォルトCSSをリセットする
14. よく使うCSSプロパティリスト一覧
Chapter4 シングルページのWebサイトを制作する
1. シングルページとは
2. シングルページの制作の流れ
3. headの記述しよう
4. header部分の作成しよう
画面いっぱいに背景画像を設置しよう
画像の効果的なトリミングの仕方とは
5. コンテンツ部分の作成しよう
画像と文章の設置しよう
6. footer部分の作成しよう
7. ファビコンを用意しよう
8. シングルページのカスタマイズ例
Chapter5 2カラムのWebサイトを制作する
1.2カラムページとは
2. カラムページの制作の流れ
3. header部分の作成しよう
4. 横並びの設定をしよう(display: flex;)
5. メインエリアの作成しよう
6. サイドバーの作成しよう
7.レスポンシブに対応しよう
メディアクエリーの基本について
ブレークポイントについて考えよう
コンテンツを縦並びにしよう
8.カラムページのカスタマイズ例
Chapter6 マルチカラムのWebサイトを制作
1.マルチカラムとは
2. マルチカラムの制作の流れ
3. 全体の装飾をしよう
4.マルチカラムの設定をしよう(display: grid;)
Gridの設定
grid-template-columnsの設定
grid-template-rowsの設定
grid-gapの設定
5. コンテンツを入れよう
6.レスポンシブに対応しよう
Gridレイアウトをレスポンシブ対応しよう
repeatとは
auto-fitとは
7.マルチカラムのカスタマイズ例
Chapter7 外部メディアを利用する
1.コンタクトフォームサービスを利用する
2.地図を入れる
3.Facebookプラグインを挿入する
4.Twitterプラグインを挿入する
5.OGPの設定をする
6.動画の埋め込みをする
7.外部メディアのカスタマイズ例
HTMLタグ/CSSプロパティ一覧

↓全て表示↑少なく表示
Users Voice
1番人気の本で、ずっと欲しかった本です。書店で買うより少し安く購入できたので良かったです。 とても分かりやすい内容で、保存しておこうと思います。 取り寄せなのか、何日で発送なのか確認不足で手元に届くまで時間がかかりましたが、商品自体は良かったです。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
ひさびさにホームページを作成しようかと思って 評価の高かったこちらを購入。 一通りの知識はあるので、正直言って得るものはそれほどありませんでした。 これから覚えたい人が最初に読む本としてならいいのでしょう、わかりやすさは普通だと思います。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
HTMLとCSSのことを何も知らなかったので買いました。これからホームページを始めようと思うならば、こういったことはどうしても知らないといけないので、買って良かったです。 (参考:YahooShopping)

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

(引用元楽天Books)

 
著者略歴

著:Mana
日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作の学校を卒業。カナダやオーストラリア、イギリスの企業でWebデザイナーとして働いた。現在は全国各地でWeb関連のセミナーに登壇し、Webサイト制作のインストラクターとして教育に携わっている。ブログ「Webクリエイターボックス」は2010年日本のアルファブロガーアワードを受賞。


↓全て表示↑少なく表示

  

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

一生使える見やすい資料のデザイン入門
(著)森重湧太
発売日 2016/01/22
総合評価
(4.2)
(2022/01/25 12:06時点)
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社以上の資料作成を監修している(本データはこの書籍が刊行された当時に掲載されていたものです)

↓全て表示↑少なく表示

  

現場で使える Webデザインアイデアレシピ

HTML&CSSで表現するシンプルで使いやすいデザイン。

本書はWeb制作Tipsを一冊にまとめて、具体的な実装方法を解説した書籍です。「デザインを見ただけで必要なHTMLタグとCSSコードをイメージし、実装できるようになる」をテーマに、画像とともに詳しく解説します。
 
内容サンプル

(引用元Amazon)

 
内容サンプル

(引用元Amazon)

 
  

なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉

〜目で見て楽しむ新しいデザインの本!〜

「デザイン=楽しい」を実感できる新しいデザイン書籍。
デザインする上で必要な基礎、概念、ルール、プロセスを
図解やイラスト、写真などのビジュアルで解説しています。
現場で活躍しているデザイナーが身近にあるわかりやすいものに例えたり、
図解、イラスト、別のものに置き換えて見方を変えてみたり…
豊富なビジュアルとともにわかりやすくひも解いた、
楽しみながらデザインのあれこれがわかる「なるほど!」と思える内容が盛りだくさんです!


〈本書の内容〉
■Chapter 1
デザインに「正解」はない ーー編集とデザイン

■Chapter 2 デザイナーの7つ道具
どっちがダイジ? を口癖にしよう。ーーダイジ度天秤
主役を狙って、光を当てる。ーースポットライト
いいデザインて、いいキャラしてます。ーー擬人化力
ヒントは世の中にあふれてる。ーー連想力
言葉と絵のバイリンガルになろう。ーー翻訳機
ふところに隠し持った、最終兵器。ーー虫めがね
そのデザインを決めるもの。ーー愛

■Chapter 3 デザインの素
布地を織り上げるように組む。ーー文字と組み
言葉の「らしさ」をつくる。ーー言葉と文章
右脳と左脳で考えてみる。ーー色
イメージの力に向き合う。ーー写真
ロジカル、ときどきグラフィカル。ーーグラフとチャート


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

(引用元楽天Books)

 
目次
1 編集×デザイン(編集とデザインの関係
デザインしてみよう)
2 デザイナーの7つ道具(ダイジ度天秤ーどっちがダイジ?を口癖にしよう。
スポットライトー主役を狙って光を当てる。
擬人化力ーいいデザインていいキャラしてます。
連想力ーヒントは世の中にあふれてる。
翻訳機ー言葉と絵のバイリンガルになろう。
虫めがねーふところに隠し持った、最終兵器。
愛ーそのデザインを決めるもの。)
3 デザインの素(文字と組みー布地を織り上げるように組む。
言葉と文章ー言葉の「らしさ」をつくる。
色ー右脳と左脳で考えてみる。
写真ーイメージの力に向き合う。
グラフとチャートーロジカル、ときどきグラフィカル。)

↓全て表示↑少なく表示
Users Voice
頭があんまりよくないのと、まったく習ったことがないので、文章が沢山書いてあるよりも、ビジュアルで感覚的にわかりやすいかなーと思って購入しましたが、思ったとおり、抵抗なく読めてます。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
この「なるほどデザイン」がTwitterのデザイン研究所(デザ研)で紹介されていたのがきっかけです。それによると何度も紹介されている良書で、デザイン理論を学ぶのにいいそうです。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
中古なので、多少の焼け・使用感ありましたが、見る分には支障がないので満足でした^^ ちょっと臭いは気になりましたので★一個減らしました。 内容はとても面白い本です (参考:YahooShopping)

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

(引用元楽天Books)

 
著者略歴
筒井美希(ツツイミキ)
株式会社コンセントアートディレクター/デザイナー。武蔵野美術大学デザイン情報学科卒業後、2006年(株)アレフ・ゼロ(現・コンセント)入社。雑誌・書籍・広報誌・カタログ・学校案内・Webサイトなど、幅広くアートディレクション・デザインを手がける(本データはこの書籍が刊行された当時に掲載されていたものです)

  

配色アイデア手帖 めくって見つける新しいデザインの本[完全保存版]

ずっと、売れている配色本の決定版!
ついに30刷、15,0000部突破の大ヒット!
シリーズ累計23万部突破! 売上NO.1 の配色本シリーズ※

※2018~2019年
・日販売上ランキング:配色関連書籍 売上第1位
・TSUTAYA:芸術・デザインジャンル 売上第1位
・丸善ジュンク堂書店:芸術・デザイン・色彩ジャンル 売上第1位




仕事や趣味にすぐ使える。

イメージを形にできる新しい配色の教科書。
欲しい配色がすぐに見つかる!

印象別/年代別/国別/色相別
さまざまな配色見本が全部で3175選!

デザイン/イラスト/写真/ビジネス/プレゼンテーション/ハンドメイド/インテリア/塗り絵/趣味など
色を扱うすべての人が使える!

●この本のポイント
・全127項目のテーマと合計3175選の配色数。 配色見本がたっぷり詰まった完全保存版!
・全テーマ見開き完結で読みやすく、本のサイズがコンパクトだから作業の邪魔にならない!
・文章・写真・デザイン・パターン・イラストからイメージが膨らむ。アイデアがひらめく!
・デザインからビジネス、趣味、実用とあらゆる利用シーンですぐに役立つ!
・雑誌を眺めるような感覚で配色が楽しめる。 色が大好きな人のための本!
Part 01 カジュアル・アクティブ・ポップ (陽気な・楽しい・活動的なイメージの配色)
Part 02 ロマンティック (かわいい・優しいイメージの配色)
Part 03 ナチュラル (安らぎの・リラックスした・自然なイメージの配色)
Part 04 フレッシュ・クリア (新鮮な・透明感のある・清々しいイメージの配色)
Part 05 エレガント (洗練された・気品のある・上品なイメージの配色)
Part 06 ゴージャス・ラグジュアリー (豊かな・華やかなイメージの配色)
Part 07 ダイナミック・エスニック (大胆な・民族的なイメージの配色)
Part 08 クラシック・シック (伝統的な・信頼のおける・渋いイメージの配色)
Part 09 ミステリアス (神秘的な・空想的なイメージの配色)
Part 10 シャープ・モダン (カッコいい・近未来的なイメージの配色)
Part 11 カラフルワールド (日本の色・世界の色)
Part 12 カラフルヒストリー (歴史と流行色・絵画の色)
Part 13 レインボー・カラーパレット (色相別の配色)

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

(引用元楽天Books)

 
目次
Part 01 カジュアル・アクティブ・ポップ (陽気な・楽しい・活動的なイメージの配色)
Part 02 ロマンティック (かわいい・優しいイメージの配色)
Part 03 ナチュラル (安らぎの・リラックスした・自然なイメージの配色)
Part 04 フレッシュ・クリア (新鮮な・透明感のある・清々しいイメージの配色)
Part 05 エレガント (洗練された・気品のある・上品なイメージの配色)
Part 06 ゴージャス・ラグジュアリー (豊かな・華やかなイメージの配色)
Part 07 ダイナミック・エスニック (大胆な・民族的なイメージの配色)
Part 08 クラシック・シック (伝統的な・信頼のおける・渋いイメージの配色)
Part 09 ミステリアス (神秘的な・空想的なイメージの配色)
Part 10 シャープ・モダン (カッコいい・近未来的なイメージの配色)
Part 11 カラフルワールド (日本の色・世界の色)
Part 12 カラフルヒストリー (歴史と流行色・絵画の色)
Part 13 レインボー・カラーパレット (色相別の配色)

↓全て表示↑少なく表示
Users Voice
見ていてすごくワクワクします! テーマごとに配色のパターンがらあり、自分では想像できなかった色に、とても勉強になります。 仕事で、ポスターのデザインをしていますので、季節ごとやイベントのアイデアにフル活用できそうです (参考:YahooShopping)

↓全て表示 ↑少なく表示
とても綺麗な本で見ているだけで楽しくなります。 色の配色に困った時に眺めると勉強になります。 テーマごとの配色がとても参考になります。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
配色に困ることが多いので購入しました。 この本のおかげで、悩まずにすみそうです。 買ってよかったです。ありがとうございました。 (参考:YahooShopping)

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

(引用元楽天Books)

 
著者略歴

著:桜井 輝子
東京カラーズ株式会社代表取締役。日本色彩学会正会員、国際カラーデザイン協会カラーデザインマスター、色彩検定協会認定色彩講師、東京商工会議所カラーコーディネーター検定試験認定講師、インテリアコーディネーター。人に役立つ色彩の提案、企業の商品をより魅力的に演出するためのカラーコンサルティングや研修、大学・専門学校での色彩学講師、色彩教材の企画制作など、色にまつわるさまざまな分野で活躍。2014年に日本人としてはじめてスウェーデン国家規格ナチュラルカラーシステム(NCS)の認定講師資格を取得し、その普及に努めている。


↓全て表示↑少なく表示

  

Webデザイン良質見本帳[第2版] 目的別に探せて、すぐに使えるアイデア集

\\40,000部突破したベストセラーが4年半ぶりの大改訂! //
Webデザインに関わる全ての人へ
想像力を高める最新の良質サイト429選!
優れた実例を見ることは新しい作品を生み出す力になる! !

・これからはじめる人に!
・打ち合わせのお供に!
・困った時のアイデア出しに!
オススメ!

見るだけでWebデザインのトレンドが自然とわかる!

――――――――――
デザインは見て学ぶ
――――――――――
本書は429点の厳選した良質なWebサイトを集めた見本集です。第2版ではほぼすべてのデザインを見直し全面的な改訂を行っています。今後も長く使える最新のデザインを取り揃えました。
レイアウト、配色、フォント、素材、動き、プログラムなど、ページを構成しているデザインパーツまで分解しているので、Webサイトを見るだけではわからなかった「デザインの魅力の理由」がわかり、サイトの制作にもすぐに活用できます。
「アイデアが見つからない」「イメージはあるけど、何が必要で、どう作ればいいかわからない」といった時に必見の価値あり。パラパラめくって好きなページを見つけ出し、デザイン制作に役立ててください。

――――――――――
本書の対象読者
――――――――――
・デザインのアイデアが見つからない方
・デザインの制作に自信が持てない方
・クライアントと打ち合わせする際に方向性となる見本が欲しい方
・ Webデザインの最新トレンドを知りたい方


PART 0 Webデザインの基礎知識
PART 1 印象から考えるデザイン
PART 2 配色から考えるデザイン
PART 3 業種・ジャンル別から考えるデザイン
PART 4 レイアウトや構図から考えるデザイン
PART 5 素材・フォント・プログラムを使ったデザイン
PART 6 トレンドのデザイン
PART 7 パーツ別デザイン

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

(引用元楽天Books)

 
目次
PART 0 Webデザインの基礎知識
PART 1 印象から考えるデザイン
PART 2 配色から考えるデザイン
PART 3 業種・ジャンル別から考えるデザイン
PART 4 レイアウトや構図から考えるデザイン
PART 5 素材・フォント・プログラムを使ったデザイン
PART 6 トレンドのデザイン
PART 7 パーツ別デザイン
内容サンプル

(引用元楽天Books)

 
著者略歴

著:久保田 涼子
広島市出身。東京都在住。1982年11月4日生まれ。東京女子大学 文理学部 心理学科卒業。
「ワクワクするモノ・時間・場所を生み出す」をテーマにものづくりを行うフリーランスクリエイター。Web制作ナレーター業務 Coco-Factoryの代表をつとめ、国内外のウェブサイトをトータルプロデュースする他、デジタルハリウッドSTUDIO渋谷・吉祥寺講師としてオンライン講座や教材開発、ワークショップ開発に多数携わる。


↓全て表示↑少なく表示

  

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

これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本
(著)Capybara Design, 竹内 直人, 竹内 瑠美
発売日 2021/10/14
総合評価
(4.7)
(2022/01/25 12:02時点)
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)

 
内容サンプル

(引用元Amazon)

 
  

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

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

〈本書の章立て〉
第0章 使いやすさUPのコツ
第1章 文字で印象づける
第2章 かっこいいデータの魅せ方
第3章 図形を使いこなす
第4章 画像の工夫で魅力的に仕上げる
第5章 素材を使いこなす
第6章 その他のテクニック

〈本書はこんな人におすすめです〉
・PowerPointを使いはじめた初心者
・PowerPointを使っていて、もっと質の高いものを作りたい中級者
・手元にあるPowerPointで手軽に何かを作ってみたい人

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

(引用元楽天Books)

 
内容サンプル

(引用元楽天Books)

 
  

【期間限定特典あり】思わずクリックしたくなる バナーデザインのきほん

【期間限定キャンペーン実施中】
2022年2月22日(火)までにAmazonなどのオンライン書店にてご購入いただき、インプレスのキャンペーンサイトよりお申込みいただいた方を対象に、書籍の解説で使用した作例データ(Photoshopデータ)をプレゼント。
(申込期限:2022年2月22日)

詳しくはキャンペーンサイトへ!
「インプレス バナーデザインのきほん」で検索!
book.impress.co.jp/readers_entry/9784295013273yoyaku.html


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

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

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

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

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

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

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

(引用元Amazon)

 
内容サンプル

(引用元Amazon)

 
  

とりあえず、素人っぽく見えないデザインのコツを教えてください!

 
内容サンプル

(引用元楽天Books)

 
内容サンプル

(引用元楽天Books)

 
   

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

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

(2022/01/25 12:10 更新)
Rank製品価格
1
Illustratorデザインベーシック 制作に役立つ基本とテクニック...
発売日 2021/03/18
井上 のきあ (エムディエヌコーポレーション(MdN))
総合評価
(4.8)
2,530円
2,404円
2,530円
2,530円
2
イラレ職人コロが教える飾りのデザイン Illustratorのアイデア...
発売日 2021/11/19
イラレ職人コロ (エムディエヌコーポレーション)
総合評価
(4.8)
2,530円
2,530円
2,530円
2,530円
3
これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本...
発売日 2021/10/14
Capybara Design, 竹内 直人, 竹内 瑠美 (翔泳社)
総合評価
(4.7)
2,420円
2,178円
2,420円
2,420円
4
Every Layout
発売日 2021/11/23
ヘイドン・ピカリング, アンディ・ベル (ボーンデジタル)
総合評価
(4.7)
2,970円
2,970円
2,970円
2,970円
5
デザインのつかまえ方 ロゴデザイン40事例に学ぶアイデアとセオリー...
発売日 2020/05/07
小野圭介 (エムディエヌコーポレーション(MdN))
総合評価
(4.7)
2,200円
2,090円
2,200円
2,200円
 

Illustratorデザインベーシック 制作に役立つ基本とテクニック

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

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

【すべてのユーザーに必要な基本機能を厳選!!】

Adobe Illustratorの膨大な機能の中から、誰もが使う基本的な機能をまとめ、複数のアプローチを整理することで、効率よく学べるように集約した機能リファレンスガイドです。

何から手を付けたらいいのか、どのツールを使ったら後の作業が楽なのか。
正しい知識をきちんと身に付けることで、制作現場で目的に合わせてツールを選べるようになり、より便利に、より効率よく作業を進められるようになります。

作業環境の基本から、図形やテキストなどのオブジェクト操作はもちろん、塗りと線、アピアランス、ブラシとパターンなど、Illustratorの基本機能を網羅。
さらに、使いこなせると便利なシンボルやパスファインダー、クリッピングマスクなども詳細に解説。

これからIllustratorを始める人はもちろん、“何となく”作業してしまってる人、イラレを学び直したい人、デザインやDTPだけでなくビジネスで使用する人にもおすすめです。
最新のAdobe Illustrator CC2021対応、作業用のサンプルデータもダウンロードできます!

※本書は2020年5月に発売された電子書籍『きほんのイラレ Illustrator必修ガイド』を元に再編集したものです。

〈本書の主な内容〉

■準備
作業用ファイルを用意する/作業画面の見かた

■描画と作成
図形描画の基本/文字入力(テキスト作成)の流れ/パスの描画と生成

■変形
思い通りに選択する/位置を変更する(移動・整列する)
オブジェクトを回転・反転する/拡大・縮小とサイズの変更
オブジェクトの種類について

■塗りと線
オブジェクトの色を設定する/[オブジェクトを再配色]の活用
[描画モード]と[不透明度]/ライブペイントで塗り分ける
グラデーションを使った階調表現/[線]について設定する

■アピアランス
アピアランスで見た目を変える/アピアランスを分割する

■ブラシとパターン
ブラシ機能を利用する/スウォッチで表現するパターン
アピアランスでつくるパターン

■その他の操作
ブレンドを利用した変形と配置/シンボルを利用した複製表現
パスファインダーによる加工/クリッピングマスクを利用する
文字の高度な設定と活用/画像やファイルを配置する
画像やPDFファイルに書き出す/テンプレートを活用する

〈著者プロフィール〉
井上のきあ(いのうえ・のきあ)デザイナー、イラストレーター。
■主な著作(解説書)『きほんのインデザ InDesign必修ガイド』『きほんのイラレ Illustrator必修ガイド』『入稿データのつくりかた CMYK4色印刷・特色2色印刷・名刺・ハガキ・同人誌・グッズ類』『CLIP STUDIO PAINT 基礎力を上げるテクニカルガイド』『Illustratorジャパンメソッド』『Photoshopペイントメソッド』『Illustrator ABC』(いずれもMdN刊)など多数。
■主な著作(素材集)『花花素材集 Ophelia's Crown』『コミックデザインパーツ 漫画薔薇』『花花素材集』『レース素材集』『かわいい素材 花とストロベリー』『デザイン素材集 アトリエ』(いずれもMdN刊)など多数。

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

(引用元楽天Books)

 
目次
1 準備
2 描画と作成
3 変形
4 塗りと線
5 アピアランス
6 ブラシとパターン
7 その他の操作
内容サンプル

(引用元楽天Books)

 
  

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

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

Illustratorで作る「飾り」のアイデア(レシピ)を集めました。

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

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

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

(引用元楽天Books)

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

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

(引用元楽天Books)

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

  

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

これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本
(著)Capybara Design, 竹内 直人, 竹内 瑠美
発売日 2021/10/14
総合評価
(4.7)
(2022/01/25 12:02時点)
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)

 
内容サンプル

(引用元Amazon)

 
  

Every Layout

Every Layout
(著)ヘイドン・ピカリング, アンディ・ベル
発売日 2021/11/23
総合評価
(4.7)
(2022/01/23 12:02時点)
再利用性を劇的に向上させる方法論

多様な閲覧環境への対応や、多様なビジュアルデザインの実現といった複雑な要件を強いられるCSSは、管理し続けることが非常に困難です。本書では、より発展的で包括的なCSS設計の考え方について、現役のWebデザイナーやフロントエンドエンジニアを対象に解説します。

CSSの強みであるしなやかな性質を活用した、堅牢なレイアウトシステムを構築するために、本書では「レイアウトプリミティブ」というアプローチを提案しています。これによってCSSの再利用性が高まり、大幅にコードが削減できます。

また、しっかりとCSSらしい考え方を理解したいという方にもおすすめです。

日本語版に寄せて
Every Layoutを執筆したことの一番の賜物は、本書の読者から送られた感想です。何週間も、何ヶ月も、あるいは何年もCSSと格闘し続けてきたという人々が、Every Layoutのおかげでようやく何かが腑に落ちたと語ってくれました。

CSSを学ぶことは、他のプログラミング言語を学ぶことと同じように、そう簡単な話ではありません。しかし、私たちがEvery Layoutを通して伝えたいのは、物事をできる限りシンプルにしておくことで、CSSは最大限の力を発揮できるということです。

CSSの強みであるしなやかな性質を活用した、堅牢なレイアウトシステムを構築するために、本書では「レイアウトプリミティブ」というアプローチを提案しています。これによってCSSの再利用性が高まり、大幅にコードが削減できます。

目次
1章 基礎
1-01 ボックス
1-02 コンポジション
1-03 単位
1-04 グローバルスタイルとローカルスタイル
1-05 モジュラースケール
1-06 公理

2章 レイアウト
2-01 Stack
2-02 Box
2-03 Center
2-04 Cluster
2-05 Sidebar
2-06 Switcher
2-07 Cover
2-08 Grid
2-09 Frame
2-10 Reel
2-11 Imposter
2-12 Icon

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

(引用元楽天Books)

 
目次
1章 基礎
 1-01 ボックス
 1-02 コンポジション
 1-03 単位
 1-04 グローバルスタイルとローカルスタイル
 1-05 モジュラースケール
 1-06 公理
2章 レイアウト
 2-01 Stack
 2-02 Box
 2-03 Center
 2-04 Cluster
 2-05 Sidebar
 2-06 Switcher
 2-07 Cover
 2-08 Grid
 2-09 Frame
 2-10 Reel
 2-11 Imposter
 2-12 Icon

↓全て表示↑少なく表示
Users Voice
よくあるレイアウトパターンを再利用可能なモジュールとして扱う「レイアウトプリミティブ」という概念を学べる本。フロントエンドエンジニアの方はもちろんCSSの知識があるUIデザイナーにもオススメ (参考:honto)

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

(引用元楽天Books)

 
著者略歴

他監:安田 祐平
フロントエンドWeb開発者。Web制作会社にて、コーポレートサイトやメディアサイトの受託開発に携わる。CSS設計とデザインの関係性について問題意識を抱き、デザイナーとのコラボレーションやUI開発について探求を続けている。自身のブログなどで、Web開発についての情報発信も積極的に行う。

Every Layout
発売日 2021/11/23
(2022/01/23 12:02時点)

  

デザインのつかまえ方 ロゴデザイン40事例に学ぶアイデアとセオリー

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

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

【なぜ、どうやってそのデザインにたどり着いたのか。デザイナーの発想法、アイデア、ノウハウがわかる一冊!】

ロゴデザインのプロセスをテーマに、デザイナーの発想法、アイデア、ノウハウなどを豊富な事例をもとにビジュアルにまとめた解説&資料集。第一線で活躍するデザイナーのクリエイティビティはどこにあるのか――。デザインの技術を案件に合わせて臨機応変に適用し、見立て、連想し、オリジナルの表現に仕上げていく。その先に訪れるブレイクスルーの瞬間をひも解く、至極のデザインメイキング。

〈本書の主な内容〉
[デザインのつかまえ方]7つのステップでロゴデザインのプロセスを解説
1 キーワードを集めよう
2 モチーフを探してみよう
3 ロゴをつくってみよう
4 タイトルをつけてみよう
5 人の気持ちを想像してみよう
6 ブレイクスルーの引き寄せ方
7 「あぁ、これだ!」の瞬間は、いつ訪れるのか

[デザインの瞬間]40案件にもおよぶロゴデザインの事例を紹介
HoiClue/enish/彩の国法律事務所/キタミン・ラボ舎/KNIME/REBRANDING/図案スケッチブック60周年記念商品/キョーイク/Studio Photo Story/Global WiFi/山の日記念全国大会/KUROFUNE DESIGN HOLDINGS/Lighthouse/ZA KAGURAZAKA/Linkage/青い鳥の会/PANOPLAZA/福笑いサイン/TAGUCHI PRODUCTS/川の上・百俵館/石巻・川の上プロジェクト/KUMON 60周年/TBSビジョン/PLAZA PLAZA/ねまるちゃテラス/POINTS/FEEL/BLOOM DESIGN/KURACI CAFÉ/杏林大学グローバル・キャリア・プログラム/SpaceFinder/東武鉄道 特急車両500 系 Revaty/maruman “Creative Support Company”/明治なるほどファクトリー/働きやすく生産性の高い職場表彰/ビッグルーフ滝沢/UNA TEA AOYAMA/RoboRobo/Build/LESTAS

[デザインの試行錯誤]ブレイクスルーを引き寄せた工程をたどるロゴ制作メイキング
デザインの試行錯誤(1)HoiClueの場合
デザインの試行錯誤(2)ライトハウスの場合
デザインの試行錯誤(3)図案スケッチブック60周年記念商品
デザインの試行錯誤(4)株式会社enishの場合

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

(引用元Amazon)

 
内容サンプル

(引用元Amazon)

 
   

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

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

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

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

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

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

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

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

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

(2022/01/25 12:10 更新)
製品価格
1,980円
1,980円
1,980円
デザインのネタ帳 プロ並みに使える飾り・パーツ・背景 Illustrator+Photoshop...
発売日 2022/02/01
五十嵐 華子, anyan, 佐々木 拓人, mito (エムディエヌコーポレーション)
2,640円
現場で使える Webデザインアイデアレシピ
発売日 2022/01/31
小林 マサユキ (マイナビ出版)
3,058円
3,058円
3,058円
3,058円
2,530円
2,530円
2,530円
3,850円
3,850円
3,850円
1,980円
1,980円
1,980円
HTML&CSSとWebデザインが1冊できちんと身につく本[増補改訂版]...
発売日 2022/01/07
服部 雄樹 (技術評論社)
総合評価
(5)
2,860円
2,860円
2,860円
Webデザイン良質見本帳[第2版] 目的別に探せて、すぐに使えるアイデア集...
発売日 2021/12/22
久保田 涼子 (SBクリエイティブ)
総合評価
(4.3)
2,640円
2,376円
2,640円
2,640円
Every Layout
発売日 2021/11/23
ヘイドン・ピカリング, アンディ・ベル (ボーンデジタル)
総合評価
(4.7)
2,970円
2,970円
2,970円
2,970円
イラレ職人コロが教える飾りのデザイン Illustratorのアイデア...
発売日 2021/11/19
イラレ職人コロ (エムディエヌコーポレーション)
総合評価
(4.8)
2,530円
2,530円
2,530円
2,530円
 

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

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

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

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

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

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

人気
Rank
学習コース評価
1
(4.5)
総評価数 8505件
2
(4.6)
総評価数 4510件
3
(4.3)
総評価数 9219件
4
(4.3)
総評価数 5247件
5
(4.6)
総評価数 395件

 

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

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

 

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

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

 

関連:最新おすすめのKindle端末

以下では最新のKindle端末について比較、おすすめ紹介しています、合わせてのぞいて見てください。

いじょうでっす。

コメント

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