コーディングからUI/UX、ディレクションを学びたいWebデザイナーにオススメの書籍15選
コーディングが学べる書籍
4.たった1日で基本が身に付く! HTML&CSS 超入門
『たった1日で基本が身に付く! HTML&CSS 超入門』は、HTMLとCSSに関して本当に初めて学ぶという方に向けた本です。「1日で基本が身につく」とあるように、コーディングに必要な要素が完結かつ実用的にまとめられているのが特徴です。
HTMLとCSSの理解を深めやすくする工夫として、利用頻度の高いタグやレイアウトが学べる文章構成になっています。既に大まかな知識のある方には物足りなさを感じるかもしれませんが、初心者が基本を身につけるためには非常にオススメです。
5.作りながら学ぶ HTML/CSSデザインの教科書
『作りながら学ぶ HTML/CSSデザインの教科書』は、実践形式でHTMLとCSSが学べる書籍です。基本的な概念やタグを理解した上で、さらに一歩踏み込んだホームページを制作したいと考えている方にオススメの本です。
「このタグはどういう役割なのか」を解説しつつ、サイト制作の流れにそって解説しているため、知識と感覚でコーディングを覚えることができるでしょう。
6.改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで
『改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで』は、javaScriptを覚えたい方にオススメの入門書です。javaScriptを用いた基本的なコーディング方法から、正しい記法、構文など実務において必要な知識を身につけることができます。
この本は、入門用としてはもちろんのこと、既にjavaScriptの構文はいくつか知っているものの、仕組みまでは理解できていないというデザイナーにとっても役に立つでしょう。
Photoshop/Illustratorが学べる書籍
7.世界一わかりやすい Illustrator & Photoshop 操作とデザインの教科書 CC/CS6/CS5対応
『世界一わかりやすい Illustrator & Photoshop 操作とデザインの教科書 CC/CS6/CS5対応』は、Webデザイナー必須のソフト「Illustrator」と「Photoshop」の基本的な操作方法を同時に学べる本です。業務を行う上で頻出する図の描き方、オブジェクトの操作方法、レイヤーの概念などがわかりやすく解説されています。
また、書籍の購入後にホームページ上でレッスンファイルをダウンロードできるため、練習するための素材が無くても安心して取り組むことができるでしょう。
8.Photoshop しっかり入門[CC/CS6/CS5]
『Photoshop しっかり入門[CC/CS6/CS5] 』は、Photoshopに特化した基本書です。読み込み、書き出し、レイヤーなど基本的な操作や役割、各ツールの使い方が初学者でもわかりやすく理解できるようにまとめられています。
Photoshopを初めて利用する方はもちろん、新たなレタッチ手法、デザイン制作を行いたい方にもオススメの本です。
9.デザインの学校 これからはじめるIllustratorの本 [CC2017対応版]
『デザインの学校 これからはじめるIllustratorの本 [CC2017対応版]』は、Illustratorに特化した基本書です。短時間でIllustratorの基本的な操作方法を学ぶことができます。本に沿って進めるだけでスキルが身につく構成になっています。
図の描画からフォントの加工まで丁寧に解説されているため、ホームページのロゴやバナー作成にもすぐに役立てることができるでしょう。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- CS
- CSとはCustomer Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- CS
- CSとはCustomer Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。
- タグ
- タグとは、原義では「モノを分類するために付ける小さな札」のことです。英語の「tag」を意味するものであり、荷札、付箋といった意味を持っています。特にインターネットに関する用語としてのタグは、本文以外の情報を付与するときに用いられます。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- CS
- CSとはCustomer Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。
- タグ
- タグとは、原義では「モノを分類するために付ける小さな札」のことです。英語の「tag」を意味するものであり、荷札、付箋といった意味を持っています。特にインターネットに関する用語としてのタグは、本文以外の情報を付与するときに用いられます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- タグ
- タグとは、原義では「モノを分類するために付ける小さな札」のことです。英語の「tag」を意味するものであり、荷札、付箋といった意味を持っています。特にインターネットに関する用語としてのタグは、本文以外の情報を付与するときに用いられます。
- JavaScript
- JavaScript(ジャバスクリプト)とは、Webサイト上でさまざまなインタラクティブな動きを実現するために用いられる言語
- CS
- CSとはCustomer Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- CS
- CSとはCustomer Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
おすすめ記事
関連ツール・サービス
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング