Webデザイナーという職種に興味があり、独学で勉強しようと考えている方もいるのではないでしょうか。Webデザインの業務は、企業にもよりますがデザインスキルからコーディング、ディレクションなど多岐に渡ります。

また、専門知識も必要です。現場で学ぶことも多い職種ですが、未経験からWebデザイナーを目指すのであれば、まずは業務に関わるスキルを体系的に学ぶ方が実務に取り掛かりやすいでしょう。

デザインの基礎知識を入り口に、PhotoshopやIllustrator、コーディングのスキル、UI/UXデザインの考え方などそれぞれの専門スキルを身につけていきましょう。

今回は、Webデザイナー業務に関する基本スキルが学べる書籍を業務のジャンル別に15冊まとめました。
これから学ぶ方から、既に趣味程度にWebデザインを行っている方まで、ぜひ参考にしてみてください。

デザインの基本が体系的に学べる書籍

1.ノンデザイナーズ・デザインブック

web-designer-books.001.jpeg

http://amzn.asia/bE7Fi7G

『ノンデザイナーズ・デザインブック』は、デザインの基本原則が学べる本です。
デザイナーではない人向けに書かれているため非常にわかりやすくデザインの基本を学ぶことができます。
基本原則をベースに、デザインの事例も紹介されているため、知識として得た原則を実務に落とし込みやすい構成です。

デザイン全般についての書籍ですが、Webデザインについても言及しているため、Webデザイナーを目指す上で参考になるでしょう。

2.いちばんよくわかるWebデザインの基本きちんと入門

web-designer-books.002.jpeg

http://amzn.asia/hce8JvV

『いちばんよくわかるWebデザインの基本きちんと入門』は、Webデザイナーとしてこれから業務に携わる人に向けた基本書です。
レイアウトや写真、タイポグラフィなどWebデザインの基本的な知識がわかりやすく紹介されています。

また、Webマーケティングやホームページの更新業務など、Webデザイナーが日々運用する上で関わるスキルに関しても言及されています。

3.新人デザイナーのための Webデザインを基礎から学べる本

web-designer-books.003.jpeg

http://amzn.asia/cnTC7Le

『新人デザイナーのための Webデザインを基礎から学べる本』は、デザイナー向け書籍「新人デザイナーのための」シリーズのWebデザイン編として登場した書籍です。
デザインの基本的な概念や「配色」「フォント」「画像」の基本が学べるほか、ユーザーにとって使い心地の良い設計の方法が学べます。

デザインの良い事例、悪い事例がそれぞれ豊富に掲載されているため、初学者の独学では判断が難しい「クオリティ」についてもわかりやすく知ることができるでしょう。

コーディングが学べる書籍

4.たった1日で基本が身に付く! HTML&CSS 超入門

web-designer-books.004.jpeg

http://amzn.asia/6wmZYf7

『たった1日で基本が身に付く! HTML&CSS 超入門』は、HTMLとCSSに関して本当に初めて学ぶという方に向けた本です。「1日で基本が身につく」とあるように、コーディングに必要な要素が完結かつ実用的にまとめられているのが特徴です。

HTMLとCSSの理解を深めやすくする工夫として、利用頻度の高いタグやレイアウトが学べる文章構成になっています。既に大まかな知識のある方には物足りなさを感じるかもしれませんが、初心者が基本を身につけるためには非常にオススメです。

5.作りながら学ぶ HTML/CSSデザインの教科書

web-designer-books.005.jpeg

http://amzn.asia/0Xfwpat

『作りながら学ぶ HTML/CSSデザインの教科書』は、実践形式でHTMLとCSSが学べる書籍です。基本的な概念やタグを理解した上で、さらに一歩踏み込んだホームページを制作したいと考えている方にオススメの本です。

「このタグはどういう役割なのか」を解説しつつ、サイト制作の流れにそって解説しているため、知識と感覚でコーディングを覚えることができるでしょう。

6.改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで

web-designer-books.006.jpeg

http://amzn.asia/hulfDXU

『改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで』は、javaScriptを覚えたい方にオススメの入門書です。javaScriptを用いた基本的なコーディング方法から、正しい記法、構文など実務において必要な知識を身につけることができます。

この本は、入門用としてはもちろんのこと、既にjavaScriptの構文はいくつか知っているものの、仕組みまでは理解できていないというデザイナーにとっても役に立つでしょう。

Photoshop/Illustratorが学べる書籍

7.世界一わかりやすい Illustrator & Photoshop 操作とデザインの教科書 CC/CS6/CS5対応

web-designer-books.007.jpeg

http://amzn.asia/6eGVvmI

『世界一わかりやすい Illustrator & Photoshop 操作とデザインの教科書 CC/CS6/CS5対応』は、Webデザイナー必須のソフト「Illustrator」と「Photoshop」の基本的な操作方法を同時に学べる本です。業務を行う上で頻出する図の描き方、オブジェクトの操作方法、レイヤーの概念などがわかりやすく解説されています。

