人気のWebデザイン参考書!デザインの基礎からWeb制作まで

人気のWebデザイン参考書!デザインの基礎からWeb制作まで

良いWebデザインを作成するためには、デザインの基礎知識とWeb制作を学ぶ必要があります。

デザインの理屈、デザイン心理学、タイポグラフィなどのデザインスキル。

HTML、CSS、コーディングのスキル。

フォトショ、イラレなどのデザインツールを扱うスキル。

今回は、これらWebデザインに役立つスキルが身につく書籍を揃えました。Webデザイナーを目指す方はもちろん、簡単なWebデザインを自分で作れるようになりたいノンデザイナーにもおすすめの本ばかり。

正しい知識を得てプロのテクニックを身につけましょう!

デザインの基礎

『そもそものデザインのりくつ』

そもそものデザインのりくつ

1,848円(税込)

168pt (10%)

オリジナリティのある良いデザインをするために

デザインを始めたばかりの人、デザインの専門的な勉強をしていない人は、先輩のデザインやデザイン書の例を真似して作ってみても、実際の案件では応用できず行き詰まりを感じることも多いのではないでしょうか。

本書は、そもそもの根本的なデザインの「理屈」を学べる指南書です。良いデザインが持っている書体と配色、視線の誘導、情報の整理といったデザイン法則やデザイン心理について理解し、身につけることができます。イラストを多用し、やさしい言葉で解説していくため、楽しみながらデザインの「りくつ」が学べる1冊です。

『サクッと学べるデザイン心理法則108』

サクッと学べるデザイン心理法則108

1,848円(税込)

168pt (10%)

モノを売るために知っておきたい! デザイン心理法則

「ついつい買ってしまう商品」「満足感のあるサービス」「使い勝手の良いアプリケーション」など、意思決定を誘導するものから人のためになるものまで、あらゆるデザインに心理学が使われています。デザイナーは今後求められる人材になるために、心理法則を使った効果的かつ説得力のあるデザインを作っていく必要があります。

本書ではまず、よく見かけるタイプのWebサイトやポスター、バナーといったデザインには、どんな心理法則が隠れているのかという使用例を紹介。それぞれの心理効果や錯視効果、色彩効果、レイアウトの法則を1ページ単位で簡潔にまとめて紹介していきます。

人の心を動かすデザイナーを目指す方に最適な1冊です。

『ふつうのデザイナーのためのタイポグラフィが上手くなる本』

ふつうのデザイナーのためのタイポグラフィが上手くなる本

2,420円(税込)

220pt (10%)

学校では教えてくれない、タイポグラフィの基本&実践

デザインの基礎であり最も重要な要素ともいえるのが、タイポグラフィです。しかしデザインの学校でも、プロレベルまで教えられることは少なく、手探りで勉強している学生やデザイナーがほとんどです。

本書では、実際に世に出たデザインを例にしてタイポグラフィの知識とテクニックを紹介。たとえイラストなどのビジュアルが用意できなくても、文字をビジュアル要素として生かしたデザインが作れるようになります。

デザインツールの使い方

『フォトショの5分ドリル 練習して身につけるPhotoshopの基本』

フォトショの5分ドリル  練習して身につけるPhotoshopの基本

1,760円(税込)

160pt (10%)

練習して身につけるPhotoshopの基本

本書はAdobe Photoshopを習得するためのドリルです。入門書などで基本操作を一度学んだ方や、実践が足りないと感じている初学者のスキルを定着させることができます。

写真補正/選択範囲とマスク/文字とシェイプ/画像レタッチと加工/レイヤー・オブジェクト・アートボードの5章立て!

『イラレの5分ドリル 練習して身につけるIllustratorの基本』

イラレの5分ドリル  練習して身につけるIllustratorの基本

1,760円(税込)

160pt (10%)

練習して身につけるIllustratorの基本

本書はAdobe Illustratorを習得するためのドリルです。

構成は、形を描く/配置と表示、書き出し/色とパターン/複雑な図形を描く/文字組みの5章立て。

ドリルで使用する素材はすべてサイトからダウンロードできるので、自分で素材を用意する必要もありません。

『独学Photoshop 楽しく基本が身につくガイドブック』

独学Photoshop 楽しく基本が身につくガイドブック

2,750円(税込)

250pt (10%)

Photoshopの本当に必要な基本を楽しく独学できる!

Photoshopを使ってみると、「わからない」ことがたくさん!Photoshopには数えきれないほどたくさんの機能があり、どこが「基本」なのかもあいまいです。

本書では「レイヤー」「フィルター」「ツール」という基本の3つの力に着目。この3つの機能を最低限きちんと理解できれば、ラクに使いこなせるようになります。

フォトショを使う全ての初心者に最適な1冊です。

『新ほめられデザイン事典 レイアウトデザイン[Photoshop&Illustrator]』

新ほめられデザイン事典 レイアウトデザイン[Photoshop&Illustrator]

2,750円(税込)

250pt (10%)

「旬」なデザインテクニックが1冊に!

本書では、現場で活躍するプロのデザイナーが、レイアウトデザインのルールを押さえた上で具体的な作品作りのコツとアイデアを紹介しています。

レイアウトデザインの基本から文字、配色、写真、装飾まで。「ちょっと真似してみたい」93点の最新レイアウトアイデアが詰まったネタ事典です。

Webデザイン・制作

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

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

2,420円(税込)

220pt (10%)

Webサイト制作をこれから学ぶ人へ送る“1冊目”に最適の入門書!