また、書籍の購入後にホームページ上でレッスンファイルをダウンロードできるため、練習するための素材が無くても安心して取り組むことができるでしょう。

8.Photoshop しっかり入門[CC/CS6/CS5]

web-designer-books.008.jpeg

http://amzn.asia/0N1iPn1

『Photoshop しっかり入門[CC/CS6/CS5] 』は、Photoshopに特化した基本書です。読み込み、書き出し、レイヤーなど基本的な操作や役割、各ツールの使い方が初学者でもわかりやすく理解できるようにまとめられています。

Photoshopを初めて利用する方はもちろん、新たなレタッチ手法、デザイン制作を行いたい方にもオススメの本です。

9.デザインの学校 これからはじめるIllustratorの本 [CC2017対応版]

web-designer-books.009.jpeg

http://amzn.asia/hULM9zq

『デザインの学校 これからはじめるIllustratorの本 [CC2017対応版]』は、Illustratorに特化した基本書です。短時間でIllustratorの基本的な操作方法を学ぶことができます。本に沿って進めるだけでスキルが身につく構成になっています。

図の描画からフォントの加工まで丁寧に解説されているため、ホームページのロゴやバナー作成にもすぐに役立てることができるでしょう。

UI/UXが学べる書籍

10.UI GRAPHICS

web-designer-books.010.jpeg

http://amzn.asia/4j8qwnt

『UI GRAPHICS』は、ユーザーが使いやすいデザインを考えるにあたって参考になる本です。デザイナーによるUIデザインの事例やインタビューなどが掲載されています。既にデザインに関する知識を持っている方が、より良いデザインを目指す上で知っておきたい情報が詰まっています。

11.Web制作者のためのUXデザインをはじめる本

web-designer-books.011.jpeg

http://amzn.asia/e7fdQbj

『Web制作者のためのUXデザインをはじめる本』は、UXデザインの基本が学べる本です。そもそもUXとはなにか、という点から始まり、ユーザビリティ評価の方法、プロトタイピング、カスタマージャーニーの設定までを体系的に学ぶことができます。

12.さよなら、インタフェース -脱「画面」の思考法

web-designer-books.012.jpeg

http://amzn.asia/d8JF2Tn

『さよなら、インタフェース -脱「画面」の思考法』は、UI/UXの根本的な思考に関して、新たな学びが得られる読み物系の本です。「そもそもアプリにすることで快適になるのか？」など、流行りという理由だけで作られたデザインについて言及しています。ユーザーの体験やコンテンツの本質は何かを考えさせられます。「作ることを目的化」しないためにも、ぜひ参考にしてみましょう。

Webディレクションが学べる書籍

13.現場のプロが教えるWebディレクションの最新常識

web-designer-books.013.jpeg

http://amzn.asia/fD1FdpH

『現場のプロが教えるWebディレクションの最新常識』は、Webディレクター向きの業務全般を紹介した本です。Webデザイナーも、クライアントと現場の間に入りプロジェクトを進行することがあります。その際、本書を参考にWebディレクションの業務を理解しておくことでスムーズに業務を進行できるようになるでしょう。

14.Webディレクションの新・標準ルール

web-designer-books.014.jpeg

http://amzn.asia/3dmJa9Q

『Webディレクションの新・標準ルール』は、プロジェクトの進行方向、チームメンバーとの意思疎通、外注先への見積もり方法などのノウハウが学べる本です。Webディレクターの視点からみた制作現場の業務を理解できます。ワイヤーフレームの設計など直接Webデザイナーが関わる業務に関しても解説されているため、実務スキルを身に着けたい方にオススメです。

15.モメないプロジェクト管理77の鉄則

web-designer-books.015.jpeg

http://amzn.asia/e1pvRbA

『モメないプロジェクト管理77の鉄則』は、プロジェクトマネジメントに重点を置いた本です。ディレクション業務が制作物における進行管理が重視されるのに対し、プロジェクトマネジメントは現場の人材やクライアントの間でのマネジメントが重視されます。現場とクライアント間で意見のすり合わせをスムーズに行うためにも参考にしてみましょう。

まとめ

Webデザイナーをはじめ、いわゆるクリエイティブさが求められる業務とは専門性と幅広さを兼ね備えた業務ゆえ、日頃から新しい知識を学び実践することが大切です。

スキルに特化したデザイナーを目指すのも良いですし、複数のスキルを学びジェネラリスト的なデザイナーを目指すのも良いでしょう。

今回紹介した書籍は、Webデザインやコーディング、ディレクションなどそれぞれの業務ごとに基礎知識が学べる書籍をまとめました。ご自身の現在のスキルに合わせて学んでみてはいかがでしょうか。