本書は、実際にWebサイトを作りながらHTML/CSSとWebデザインの基本を楽しく学べる入門書です。初学者が1冊目に読む本としてふさわしい内容を盛り込んでいるため、これを読めば必要な基礎知識がひと通り身につきます。

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

『HTML/CSSブロックコーディング デザインをすらすら再現できる』

HTML/CSSブロックコーディング  デザインをすらすら再現できる

2,860円(税込)

260pt (10%)

本格的なWeb制作を追体験して、脱初心者を目指そう

デザインを思い通りに再現できない/タグやプロパティの組み合わせ方がわからない/ページを組み立てる流れがイメージできない……本書はこんな課題を抱えている方にぴったりの1冊です。

モックアップ(サイトのデザインラフ)をもとに、サイトの構成要素を【ブロック分解】してから、ひとつずつコーディングして【組み立てる】…という本格的なWeb制作さながらのプロセスを、ハンズオンで学習します。実践的なコーディングテクニックが無理なく習得できるガイドブックです。

『プロのコーディングが身につくHTML/CSSスキルアップレッスン すぐに活かせてずっと役立つ現場のテクニック』

プロのコーディングが身につくHTML/CSSスキルアップレッスン  すぐに活かせてずっと役立つ現場のテクニック

2,750円(税込)

250pt (10%)

現場で迷わない実務レベルのテクニックを身につける

HTML/CSSの知識をひと通り身につけて、デザインカンプ通りの実装ができるようになっても、実際の制作現場ではコーディングの選択肢に迷う場面が多々あります。

本書では、入門レベルの知識だけでは切り崩せない、実務ならではのコーディングの悩み・課題を、プロの視点で解説。仕様書を読むだけでは得られない「現場の経験則」をもとに、状況や目的に応じた、知識の組み合わせ方・選択肢の選び取り方がわかります。

本書を読んで「ただ知っているだけの知識」を「現場で活かせるスキルと自信」に変えましょう。

『WordPress標準デザイン講座 20LESSONS【第2版】』

WordPress標準デザイン講座 20LESSONS【第2版】

2,838円(税込)

258pt (10%)

ゼロからしっかり学べる、本格Webサイト制作。

本書はWordPress5によるWebサイト制作が学べる入門書です。

制作環境や基本操作の解説はもちろん、サイト設計の基本、WordPressに必要なPHP、テーマファイルの仕組みといった欠かせない基礎知識、最新のエディタ「Gutenberg」の基本操作、テンプレート作成、ウィジェット、カスタムメニュー、プラグイン、セキュリティの配慮といった実践的なスキルまで、しっかり学んでいきます。

まさにWeb制作をこれから始める人に最適の1冊です!

『HTML/CSSの絵本 Webコンテンツ作りの基本がわかる新しい9つの扉』

HTML/CSSの絵本  Webコンテンツ作りの基本がわかる新しい9つの扉

2,178円(税込)

198pt (10%)

ここから始める!イマドキのWebページ作り

「Webページを作ってみたい」「HTML/CSSの仕組みを知りたい」そんな皆さんに向けた、一番やさしい入門書!

本書では、Webコンテンツ作りに必要なHTML/CSSの考え方や概念を、見開き単位で一つ一つゆっくり学習できます。「他のHTML/CSS解説書を読んでみたけれど難しくて……」といった方にもオススメです。

『Adobe XDではじめるWebデザイン&プロトタイピング 一歩先行く現場のスキル【PDF版】』

Adobe XDではじめるWebデザイン&プロトタイピング  一歩先行く現場のスキル【PDF版】

2,750円(税込)

1,250pt (50%)

コーディングに適したプロトタイプが作れる!

本書はAdobe XDを使ったWebデザインとUIのプロトタイピングを、現場のワークフローに沿って学んでいく本です。

ワイヤーフレームの作り方から、デザインカンプ制作、コンポ―ネントの管理、画面遷移の設計、インタラクティブなプロトタイプ制作と共有、コーディングに必要なデザインスペックの共有、さらに動きのあるUI設計やプラグイン活用まで。現場レベルで求められるスキルを実践的な学び方で習得できます。

初学者から、現場経験が浅い新人デザイナー、グラフィックデザインからWebへキャリアを広げたい方まで、しっかりWebデザインを学びたい方のための1冊です。

おすすめ特集

HTML/CSS、JavaScript、UI/UX、デザインまで。Web制作・フロントエンド開発に役立つ本

HTML/CSS、JavaScript、UI/UX、デザインまで。Web制作・フロントエンド開発に役立つ本

UI/UXを基礎から学べる本特集!デザイン・リサーチ・ライティングなど

UI/UXを基礎から学べる本特集!デザイン・リサーチ・ライティングなど

雑誌、Web、ポスター、チラシ、カタログ、ロゴ、名刺、パッケージ…やりたいデザインが必ず見つかる!

雑誌、Web、ポスター、チラシ、カタログ、ロゴ、名刺、パッケージ…やりたいデザインが必ず見つかる!

アプリ開発に必要な基礎知識や開発手順、使用言語に関する手引書をご紹介します!

アプリ開発に必要な基礎知識や開発手順、使用言語に関する手引書をご紹介します!

入門~実践、フレームワークまで!JavaScript学習におすすめの本をご紹介

入門~実践、フレームワークまで!JavaScript学習におすすめの本をご紹介

翔泳社のプログラミング書籍の中から、入門・初級者向けの書籍をピックアップ!

翔泳社のプログラミング書籍の中から、入門・初級者向けの書籍をピックアップ!

特集をもっと見る