Web界隈やデザイナーに大人気! 【4年連続、売上第1位！】 【全国の書店員がオススメする本(2019年度 CPU大賞)第1位!】 ずっと、一番売れているHTML本! 大反響! 32刷突破！ 読者の圧倒的な支持！シリーズ35万部突破の大ヒット! 全国の書店員がオススメする本(CPU大賞)第1位! 2019-2022年、年間売上 第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の最新技術を学びたい人 Web界隈やデザイナーに大人気! CHAPTER 1 最初に知っておこう！Webサイトの基本 1-1 よいWebデザインとは 1-2 様々な種類のWebサイト 1-3 ユーザビリティとは 1-4 Webサイトの仕組み 1-5 デバイスの種類 1-6 ブラウザーの種類 1-7 制作の流れ 1-8 制作をはじめる前に CHAPTER 2 Webの基本構造を作る！HTMLの基本 2-1 HTMLとは 2-2 HTMLファイルを作ろう 2-3 HTMLファイルの骨組み 2-4 HTMLの基本の書き方を身につけよう 2-5 見出しをつけよう 2-6 文章を表示しよう 2-7 画像を挿入しよう 2-8 リンクをはろう 2-9 リストを表示しよう 2-10 表を作ろう 2-11 フォームを作ろう 2-12 より使いやすいフォームにしよう 2-13 ブロック要素でグループ分けをしよう 2-14 よく使うHTMLタグ一覧 CHAPTER 3 Webのデザインを作る！CSSの基本 3-1 CSSとは 3-2 CSSを適用させる方法 3-3 CSSファイルを作ろう 3-4 CSSの基本の書き方を身につけよう 3-5 文字や文章を装飾しよう 3-6 Webフォントを使おう 3-7 色をつけよう 3-8 背景を彩ろう 3-9 幅と高さを指定しよう 3-10 余白を調整しよう 3-11 線を引こう 3-12 リストを装飾しよう 3-13 クラスとIDを使った指定方法 3-14 レイアウトを組もう 3-15 デフォルトCSSをリセットしよう 3-16 よく使うCSSプロパティ一覧 CHAPTER 4 フルスクリーンのWebサイトを制作する 4-1 フルスクリーンとは 4-2 フルスクリーンページの制作の流れ 4-3 「head」を記述しよう 4-4 「header」部分を作ろう 4-5 コンテンツ部分を作成しよう 4-6 ファビコンを用意しよう 4-7 フルスクリーンページのカスタマイズ例 CHAPTER 5 ２カラムのWebサイトを制作する 5-1 ２カラムのレイアウトとは 5-2 ２カラムページの制作の流れ 5-3 ページ全体の見出しを作成しよう 5-4 フッター部分を作成しよう 5-5 横並びの設定をしよう 5-6 メインエリアを作ろう 5-7 サイドバーを作ろう 5-8 レスポンシブに対応させよう 5-9 カラムページのカスタマイズ例 CHAPTER 6 タイル型のWebサイトを制作する 6-1 タイル型レイアウトとは 6-2 タイル型レイアウトの制作の流れ 6-3 ページ上部の紹介文を作成しよう 6-4 タイル型レイアウトを設定しよう 6-5 レスポンシブに対応させよう 6-6 タイル型レイアウトのカスタマイズ例 CHAPTER 7 外部メディアを利用する 7-1 お問い合わせページの制作の流れ 7-2 フォームを設置しよう 7-3 地図を表示しよう 7-4 Facebookプラグインを挿入しよう 7-5 Twitterプラグインを挿入しよう 7-6 YouTube動画を挿入しよう 7-7 レスポンシブに対応させよう 7-8 OGPの設定をしよう 7-9 外部メディアのカスタマイズ例

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

デザインでない人のための、デザインの定番基本書。待望の第4版！ デザインの「4つの基本原則」。これを知るだけで、あなたのデザインはずっとぐっと、良くなります。 プロではなくても、読みやすいデザイン、伝わるプレゼン資料、わかりやすいレイアウトを作りたい。 そんなあなたのための、デザインの基本書です。 ●本書の対象読者 仕事で、学習で、「デザイン」や「レイアウト」をしなければならない場面は、多々あります。 本書は、プロではないし、デザインの学習に割ける時間はあまりないものの、自分の作るページや制作物を見栄え良くする方法を知りたい、という人のための本です。 ●本書の特徴 1.デザインの「4つの基本原則」がわかる 近接、整列、反復、コントラスト……デザインの4つの基本原則として知られるこれらを最初に提示したのは本書です。良い例、悪い例を挙げて、具体的に原則を解説していきます。 2.作例を多数解説 基本原則を適用して、名刺、チラシ、パンフレット、広告などをデザインする際のテクニックを解説しています。考え方だけでなく、どのように原則を使っていけば良いかが、よくわかるでしょう。 3.活字を用いたデザインを解説 文字および活字は、デザインにおいて大きな役割を担っています。コミュニケーションを強化するための、タイポグラフィの基本からアレンジまで、解説します。 4.日本語版での追加項目 日本語版での追加項目として、日本語を使ったデザインでの「4つの基本原則」の適用方法を、名刺、フライヤー、ウェブなどの作例を用いて解説しています。 『この本がデザイン学校の4年間の代わりになる、と言うつもりはありません。また、この小さな本を読めば、自動的に優れたデザイナーになれる、と言うつもりもありません。しかし、あなたがページを見る目は確実に変わるでしょう。この本の基本原則に従えば、あなたの作品が、もっとプロらしく、組織化され、一体化され、おもしろくなることを保証します。』（著者「まえがき」より） 第1版発売から18年ずっと売れ続けているロングセラー、待望の【第4版】の登場です。 　　はじめに　──Is this book for you? Part1：Design Principles［デザインの原則］ Chapter 1　イントロダクション 　　ジョシュアツリーの悟り 　　4つの基本原則 Chapter 2　近接 　　近接のまとめ 　　　　基本目的 　　　　実現方法 　　　　避けること Chapter 3　整列 　　整列のまとめ 　　　　基本目的 　　　　実現方法 　　　　避けること Chapter 4　反復 　　反復のまとめ 　　　　基本目的 　　　　実現方法 　　　　避けること Chapter 5　コントラスト 　　コントラストのまとめ 　　　　基本目的 　　　　実現方法 　　　　避けること Chapter 6　4つのデザイン原則の復習 　　近接 　　整列 　　反復 　　コントラスト 　　　　Little Quiz 01　デザインの原則 　　　　Little Quiz 02　どこから手を付けますか？ 　　まとめ Chapter 7　カラーを使ったデザイン 　　素晴らしいカラー・ホイール 　　色と色の関係 　　　　補色 　　　　トライアド 　　　　スプリット・コンプリメント・トライアド 　　　　類似色 　　シェードとチント 　　　　シェードとチントを自分で作る 　　　　単色的な組み合わせ 　　　　シェードとチントの組み合わせ 　　トーンに注意 　　暖色対寒色 　　どこから選択を始めるか 　　CMYK対RGB；印刷対画面 　　　　Little Quiz 03　色 Chapter 8　おまけのチップス&トリック 　　パッケージを作る 　　名刺 　　　　名刺デザインのチップス 　　レターヘッドと封筒 　　　　レターヘッドと封筒のデザインのチップス 　　チラシ 　　　　チラシ・デザインのチップス 　　ニュースレター 　　　　ニュースレター・デザインのチップス 　　パンフレット 　　　　パンフレット・デザインのチップス 　　ハガキ 　　　　ハガキ・デザインのチップス 　　広告 　　　　広告デザインのチップス 　　履歴書 　　　　履歴書デザインのチップス 日本語版補足：日本語によるデザインサンプル（解説：小原 司） 　　すべての原則が入ったカフェのメニュー 　　日本語で見る4つの基本原則 　　名刺 　　　　反復について 　　フライヤー 　　　　がんばらないと頭に内容が入ってこない 　　　　情報の優先順位がわかる 　　ウェブ（メニュー） 　　　　どこに何があるかイマイチわからない 　　　　帯を入れることで引き締まった印象に 　　ウェブ（申し込みフォーム） 　　　　要素の左をそろえて整列させたつもりが…… 　　　　整然としていてスムーズに入力が進められる 　　ウェブ（画像と見出しとボタン） 　　　　良さそうで読みにくいレイアウト 　　　　意識せずともグループが見えてくる 　　日本語によるデザインサンプルのまとめ Part2：Designing With Type［活字でデザインする］ Chapter 9　欧文タイポグラフィの基本 　　句読点の後はスペース１個 　　クオーテーションマーク 　　アポストロフィ 　　　　Little Quiz 04　アポストロフィ 　　ダッシュ 　　　　ハイフン「-」 　　　　Enダッシュ（エンダッシュ）「―」 　　　　Emダッシュ（エムダッシュ）「―」 　　特殊文字 　　アクセント記号 　　大文字 　　下線 　　カーニング 　　ウィドーとオーファン 　　いろいろなこと Chapter 10　活字（と人生） 　　協調 　　衝突 　　コントラスト 　　まとめ Chapter 10　活字のカテゴリー 　　オールドスタイル（Oldstyle） 　　モダン（Modern） 　　スラブセリフ（Slab serif） 　　サンセリフ（Sans serif） 　　スクリプト（Script） 　　デコラティブ（Decorative） 　　意識的に 　　　　Little Quiz 05　活字のカテゴリー 　　　　Little Quiz 06　太さの推移 　　　　Little Quiz 07　セリフ 　　まとめ Chapter 12　活字のコントラスト 　　サイズ 　　太さ 　　構造 　　　　Little Quiz 　　フォーム 　　方向 　　色 　　コントラストを組み合わせる 　　まとめ 　　　　Little Quiz 08　コントラストか衝突か 　　　　Little Quiz 09　いいとダメ 　　　　コントラストを組み合わせる練習 　　日本語版補足：和文のための補足（解説：米谷 テツヤ） 　　　　文字の幅 　　　　和文活字のカテゴリー 　　　　和文活字のコントラスト Part3：Extra Chapter 13　参考になりましたか？ 　　手順 　　練習 　　では、これを再デザインしてください Chapter 14　解答と回答例 Chapter 15　この本で使った書体 Appendix 　　ミニ用語解説 　　参考資料

いちばんやさしい入門書 知識ゼロから、きちんと学べる入門書！ はじめてPhotoshopを触る人を対象とした、超入門書です。 Photoshopの各ツールの基本機能から、実務で使える鉄板の応用技まで、 この1冊でPhotoshopの基本は必ず習得できます! 最新バージョンに完全対応しており、また操作手順を省くことなく、全手順を解説しているので、 初心者でも操作に迷うことはありません！ これからはじめる人に読んでほしい、オススメの1冊です。 Mac & Windows 対応 基本の「き」から1つずつ、 Photoshopの使い方とデジタル画像の基礎知識を解説。 人気講師が教える「手を動かしながら学ぶ授業」です。 ■本書の対象読者 ・Photoshopをはじめて触る人 ・デザインをはじめたい人 ・写真の加工やレタッチをはじめたい人 ・PhotoshopやIllustratorを使ってデザインワークをする人 Lesson1 Photoshopの基礎知識 Lesson2 はじめてのPhotoshop Lesson3 色調補正の基本 Lesson4 選択範囲の作り方 Lesson 5 レイヤーの基本操作 Lesson 6 色の設定とペイント機能 Lesson 7 画像修正の基本 Lesson 8 フィルターの活用 Lesson 9 文字、パス、シェイプ Lesson10 総合演習 Lesson11 便利な機能

4万人が学んだベストセラーが、5年ぶりの大改訂！ 小さなサイト作りを通してHTMLとCSSの基礎が学べる入門書の決定版！ 第2版ではPCだけでなくスマホやタブレットにも対応したサイトが完成します。 ソースコードは現在のトレンドに合わせ、解説もいっそう丁寧にわかりやすくなりました。 これからWeb制作を始める人にも、HTML/CSSを学び直したい人にもおすすめの、充実の内容です！ 最新HTML5.2準拠。Windows/Mac対応 chapter01 Webサイト制作を始める前に 01 Webサイトとその構成要素 02 Webブラウザの機能と種類 03 Webサイトを公開するまで 04 制作に使うソフトのインストール chapter02 HTMLの基礎 01 HTMLはWebページを制作するための言語 02 HTMLの基本的な書式 03 親子、子孫、兄弟 ～HTMLの階層関係 chapter03 制作の準備と基本のHTML 01 Webサイト制作の準備 02 すべてのHTMLで共通するタグ chapter04 見出し、段落、リスト 01 見出しテキスト 02 テキストの段落 03 ナビゲーションの設置 04 番号なしリスト（非序列リスト） chapter05 リンクと画像の挿入 01 サイト内リンクと相対パス 02 外部サイトへのリンクと絶対パス 03 画像の表示 04 キーボードで入力しにくい文字の表示 05 ページの部分ごとに要素をまとめる 06 class属性 07 コメント文 chapter06 2ページ目以降を効率的に作成する 01 index.html以外のファイルの作成 02 段落にテキストと画像を含める 03 テキストを太字にする・改行する 04 id属性と特定の場所へのリンク 05 テーブル（表） 06 番号付きリスト（序列リスト） 07 CSS適用を考えた要素のグループ化 chapter07 CSSの基礎 01 HTMLの「見た目」を整えるCSS 02 CSSの基本的な書式 03 主なセレクタと書き方 04 CSSを書く場所 05 CSSファイルを作成する 06 HTMLファイルとCSSファイルを関連付ける chapter08 CSSでページのスタイルを調整 01 背景色の設定 02 テキスト色、フォントサイズの設定 03 マージン、ボーダー、パディング 04 行間の調整 05 リンクテキスト色の変更 06 コンテンツの行揃え 07 ブロック表示／インライン表示の変更 08 背景画像の指定 09 スタイルを上書きする 10 繰り返さない背景画像 11 ページの最大幅の設定 12 ページに固有のスタイルを適用 chapter09 フロートとテーブルのスタイル 01 テキストの回り込み 02 テーブルの整形 03 フレックスボックスで2コラムレイアウト 04 access.htmlのスタイルを作成しよう chapter10 フォームの作成 01 フォームの基礎知識 02 お問い合わせページの概要 03 フォーム全体の親要素 04 プルダウンメニュー 05 ラジオボタンとチェックボックス 06 テキストフィールド 07 テキストエリア 08 送信ボタン 09 ラベル 10 フォームのスタイルと属性セレクタ chapter11 モバイル端末に対応する 01 レスポンシブデザイン 02 ビューポートの設定 03 画像をレスポンシブデザインに対応させる 04 メディアクエリとブレイクポイント 05 ページ全体とナビゲーションのモバイル対応 06 コラムレイアウトの調整 07 フォームの調整 chapter12 Webサイトの公開 01 Webサイト公開までの準備 02 Webサーバーに接続 03 ファイルのアップロード 04 Webサイトの最終確認

目的別にデザインが探せて、すぐに使える！ 目的別にデザインが探せるデザイン見本帳 1冊あれば今日のWebデザインのアイデアがすぐ見つかる！ 400点以上の良質見本から学べるWebデザインの基礎原則 ■この本のポイント ・良質なWebサイトの見本のみ厳選して紹介している。 ・デザインの理由や方向性を解説することで、デザインの作り方の理論が学べる。 ・詳しい解説とやさしい図版で、見本サイトを見るだけではわからないデザインのポイントがわかる。 ・デザインの切り口をつかむアイデアネタ帳としても使える。 ■本書の対象読者 ・Webデザインをこれから学びたい人、デザイナー初心者 ・Webデザインを学習する上で、まずは絵を見て感じ取りたい人 ・Webの見本サイトを見ただけでは、どのようにすればデザインが作れるのかわからない人 ・たくさんの最新のWebデザインを手元に置いてすぐに活用したい人 第0章 Webデザインの基礎知識 Webデザインの基礎知識 Webページの構成とワークフロー Webページに入るデザインパーツ WEBサイトで扱う画像 Webデザインとタイポグラフィー 色彩の基礎知識 配色の基礎知識 第1章 ユーザーに伝わる印象から考えるデザイン キュートで可愛いデザイン ポップで元気あふれるデザイン エレガントで気品に満ちたデザイン ナチュラルで優しいデザイン クールで先進的なデザイン ヴィンテージで憧れるデザイン ノスタルジックで郷愁感じるデザイン クラシックで格調高いデザイン 和を感じるデザイン 透明感のあるデザイン 子供向けのデザイン 女性らしいデザイン 男性らしいデザイン 高級感があるデザイン 信頼感があるデザイン 食べ物が美味しそうに見えるデザイン 春夏秋冬、季節を感じるデザイン 第2章 ロゴやカラーから考える配色デザイン ロゴやブランドカラーから考える配色 黄をメインカラーにした配色 橙をメインカラーにした配色 赤をメインカラーにした配色 ピンクをメインカラーにした配色 緑をメインカラーにした配色 青をメインカラーにした配色 紫をメインカラーにした配色 茶をメインカラーにした配色 白、グレーをメインベースカラーにした配色 黒をベースカラーにした配色 トーンを合わせた配色 第3章 サイトの業種・ジャンル別から考えるデザイン レストラン・カフェサイト 医療・病院サイト ファッションサイト 美容・エステサイト アートフェス・イベントサイト 音楽サイト ウェディングサイト アニメ・ゲームサイト 士業サイト 学校・幼稚園サイト ポートフォリオサイト ニュース・ポータルサイト ネットショップ コーポレートサイト スポーツ・フィットネスサイト 第4章 レイアウトや構図から考えるデザイン 安定感を持たせるグリッドレイアウト 遊び心を持たせるフリーレイアウト シンプルにすっきり見せる1カラムレイアウト 複数のマルチカラムレイアウト ビジュアルを沢山見せるタイル・カード型のレイアウト 対比させたい時に使うシンメトリーなレイアウト ビジュアルを印象付けるフルスクリーンレイアウト 線を効果的に使ったレイアウト 構図を意識したレイアウト 第5章 素材や書体、プログラムを効果的に使ったデザイン 1 写真をメインに使ったデザイン 2 たくさんの切り抜き写真を使ったデザイン 3 テクスチャを使ったデザイン 4 飾りパーツを使ったデザイン 5 イラストを使った親しみやすいデザイン 6 タイポグラフィを使ったデザイン 7 手書き文字を使ったあたたかみのあるデザイン 8 動画を効果的に使ったデザイン 9 動きを持たせたデザイン 10 インフォグラフィックスを用いて情報をわかりやすく伝えるデザイン 第6章 Webデザイントレンド 1 レスポンシブWebデザイン 2 Webフォントを使ったサイト 3 スプリットスクリーン 4 フラットデザインとマテリアルデザイン 5 マイクロ・インタラクション 6 大きなイメージや動画を使ったヒーローヘッダー 7 パララックスで見せる動きのあるサイト 8 カード型レイアウトとグリッドをあえて外したレイアウト 9 より鮮やかな配色 第7章 パーツ別デザイン ヘッダー グローバルナビゲーション 見出し ボタン・ページトップナビ テーブル フォーム ファビコン・アップルタッチアイコン フッター まとめサイトの紹介 サンプルサイト索引

知識ゼロから、きちんと学べる入門書！　２年ぶりの改訂！ はじめてIllustratorを触る人を対象とした、超入門書です。Illustratorの各ツールの基本機能から、実務で使える鉄板の応用技まで、この1冊でIllustratorの基本は必ず習得できます! 今回は最新のCC（Creative Croud）に完全対応しました。これからはじめる人に読んでほしい、オススメの1冊です。 [目次] Lesson 1 Illustratorの基礎知識 Lesson 2 はじめてのIllustrator Lesson 3 基本図形の描き方と変形操作 Lesson 4 パスの描画と編集 Lesson 5 オブジェクトの編集とレイヤーの基本 Lesson 6 色とグラデーションの設定 Lesson 7 変形・合成・特殊効果 Lesson 8 画像の配置と編集 Lesson 9 文字操作と段落設定 Lesson 10 総合演習 Lesson 11 環境設定とデータ出力 Lesson 1 Illustratorの基礎知識 Lesson 2 はじめてのIllustrator Lesson 3 基本図形の描き方と変形操作 Lesson 4 パスの描画と編集 Lesson 5 オブジェクトの編集とレイヤーの基本 Lesson 6 色とグラデーションの設定 Lesson 7 変形・合成・特殊効果 Lesson 8 画像の配置と編集 Lesson 9 文字操作と段落設定 Lesson 10 総合演習 Lesson 11 環境設定とデータ出力

Photoshopをこれからはじめたい初心者の方に大好評の「これからはじめるPhotoshopの本」2022年最新版が登場です。補正/トリミング/合成など、 Photoshopを使いこなすためのひととおりの基本操作はもちろんのこと、レタッチにあたっての基礎知識なども収録。付属の練習ファイルで楽しく効率的に学習を進められます。Photoshopをこれから学びたい全ての人にピッタリな1冊です！ Chapter1　Photoshopの基本操作を知ろう Chapter2　写真を補正しよう Chapter3　写真を加工しよう Chapter4　写真の一部を選択して補正しよう Chapter5　写真を合成しよう Chapter6　ポストカードを作ろう Chapter1 Photoshopの基本操作を知ろう 01 Photoshopを起動・終了しよう 02 ファイルを開こう 03 Photoshop のツールを選ぼう 04 パネルを操作しよう 05 画面を拡大・縮小しよう 06 操作を取り消そう 07 ファイルを保存しよう 08 フォントを追加しよう Chapter2 写真を補正しよう 01 写真の明るさを補正しよう 02 写真の色味を補正しよう 03 写真の彩度を補正しよう 04 写真をモノクロに補正しよう Chapter3 写真を加工しよう 01 写真の一部を切り抜こう 02 写真の余分な要素を削除しよう 03 写真に写っているものをコピーしよう 04 写真の特定の色をガラリと変えよう 05 写真の空を置き換えよう Chapter4　写真の一部を選択して補正しよう 01 暗い部分を明るく補正しよう 02 色域を指定して補正しよう 03 人物の肌をなめらかに補正しよう 04 特定のレイヤーを選んで補正しよう Chapter5　写真を合成しよう 01 合成用の素材を切り抜こう～人物編 02 合成用の素材を切り抜こう～えんぴつ編 03 切り抜いた画像を配置しよう 04 えんぴつをなじませよう 05 人物と背景をなじませよう Chapter6　ポストカードを作ろう 01 配置素材の準備をしよう 02 ポストカードのベースを作ろう 03 黒板の画像を配置しよう 04 お店のロゴを作ろう 05 ポストカードの見出しを作ろう 06 ポストカードに本文を入力しよう 07 かんたんな地図を作成しよう 08 作ったポストカードを自宅で印刷しよう

一生使えるWebデザインの本気の入門書！ これからはじめる人、一気に学びたい人へ 一生使えるWebデザインのテクニック集！ 絶対に外せない！ レイアウト4つの原則とレスポンシブWebデザイン 今日から使える！ 配色の基本と、実例デザインの配色見本集 ユーザーの心を動かす！ 写真と図版の使い方、タイポグラフィの選び方 フレックスボックス、インタラクション、マーケティングの知識まで この一冊でWebデザイナーに必須の基礎知識が網羅できる！ ＜本書の対象読者＞ ●これからWebデザインを学びたい初心者の方 ●Webサイト制作に自信が持てない方 ●1冊でWebデザイナーの基礎知識を網羅して学びたい方 CHAPTER 1 Webデザインの基本 CHAPTER 2 レイアウト CHAPTER 3 配色 CHAPTER 4 写真と図版 CHAPTER 5 タイポグラフィ CHAPTER 6 HTML5とCSS3 CHAPTER 7 インタラクション CHAPTER 8 運用とマーケティング

プロはもちろん、デザインスキルを身につけたいノンデザイナーも必見！ ポスター、チラシから企画書、プレゼン資料まで どんな仕事にも必ず役に立つデザインの教科書。 学校教育には「美術」の科目はあるものの、 「デザイン」を学ぶ機会はほとんどありません。 しかし、社会に出ればデザインスキルを求められるシーンはたくさんあります。 たとえば企画書やプレゼン資料、ポスターやチラシなど、 どうすれば見やすく目に留まる内容にできるかは、 まさにデザインの素養次第と言えるでしょう。 本書ではそうしたデザインの知識やテクニックを、 文字（書体）の選び方からレイアウト方法、写真やイラストの使い方、 印刷物に使う紙の選び方といった基本項目を通じて丁寧に解説しています。 プロのデザイナーはもちろん、デザインスキルを身につけたいすべての人に必ず役立つ入門書です。 【目次】 Introduction デザインをもっと身近に Chapter1 文字と書体の基本 Chapter2 文字組みの基本 Chapter3 色の使い方 Chapter4 写真とのつき合い方 Chapter5 イラストの使い方 Chapter6 ダイアグラム、インフォグラフィック Chapter7 紙と印刷の基礎知識 appendix これだけは覚えておきたい用語解説

Webサイト制作の初学者に最適の1冊目！作りながら楽しく基本を学べる入門書が登場です。豊富なイラスト・図解で理解を助けます。 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種 Part1：HTMLを書いてみよう 01章　ウォーミングアップをしよう 02章　HTMLのきほんを学ぼう Part2：SNSリンク集を作ってみよう 03章　CSSのきほんを学ぼう 04章　SNSリンク集のCSSを書いてみよう Part3：2カラムページを作ってみよう 05章　ブログサイトのHTMLを書いてみよう 06章　ブログサイトのCSSを書いてみよう Part4：1カラムページを作ってみよう 07章　Web招待状サイトのHTMLを書いてみよう 08章　Web招待状サイトのCSSを書いてみよう 09章　CSSアニメーションをつけてみよう 10章　レスポンシブウェブデザインに対応させよう Part5：複数ページのサイトを作ってみよう 11章　制作の流れとWebデザインのきほん 12章　レストランサイトのCSSを書こう（モバイル） 13章　レストランサイトのCSSを書こう（PC） 14章　参考サイトの活用方法を学ぼう 15章　Webサイトを公開する準備をしよう

ずっと使える普遍のルール。 デザインの基本原則から、今すぐ役立つ新しい考え方まで 一生使えるプロの技術がきちんと身につく！ 誰でも・どんな分野でも ルールを学べばデザインが作れる！ レイアウトの基本ルール ＋ レイアウトのトレンド ＝ 優れたデザインが作れるようになる！ ●本書の対象読者 ・これからレイアウト・デザインを学び始める人 ・レイアウトを本気で学びたいデザイナー ・この1冊であらゆるレイアウトを学び作品を生み出したい人 Chapter 1 レイアウトで何が変わるのか 1-01 良いレイアウトと悪いレイアウト COLUMN ロゴにはレイアウトの基本が詰まっている 1-02 レイアウトによるわかりやすさ COLUMN わかりづらいレイアウトができてしまう理由 1-03 誰に何を伝えるか 1-04 レイアウトが変われば伝わり方が変わる COLUMN 優れたデザイナーはデザインのコレクター Chapter 2 レイアウトの基本ルール 2-01 整列 2-02 近接 2-03 反復 2-04 対比 COLUMN 文字のカーニングを使った調整 2-05 優先順位 2-06 目線誘導 2-07 余白 2-08 分割 COLUMN Web やスマートフォンでの分割 2-09 黄金比・白銀比 2-10 グリッドシステム 2-11 グリッドシステムの作り方 2-12 2カラムグリッドのラフスケッチとサンプル例 2-13 3カラムグリッドのラフスケッチとサンプル例 2-14 4カラムグリッドのラフスケッチとサンプル例 2-15 シンメトリーとアシンメトリー 2-16 中軸 COLUMN 成り行きを活かす 2-17 放射・円形 2-18 ランダム 2-19 モジュール COLUMN ルールを知る 2-20 判型、版面、マージン 2-21 ページネーション COLUMN 読者が作るページネーション 2-22 ユニバーサルデザイン COLUMN UDフォント COLUMN デザインの収集方法 Chapter 3 レイアウトの応用テクニック 3-01 三角形の構図 3-02 モチーフを活用する COLUMN 似た雰囲気のデザインが生み出される理由 3-03 色や要素による反復 3-04 ピクトグラムを使ってわかりやすく伝える 3-05 基本色と多色の使い分け 3-06 インフォグラフィックを使ってわかりやすく伝える 3-07 グラフ・図表を使ってわかりやすく伝える 3-08 罫線を使い区切りを付ける 3-09 曲線を使い柔らかさを出す 3-10 吹き出しで誘導する 3-11 数字を使い導線をつける 3-12 立体感のあるオブジェクトを使う 3-13 塗りを使い情報を区分けする 3-14 パターン模様を使う 3-15 文字の横組・縦組を組み合わせる COLUMN レイアウトはデザインの重要な要素の1 つ 3-16 方向性を作り視線を誘導する 3-17 リズムを作り軽やかにする 3-18 幾何学を取り入れて美しくする 3-19 文字のコントラストではっきりさせる 3-20 色のコントラストを付ける 3-21 アクセントを取り入れる COLUMN 見るだけではないUX デザイン 3-22 タイポグラフィで印象付ける 3-23 写真とキャッチコピーを組み合わせる 3-24 写真の効果、角版と裁ち落としの使い分け 3-25 切り抜き写真を並べる COLUMN 見切れている分割 3-26 余白を多く使う 3-27 自由に配置する COLUMN デザインの歴史を知る Chapter 4 レイアウトの作り方 4-01 実際にデザインを作る 4-02 ターゲットを決める 4-03 コンセプトを決める COLUMN 5W1H で注意すること 4-04 要素を洗い出す 4-05 レイアウトのパターンを出す 4-06 書体のパターン出し 4-07 配色のパターン出し 4-08 装飾のパターン出し 4-09 最後の微調整 4 10 完成

やさしく学べる、入門書の決定版！ ３万部突破のベストセラーが充実のアップデート！ JavaScriptをこれから始める人にも、前に挫折したことのある人にも。 手を動かしてサンプルをひとつずつ作っていくことで、知識だけでなく、 現場で活きる、応用・実践につながる基礎力が「この一冊で」身につきます。 ポイント１「サンプルが楽しい。」 よくある“勉強のためのサンプル”を可能な限り排除し、「こういうの見たことある！」「こういうのが作ってみたかった！」というような、実際に仕事に使えそうなサンプルを集めました。なので、最初の「やるぞ！」というモチベーションを維持したまま、最後のページまで読み進めることができます。 ポイント２「つまずきポイントを徹底カバー。」 初学者がつまずきやすい・挫折しやすいポイントを丁寧に拾って「これはどういうこと？」に対処する解説を用意しています。 共感しながら読み進められる文章で「絶対に挫折しない・させない」内容に仕上げました。 【第２版の主な改訂内容】 ・ECMA Scriptの新規格に対応。新しい機能・文法のうち、入門者でも取り組みやすく便利なものを紹介 ・書籍内の情報を2019年の状況にあわせて全面的にアップデート ・3～6章のサンプルを更新。解説内容をより丁寧にわかりやすくブラッシュアップ ・7章は全面刷新し、より現代的・実践的なテクニックを学べる内容に 【こんな方におすすめ！】 ・HTMLとCSSは何となくわかっていて、JavaScriptもやらないと…と思いつつなかなか手がつけられない方 ・「フロントエンドエンジニア」という言葉に惹かれる方 ・Web業界に入りたい方、または入りたての方 ・「他のWebデザイナーに差をつけたい！」というWebデザイナーの方 ・「フロントエンドエンジニアやWebデザイナーとまともにコードの話をしたい！」というWebディレクターの方 やさしく学べる、入門書の決定版！ Chapter1 イントロダクション 1-1 これからJavaScriptを始める皆さんへ 1-2 JavaScriptってどういうもの？ 1-3 JavaScriptの「プログラミング」と動作の仕組み 1-4 各章の概要 1-5 用意するツール 1-6 サンプルデータのダウンロード 1-7 テンプレートを準備して、いざ出発！ Chapter2 アウトプットの基本 2-1 コンソールにアウトプット ～開発ツールを使ってみよう 2-2 JavaScriptはどこに書く？ ～タグとJavaScriptの記述場所 2-3 ダイアログボックスを表示する ～window.alert() 2-4 HTMLを書き換える ～要素を取得する・コンテンツを書き換える Chapter3 JavaScriptの文法と基本的な機能 3-1 確認ダイアログボックスを表示する ～条件分岐（if） 3-2 入力内容に応じて動作を変更する ～変数、定数 3-3 動作のバリエーションを増やす ～条件分岐（else if） 3-4 数当てゲーム ～比較演算子、データ型 3-5 時間で異なるメッセージを表示する ～論理演算子 3-6 １枚、２枚、３枚…と出力する ～回数が決まっている基本の繰り返し 3-7 コンソールでモンスターを倒せ！ ～回数が決まっていない繰り返し 3-8 税込価格を計算する ～ファンクション 3-9 FizzBuzz ～算術演算子 3-10 項目をリスト表示する ～配列 3-11 アイテムの価格と在庫を表示する ～オブジェクト Chapter4 インプットとデータの加工 4-1 フォームの入力内容を取得する ～入力内容の取得とイベント 4-2 わかりやすく日時を表示する ～Dateオブジェクト 4-3 小数第◯位で切り捨てる ～Mathオブジェクト Chapter5 一歩進んだテクニック 5-1 カウントダウンタイマー ～時間の計算とタイマー 5-2 プルダウンメニューで指定ページへ ～URLの操作、ブール属性の設定 5-3 プライバシーポリシー承認パネルを作る ～クッキー（cookie） 5-4 イメージの切り替え ～サムネイルのクリックによる画像の切り替え 5-5 スライドショー ～ここまでの知識を総動員 Chapter6 jQuery入門 6-1 開閉するナビゲーションメニュー ～要素の取得とclass属性の追加・削除 6-2 ドロワーを作ってみよう ～CSSと組み合わせてアニメーションを実現 6-3 空き席状況をチェック ～AjaxとJSON Chapter7 外部データを活用したアプリケーションに挑戦！ 7-1 あなたはいまどこ？ ～位置情報（navigator.geolocation） 7-2 Web APIを使ってみよう ～OpenWeatherMap APIで天気予報

デザイナー必携！ これ1冊でレイアウトデザインのすべてがわかる 版面率って？　グリッドって？　ジャンプ率って？ レイアウトデザインをこれからはじめる人も、今さら聞けない人も、これだけは知っておきたいルールと基本を1冊にギュッとまとめました。豊富な作例と実例、親しみやすいイラストで、レイアウトデザインがわかりやすく学べます。

「4つのレイアウトパターン」と「レスポンシブデザイン」を、実際に手を動かして作りながら、サイト制作の基本が学べる!ライブ感のあるチュートリアル学習により、まるでWebデザイン会社でOJT(オン・ザ・ジョブ・トレーニング)を受けているような、体験型の独習書です。 1 知っておきたいサイトとデザインのきほん知識 2 サイト制作の前に準備しておくこと 3 知っておきたいHTMLのきほんと書き方 4 知っておきたいCSSのきほんと書き方 5 フルスクリーンページを制作する 6 シングルカラムページを制作する 7 2カラムページを制作する 8 グリッドレイアウトページの制作と動画の埋め込み 9 問い合わせページを制作する 10 マルチデバイス対応ページを制作する

目的別にデザインが探せて、すぐに使える！ ＼＼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 パーツ別デザイン PART 0 Webデザインの基礎知識 PART 1 印象から考えるデザイン PART 2 配色から考えるデザイン PART 3 業種・ジャンル別から考えるデザイン PART 4 レイアウトや構図から考えるデザイン PART 5 素材・フォント・プログラムを使ったデザイン PART 6 トレンドのデザイン PART 7 パーツ別デザイン

こんな教科書、今までなかった！ 【とことん丁寧】＆【ステップアップ解説】だから、 知識ゼロからでも本当によくわかる！ ぜひ、中身を見て決めてください！ これから学ぶ方、一度つまづいた方、必見です！ jQueryをこよなく愛するトップクリエイターが 基本的な仕組みから、実務で活かせる珠玉のテクニックまでを徹底詳解！ 経験に裏付けられた「わかりにくいポイント」を押さえた解説だから 確かな基礎力と、実務で活かせる実践力を身につけられる！ Chapter01　jQueryの基礎知識と本書の特徴 Chapter02　3ステップではじめるかんたんjQuery入門 Chapter03　jQueryの基本的な書き方 Chapter04　確かな基礎力を養うjQueryの基本テクニック Chapter05　活用の幅を広げるjQueryの必修テクニック Chapter06　高機能なギャラリーページを作ってみよう！ Chapter07　jQueryを活用したさまざまな表現 Appendix jQueryリファレンス Chapter01　jQueryの基礎知識と本書の特徴 jQueryの基礎知識 本書の目的と構成 jQueryの実行環境の準備 デバッグ方法 Chapter02　3ステップではじめるかんたんjQuery入門 体験することからはじめよう！ STEP1　CSSのスタイルを変更してみよう STEP2　タイミングをコントロールしてみよう STEP3　アニメーションさせてみよう Chapter03　jQueryの基本的な書き方 データを格納するさまざまな入れ物 特定の機能をまとめる「関数」 スコープと命名規則 演算子 主な制御文 Chapter04　確かな基礎力を養うjQueryの基本テクニック さまざまなホバーエフェクトで学ぶ動きのある表現の基本 画像とキャプションの表現 丸いボタンのレイアウト 見え隠れするサイドバー タイポグラフィの表現 Chapter05　活用の幅を広げるjQueryの必修テクニック Basic　滑らかな動きのスライドショー Advanced　多機能なスライドショー Basic　スティッキーヘッダー Advanced　デザインが変化するスティッキーヘッダー Basic　画面領域を有効活用できるタブ Advanced　高機能で拡張しやすいタブ Basic　スムーズスクロール Advanced　拡張性のあるスムーズスクロール Chapter06　高機能なギャラリーページを作ってみよう！ ギャラリーページの全体像 Basic　シンプルなギャラリーページの作成 Advanced　フィルタリング機能を持つギャラリーページの作成 Advanced　選択画面の拡大機能とキャプションの追加 Advanced　マウスの移動方向によるホバーエフェクト機能の追加 Chapter07　jQueryを活用したさまざまな表現 画像の読み込みのプログレス表示機能 画像シーケンスのアニメーション 回転のアニメーションによるインフォグラフィック マスクのアニメーション Appendix jQueryリファレンス

「Webページのデザイン」=「ボックスを並べること」という視点で、ボックスのレイアウト手法を徹底解説。「ブログ・ニュース系サイト」と「ビジネス系サイト」の実例サイトを、1からパーツを組み立てながら作成。スマートフォンなど多様なデバイスに対応し、使い勝手や見栄えを向上させる各種のアレンジ・テクニック。 1 Webページにおける段組み 2 Webページを作成する準備 3 ブログ・ニュース系サイトのコンテンツページ 4 ブログ・ニュース系サイトのトップページ 5 ビジネスサイト風のトップページ 6 ビジネスサイト風のコンテンツページ

仕事や趣味にすぐ使える。 ずっとずっと、売れている配色本の決定版！ シリーズ3冊累計390,000部突破！ アジア、ヨーロッパ、アメリカ…世界のあらゆる場所で支持されている！ 配色本として圧倒的な売上NO.1※ ※2018～2020年 ・日販売上ランキング：配色関連書籍 売上第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 レインボー・カラーパレット （色相別の配色）

シリーズ累計35万部突破！ デザイン書史上、空前絶後のベストセラー！ 「デザイナーのバイブル」「デザイナーがすすめるデザイン本」など、 SNSでも話題沸騰の「よはく」「フォント」「あしらい」に続く シリーズ第4弾が登場です！！！ パッと一目で内容が伝わるデザインのポイントは何でしょう？ 洗練されたレイアウト？　美しい写真やイラスト？ もちろんそれらも大事です。 でもイメージを一目で伝えるには 意図に合った色選びが必須！ 配色は感覚やセンスではなく知識です。 色の知識をプラスすれば、 あなたのデザインがさらに素敵になること間違いなしです。 １　POP COLOR ２　NUANCE COLOR ３　COOL COLOR ４　GIRLY COLOR ５　AGE COLOR ６　EVENT COLOR ７　SALES COLOR ８　BUSINESS COLOR ９　LUXURY COLOR 覚えておきたい配色技法7 他にもいろいろ配色技法8 色の持つイメージ

コーディングに適したプロトタイプが作れる！ 本書はAdobe XDを使った WebデザインとUIのプロトタイピングを、 高品質なサイトを作りながら、 現場のワークフローに沿って学んでいく本です。 ワイヤーフレームの作り方から、 デザインカンプ制作、コンポ―ネントの管理、 画面遷移の設計、インタラクティブなプロトタイプ制作と共有、 コーディングに必要なデザインスペックの共有、 さらに動きのあるUI設計やプラグイン活用まで、 現場レベルで求められるスキルを、 より実践的な学び方で習得できます。 初学者から、現場経験が浅い新人デザイナー、 さらにグラフィックデザインからWebへキャリアを広げたい方まで、 しっかりWebデザインを学びたい、あらゆる方のための一冊です。 ＊本書は、Adobe XDのバージョン28.6.12.3をベースに書かれています。 ＊Adobe XDをインストールして使用するには、macOS 10.12以降、 またはWindows 10 Creators Update（64ビット）（v1703［ビルド 10.0.15063］以降）が必要です。 Chapter 1　Adobe XDの基本と制作準備 01｜Adobe XDが必要になった背景 02｜Adobe XDの特徴 03｜インストールと環境設定 04｜フォント環境を整える Chapter 2　ワイヤーフレームの制作 01｜制作の準備をする 02｜トップページのワイヤーフレームを作成する 03｜コンポーネントについて理解する 04｜トップページのワイヤーフレームを完成させる 05｜下層ページのワイヤーフレームを完成させる Chapter 3　スマートフォン版デザインカンプの制作（1）トップページ 01｜共通パーツを作成する 02｜トップページデザインの作成 Chapter 4　スマートフォン版デザインカンプの制作（2）下層ページ 01｜下層ページ共通デザインの作成 02｜コンセプトページの作成 03｜製品一覧ページの作成 04｜敏感肌用化粧水ページの作成 05｜よくあるご質問ページの作成 06｜店舗情報ページの作成 07｜「オンラインショップ」セクションの作成 08｜メニューページの作成 Chapter 5　インタラクティブ・プロトタイプの制作 01｜プロトタイプモードに切り替えて作業する 02｜リンクを設定する 03｜共通部分のリンクの設定 04｜メニューページのプロトタイプ Chapter 6　プロトタイプとデザインスペックの共有 01｜プロトタイプを共有する 02｜デザインスペックを共有する Chapter 7　デスクトップ版デザインカンプの制作 01｜デスクトップ版を作成する準備 02｜デスクトップ版トップページを作成する 03｜下層ページの共通部分を作成する 04｜下層ページを作成する Chapter 8　コーディングの準備と画像の書き出し 01｜コーディングの準備 02｜差し替え作業をする Chapter 9　動きのあるUIの制作 01｜自動アニメーションの基本 02｜スクロールダウンアイコン 03｜開閉式のアコーディオンメニュー 04｜ボタンホバー時のアニメーション 05｜アンカーリンク Chapter 10　プラグインの活用 01｜プラグインの使い方 02｜プラグインの紹介

初心者向けデザインシリーズ「デザインの学校」に、2020年最新版が登場します。「作例を作りながら学べる」「短期間で基本操作を習得できる」「大きな文字と画面で読みやすい」といった特徴はそのままに、最新のバージョンに対応。一流講師陣を集めた「ロクナナワークショップ」を主催するロクナナが執筆しているので、現場のプロもお墨付きの内容になっています。「わかりやすいIllustratorの本が欲しい」「なるべく早くIllustratorをマスターしたい！」という方に最適な入門書です。 Chapter 01　イラストを描こう 01　準備をしよう 02　四角形を描こう 03　三角形を描こう 04　円と直線を描こう 05　自由な線を描こう 06　手書き風の線を描こう 07　色をつけよう 08　線を設定しよう 09　ドキュメントを保存しよう Column　おすすめショートカットキー Chapter 02　ロゴをつくろう 01　図形を変形しよう 02　図形を回転・反転しよう 03　グラデーションをつけよう 04　図形を移動・複製しよう 05　文字を入力しよう 06　文字を図形にしよう 07　グループ化しよう Column　重ね順を学ぼう Chapter 03　名刺をつくろう 01　名刺の枠をつくろう 02　定規を設定しよう 03　ロゴを別のファイルからコピーしよう 04　ロゴを配置しよう 05　文字を入力しよう 06　整列させよう 07　帯を描こう Chapter 04　地図をつくろう 01　下絵を配置しよう 02　直線を描こう 03　曲線を描こう 04　折れ線を描こう 05　直線と曲線を組み合わせよう 06　線路を描こう 07　アイコンを配置しよう 08　マップを型抜きしよう Column　PDFファイルを作成しよう Chapter 05　ポストカードをつくろう 01　別名で保存しよう 02　パターンをつくろう 03　リボン風のタイトルを描こう 04　エリア内に文章を流し込もう 05　写真を図形で型抜きしよう Column　制作物に合ったカラーモードを設定しよう Chapter 06　ブログのタイトル画像をつくろう 01　新規ドキュメントを作成しよう 02　背景と模様を描こう 03　文字に影をつけよう 04　模様を描いて複製しよう 05　イラストを描こう 06　オブジェクトの一部の色を変えよう 07　イラストを一括編集しよう 08　Web用に保存しよう

全米で30年以上読み継がれる文章術のバイブル。10年ぶりの改訂で見出しやDM、Webコンテンツまであらゆる書き方がわかる。 「私の知る限り、本書がいらない コピーライターは1人もいない。私も含めて」 広告の父、デイヴィット・オグルヴィ氏推薦 本書は、「売る」ための文章術の本です。 米国で1985年に発売されてからセールスライティングの 書籍としては、異例のロングセラーを誇っています。 豊富な事例と共に売るためのコピーを書く法則や ヒントがあらゆる媒体に合わせて解説されています。 約10年ぶりの大改訂となる増補改訂版では、 ランディングページやオンライン広告、ソーシャルメディアなど、 デジタルマーケティングの書き方が追加され、集客にも対応。 ますます手放せない1冊になりました。 【対象読者】 ●モノやサービスを売るすべての人 コピーライター、コピーライターに発注する人、 広報やPR担当者、セールス、記事編集者など 【著者紹介】 Robert W .Bly（ロバート・W・ブライ）B2B、ハイテク、ダイレクト・マーケティングを専門とするコピーライター。40年以上にわたり広告、パンフレットやDM、セールスレター、広報資料、Eメールキャンペーン、ウェブサイトを100以上の企業向けに書いてきた実績を持つ。これまでの著書は100冊以上。邦訳既刊書には『ビジネス英語文書ルールブック』（荒竹出版刊）がある。 【目次】 ・第1章　コピーライティングとは ・第2章　パッと目を引く大見出しと件名 ・第3章　伝えるためのライティング技術 ・第4章　売るための文章 ・第5章　ポジショニング ・第6章　印刷広告 ・第7章　ダイレクトメールはどうやって書けばいいか ・第8章　パンフレットやカタログなどの販促資料（印刷物・PDF）を作るには ・第9章　プレスリリースを作成するには ・第10章　テレビとラジオのCMを作るには ・第11章　ウェブサイトを作成するには ★第12章　ランディングページを作るには ・第13章　Eメールマーケティングを実施するには ★第14章　オンライン広告を作成するには ★第15章　ソーシャルメディア用のコピーを書くには ★第16章　動画を作成するには ★第17章　コンテンツマーケティングのやり方 付録　広告用語集 ※★マークがついている章は旧版からの追加項目 ※そのほか、すべての章でデジタル時代に合わせたアップデートがなされた 第1章　コピーライティングとは ・ライターと読者のどちらにとっても、コピーライティングはインターネット到来で変わったか？ ・デジタルの時代に刺さるコピーを書くための3つのキーポイント ・昔かたぎのコピーライターに朗報 ・ネット動画はコピーライティングをどう変えたか？ ・ソーシャルメディアはマーケティングをどう変えたか？ ・マルチチャネルマーケティングはコピーライティングをどう変えたか？ 第2章　パッと目を引く大見出しと件名 ・大見出しで「つかむ」には？ ・大見出しの4つの機能 ・大見出し　基本の8種類 ・スワイプファイルに入れるべき38の大見出し ・効果的な大見出しを作るための4つのU ・大見出しのヒントをもう少し ・大見出しを生み出すテクニック ・大見出しについて最後に一言 第3章　伝えるためのライティング技術 ・明確なコピーを書くための11のヒント ・プロのテクニックをご紹介 ・コピーライターのチェックリスト 第4章　売るための文章 ・特長とベネフィット ・買わせるステップ ・「ニセの論理」を使って、事実で売り文句を後押ししよう ・唯一無二の売り―USP ・二番手の売り ・顧客を知る ・BDFフォーミュラとは ・「製品を買いたい理由」のチェックリスト ・長文コピーVS. 短文コピー ・世代別マーケティング ・ポジショニング 第5章　ポジショニング ・コピーライティングのリサーチ ・オンラインリサーチをざっくりまとめると ・コピーライティング案件の下準備 ・インタビューで事実を見つける ・情報を整理する ・最初にアウトラインを作成するべきか？ ・ソーシャルメディアから情報を得る ・オンライン調査 ・コピーを書くには ・情報源を記録する ・売れる広告のアイデアを生み出すテクニック 第6章　印刷広告 ・刺さる広告を作るには ・広告にスローガンは必要か ・広告草稿のフォーマット ・広告のアイデアのチェックリスト ・反応を引き出すメカニズム 第7章　ダイレクトメールはどうやって書けばいいか ・パーソナルな広告媒体 ・セールスレターの仕組み ・セールスレターはどう書き出すのが正解？　14通りの冒頭パターン ・封筒にティーザーコピーはつけるべき？ ・セールスレターは売り込むもの、パンフレットは教えるもの ・郵便物への反応率を高めるには 第8章　パンフレットやカタログなどの販促資料（印刷物・PDF）を作るには ・パンフレット作成の腕を上げる11のアドバイス ・パンフレットの構成はどうする？ ・カタログ ・そのほかの販促資料 第9章　プレスリリースを作成するには ・PRと有料広告の違いは？ ・ウェブなら消費者に直接PRできる ・プレスリリースとは？ ・でもニュース性はあるの？ ・特集記事を書くには ・宣伝のニュースレターを書くには ・ニュースレターの記事のネタに使えるチェックリスト 第10章　テレビとラジオのCMを作るには ・12通りのCMの型 ・テレビCMの脚本を書くコツ ・脚本のフォーマット ・ラジオCMの脚本を書くには ・テレビやラジオで放送されないCM 第11章　ウェブサイトを作成するには ・今、ネット広告で効果があること ・よくあるオンライン広告の案件とは ・クリックファネルズでウェブサイトを作るには ・ウェブサイト用のコピーについてもう1言 ・SEO対策 第12章　ランディングページを作るには ・ランディングページのコンバージョン率を上げるための10のヒント ・効果的なランディングページの他のポイント ・ランディングページのトラフィックを伸ばす7つのやり方 第13章　Eメールマーケティングを実施するには ・Eメールマーケティングで結果を出すための15のヒント ・長い宣伝メールVS. 短い宣伝メール ・ステップメールを作成するには ・メルマガを作成するには 第14章　オンライン広告を作成するには ・バナー広告のサイズ ・配置 ・バナーのデザインと内容 ・PPC広告 ・メルマガ広告 ・Facebook広告 ・Facebookの写真広告を作るには ・Facebook広告のほかの形式 ・「投稿を宣伝」がいいか、「Facebook広告」がいいか ・Facebook広告の料金はいくらくらい？ 第15章　ソーシャルメディア用のコピーを書くには ・ソーシャルメディアのプラットフォームについて知っておくべきこと ・ビジネスアカウントを作る ・ファネルを使いこなす ・ソーシャルメディアで投稿する際のヒント ・定期的に投稿して読者を逃がさないようにする ・Facebook ・Twitter ・まとめ： SNSプラットフォームの使い方 第16章　動画を作成するには ・動画脚本の種類 ・脚本作成プロジェクトを立ち上げるには ・脚本作成 ・脚本を書くには ・脚本が出来上がったら ・セールスプレゼン動画（VSL） 第17章　コンテンツマーケティングのやり方 ・コンテンツ作成でよくある7つの失敗 ・コンテンツの４つの形式 ・ホワイトペーパー ・ホワイトペーパーでマーケティングを行うための９つのステップ ・ブログ ・ケーススタディ 付録　広告用語集

累計40万部突破の「逆引きデザイン事典シリーズ」が増補改訂版となって新登場。CCの新機能にも対応！ 定番の使い方からプロの便利技・CC新常識まで、 ずっと役立つ、不滅の一冊です。 累計40万部突破の「逆引きデザイン事典シリーズ」が増補改訂版となって新登場です。 Photoshop CC／CS6／CS5／CS4／CS3と全5バージョンに対応し、 旧バージョンを使い続けたいという方から、 月額制のAdobe Creative Cloudに加入したユーザーまで 幅広く活用していただけます。 項目は、Photoshopユーザーのニーズに添うよう厳選したものを掲載。 画像補正の流れや注意点といった基本はもちろん、CCに加わった新機能を網羅し、 「Web」や「効率化」についての解説もより充実しました。 「あれを作りたい」「これどうするんだっけ」から サッと引けて簡単にやり方がわかります。 作例サンプルファイルはWebからダウンロード可能。 クリエイティブに、ビジネスに、学習に。 ぜひとも長く手元に置いておきたい、定番の1冊です。 ■あらゆる「ああしたい」「こうしたい」にお応えします■ ・基本操作をおぼえたい ・趣味でイラストを描きたい ・便利な使い方で作業効率を上げたい ・知りたいことだけサクっと調べたい ・CCの最新機能が知りたい…etc. ■目次■ ツールリファレンス パネルリファレンス CC新機能リファレンス 第1章　基本操作 第2章　色補正 第3章　レタッチ・マスク 第4章　描画モード・合成 第5章　フィルター加工 第6章　作画・アートワーク 第7章　フォトグラフィ 第8章　印刷・出力 第9章　Web 第10章　カラーマネジメント 第11章　効率化 索引 ツールリファレンス パネルリファレンス CC新機能リファレンス 第1章　基本操作 第2章　色補正 第3章　レタッチ・マスク 第4章　描画モード・合成 第5章　フィルター加工 第6章　作画・アートワーク 第7章　フォトグラフィ 第8章　印刷・出力 第9章　Web 第10章　カラーマネジメント 第11章　効率化 索引

すぐに変わってしまうトレンドを追うより変わらない"考え方"をおさえよう。フルカラーの紙面でかけあいを追いながらたのしくわかる! 第1章 検索エンジンは、なんのために、どんなことをしてるのか 第2章 検索する人の気持ちと行動を考えてみよう 第3章 検索キーワードを見つけよう 第4章 検索キーワードをサイトに反映させよう 第5章 コンテンツを作ろう 第6章 リンクを集めよう 第7章 SEOを「売り手目線の販促活動」と考えてはいけない おわりに 検索エンジンの進化とこれからのSEO

累計40万部突破の「逆引きデザイン事典シリーズ」が増補改訂版となって新登場。CCの新機能にも対応！ 定番の使い方からプロの便利技・CC新常識まで、 ずっと役立つ、不滅の一冊です。 累計40万部突破の「逆引きデザイン事典シリーズ」が増補改訂版となって新登場です。 Illustrator CC／CS6／CS5／CS4／CS3と全5バージョンに対応し、 旧バージョンを使い続けたいという方から、 月額制のAdobe Creative Cloudに加入したユーザーまで 幅広く活用していただけます。 知りたいことからすぐ引けるスタイルは従来のまま、 「クイック書き出し」「Shaperツール」「Adobe Stockとの連携強化」など 注目の新機能もしっかり解説。 「あれを作りたい」「これどうするんだっけ」から サッと引けて簡単にやり方がわかります。 作例サンプルファイルはWebからダウンロード可能。 クリエイティブに、ビジネスに、学習に。 ぜひとも長く手元に置いておきたい定番の1冊です。 ■あらゆる「ああしたい」「こうしたい」にお応えします■ ・基本操作をおぼえたい ・趣味でイラストを描きたい ・便利な使い方で作業効率を上げたい ・知りたいことだけサクっと調べたい ・CCの最新機能が知りたい…etc. ■目次■ ツールリファレンス ワークスペースリファレンス パネルリファレンス CC新機能リファレンス 第1章　作業環境と操作 第2章　オブジェクトの作成 第3章　オブジェクトの編集 第4章　塗り・線・カラーの設定 第5章　画像の配置と編集 第6章　フィルター効果 第7章　文字の操作 第8章　日本語組版 第9章　グラフの作成 第10章　Webグラフィックの作成 第11章　高度な機能 第12章　印刷と入稿 プロセスカラーチャート 罫線の作図法早見表 索引 ツールリファレンス ワークスペースリファレンス パネルリファレンス CC新機能リファレンス 第1章　作業環境と操作 第2章　オブジェクトの作成 第3章　オブジェクトの編集 第4章　塗り・線・カラーの設定 第5章　画像の配置と編集 第6章　フィルター効果 第7章　文字の操作 第8章　日本語組版 第9章　グラフの作成 第10章　Webグラフィックの作成 第11章　高度な機能 第12章　印刷と入稿 プロセスカラーチャート 罫線の作図法早見表 索引

文字を重ねたり、回り込ませたり、囲んだり……。文字のレイアウト次第で、デザインに多様なバリエーションを生み出すことができます。タイトルや見出し・コピーといった文字を効果的にレイアウトし、ターゲットの目を引く作品をアプローチ別に紹介します。

魅力あふれる、すぐれた構図の１枚デザインを大特集！！ チラシ、ポスター、フライヤーなど1枚デザインの構図特集です。1枚の写真を大きく使う、2枚の写真を対比させる、写真の重要度によって強弱をつける……素材に合わせた構図の魅力的な作品を300ページ以上の大ボリュームでご紹介。スタッフクレジット付きで、発注する立場の方にも役立ちます。 1 カクハン図版の構図とレイアウト 2 キリヌキ図版の構図とレイアウト 3 情報満載の構図とレイアウト 4 文字・イラストの構図とレイアウト

すぐに使えて、ずっと役立つ基本のルール グラフィックワークから企画書、プレゼン資料まで。 デザイン基礎力は、一生役立つ武器になる！ これからはじめる人に読んでほしい、 とことん丁寧な本格入門書、遂に発刊！ 現場のプロが教える真剣教室、開講です！ 【センス、経験、一切不要！】 ―――――― デザインは、すべての人が必ず上達できます。 デザインが苦手な人の話を聞くと「私にはセンスがないから」といわれることがあります。しかし、読み手に伝わるデザイン、心に残るデザイン、読みやすいデザインを制作するのにもっとも大切なものはセンスではありません。大切なのは・・・ ―――本文より ●本書の対象読者 ・自分自身で何らかの紙面や資料などを制作する機会がある人 ・紙面や資料で他人に何かを伝える機会がある人 ・これからデザインを勉強しようとしている人 ・デザイナー１年生 Chapter 1 － デザインをはじめる前に ～ はじめに知っておくべき最重要ポイント ～ Chapter 2 － レイアウトの基本ルール ～ 紙面イメージを決定する配置設計の基礎知識 ～ Chapter 3 － 写真と画像 ～ 目的別で学ぶ、写真の選び方と使い方 ～ Chapter 4 － 配色の基本 ～ 色には人の心を動かす力がある ～ Chapter 5 － 文字と書体 ～ 読みやすく、人を惹きつける文字と書体の使い方 ～ Chapter 6 － 文章のデザイン ～ 読みやすい文章制作の基礎知識 ～ Chapter 7 － インフォグラフィック ～ 情報の図式化と、グラフ・表の作り方 ～ Chapter 8 － 実践演習 ～ 頭の中のイメージを具体化するデザイン実技 ～

1000万プレイヤー続出のブログサロンを運営するTOPブロガーの神解説が一冊に！　好き（個性）を収入に変えるライティング教本 どうすれば ブログ一本で豊かに暮らせる 人生が手に入るのか? 月間100万PVの「ガジェットブログ」を運営するマクリンと、「ブログ論ブログ」を運営するサンツォ。 累計2400万人以上に読まれてきた2人の「成功の方程式」を初公開! 【書く副業】で、安定的に「月収+10万円」を実現する「Webライティング」全スキルが1冊に! 以下のことが知りたい人は、ぜひ本書をお読みください。 □本業×副業のかけ算で、生活をより充実させたい □「個人で稼ぐ力」につながるノウハウを知りたい □人が読みたくなるカテゴリー、コンセプトの選び方は? □ブログの読者像(ペルソナ)をどう考えたらいい? □検索エンジンに評価される記事が書けない □アフィリエイトブログって何を書けばいいの? □書いても書いても、PVが増えずに困っている! ブログ活用法、キーワード選定、SEO対策、コンテンツ戦略、E-A-T強化、収益化テク ……普通の人でも実践できる! 神スキルを徹底解説!! 【本書の5大特色】 ●遂に出た! 月7ケタ稼ぐ書き方「神スキル」が1冊に! →文章力に自信がなくてもご安心ください ●「書く副業」で月10万円以上を手に入れるためのノウハウを体系化 →これだけ読めば、「Webライティング」は完璧 ●普通の人ができる方法を、やさしく具体的に徹底解説 →「何を、どうするか」重要ポイントがすぐわかる! ●収益のカギとなるE-A-T強化から、アフィリエイトの導入のしかたまで →はじめてでも、必須テクニックをしっかりサポート ●文章だけで収益を上げるまでのロードマップをすべて伝授 →再現性MAXの5つのステップで、個人で稼ぐ力を手に入れよう! さらに、 マネするだけですいすい完了! 【読者特典PDF】「WordPress開設・操作手順」付き! ……ゼロからわかる「ブログ運営×マネタイズ」! はじめに 「好き」を収入に変える生き方をはじめよう 僕らが副業ブログをはじめたきっかけ サイト運営には夢がある Webライティングは武器になる 本書の概略 STEP0 有益なコンテンツの考え方 01 読者のニーズ(悩み・問題・欲求)を解決することが目的 02 読者のニーズはどうやって知るのか(キーワード調査) 03 読者はそもそもどこの誰なのか(ターゲットとペルソナ) 04 Web文章の7割はモバイルで読まれている 05 Web文章は読まれないことを前提に書く 06 一次情報や実体験に基づいて書く 07 最新情報を書き、定期的にアップデートする 08 読者の求める情報量を適切に与える STEP1 読みたくなる記事の書き方 01 唯一のルールは、読者にとって読みやすいこと 02 まずは知っておきたい、一般的なライティングのルール 03 テンポの良い文章を作るコツ 04 文体の統一と、文末表現をマスターする 05 漢字・ひらがな・カタカナの理想的な比率 06 難しい漢字にはよみがなを、専門用語には解説を入れる 07 商品名・サービス名は正確に記述する 08 文字修飾の失敗例と成功例 09 吹き出しを使って緩急をつける 10 箇条書きを上手に活用しよう 11 図解・一覧表・比較表を活用する 12 とにかく結論ファーストを意識する 13 導入文を読めば全体が把握できるようにする 14 失敗しない「記事の書き方」7つのポイント 15 「まずは100本記事を書け! 毎日更新せよ! 」の嘘 STEP2 SEOライティング成功法則 01 SEOとは読者が求める情報を最適な形で届けること 02 SEOで得られるメリットとは何か 03 コンテンツSEOと内部SEO、外部SEOの違い 04 検索意図を知り、読者の問いに回答しよう 05 記事のなるべく冒頭で検索意図に応えよう 06 キーワードの種類を決めよう 07 読まれるかどうかはタイトル次第 08 階層構造を意識した見出しを作る 09 記事を読みたくなる目次の作り方 10 メタディスクリプションをもれなく入力する 11 テキストだけでなくビジュアルも大切 12 検索上位の競合サイトとの差分を埋めよう 13 読者に有益な発リンクを含めよう 14 集団戦で攻めよう(内部リンク・トピッククラスターの活用) 15 カテゴリー設計のコツ STEP3 E-A-Tの強化方法 01 大きな変化の波、E-A-Tの重要性とは 02 サイト運営者が知っておくべき「YMYL」との向き合い方 03 雑記と専門特化、どちらを選ぶべきか 04 ポジショニングマップを作って立ち位置を把握する 05 プロフィールページ(著者情報)を作り込みする 06 SNSアカウントを育てる 07 指名検索・サイテーションを増やす 08 読者とのコミュニケーションを促進する 09 関連性の深い被リンクを増やす STEP4 推敲・リライトの手順 01 書き終わってからが勝負! 推敲のチェックリスト 02 ムダな情報は思い切って削る 03 定期的なリライトでレベルUPさせよう STEP5 ブログ収益化の戦略 01 読者への価値提供ができていないと収益化はできない 02 ブログで収益が発生するしくみ 03 収益化の種類と方法 04 収益化できるキーワードは限られている 05 収益化しやすいジャンルを探す 06 アフィリエイト商材の選び方のポイント 07 特別単価交渉で報酬単価を上げる 08 読者が買いたいと思わないと商品は売れない 09 メリットはもちろん、デメリットも提示する 10 「物」を売るのではなくて「物語」を売ろう 11 読者は第三者の評価(口コミ、レビュー)を求めている 12 読者は他商品との比較とイチオシが知りたい 13 マイクロコピーを使いこなせ 14 その商品を売るにはどのくらいのアクセスが必要? 15 「ABテスト」を実施する 16 収益源は複数もつ

評価されるデザインには『法則』がある 多くの人に魅力的、センスがある、と評価されるデザインには『法則』『ルール』がある! センス0からのデザイナー養成講座を主宰する会社が教える、「見るだけでセンスが身につく、世界一簡単で画期的なデザイン入門書」。 デザインはだれにとっても他人事ではありません。仕事や生活のさまざまなシチュエーションで生きる「デザインセンス」が、最短最速で習得できる実用書です。 CHAPTER1：ビジネスパーソンの結果に差がつくデザインセンスとは？ CHAPTER 2：デザインセンスの高め方 CHAPTER 3：デザインセンスだけでも変わる人生 CHAPTER 4：センスいい「レイアウト」のルール CHAPTER 5：センスいい「配色」のルール CHAPTER 6：センスいい「フォント」のルール CHAPTER 7：センスいい「文字組み」のルール CHAPTER 8：センスいい「写真」のルール CHAPTER 9：センスいい「イラスト」のルール CHAPTER 10：センスいい「グラフ」のルール CHAPTER 11：センスいい「図解」のルール CHAPTER 12：デザインセンスの磨き方 CHAPTER 13：休日やスキマ時間でもっと磨けるデザインセンス

一生使えるWebデザインの本気の入門書！ 11刷突破のベストセラーが最新情報にアップデート！ これからはじめる人、一気に学びたい人へ 一生使えるWebデザインのテクニック集！ 絶対に外せない！ レイアウト4つの原則とレスポンシブWebデザイン 今日から使える！ 配色の基本と、実例デザインの配色見本集 ユーザーの心を動かす！ 写真と図版の使い方、タイポグラフィの選び方 フレックスボックス、CSSグリッド、インタラクション、マーケティングの知識まで この一冊でWebデザイナーに必須の基礎知識が網羅できる！ ＜本書の対象読者＞ ●これからWebデザインを学びたい初心者の方 ●Webサイト制作に自信が持てない方 ●1冊でWebデザイナーの基礎知識を網羅して学びたい方 CONTENTS ----------------------------- Chapter 01 Webデザインの基本 Chapter 02 レイアウト Chapter 03 配色 Chapter 04 写真と図版 Chapter 05 タイポグラフィ Chapter 06 HTML5とCSS3 Chapter 07 インタラクション Chapter 08 運用とマーケティング

作り手や運営側の「作りたい」サイトをユーザーに押しつけてはいませんか?本書では、情報デザイン設計の第一線で活躍する著者が、ユーザー視点に立った「本当に使いやすい」Webサイトを、○×形式でわかりやすく解説しています。 1 レイアウト・インターフェース(ファーストビューを意識しすぎて視認性が悪いすし詰めデザイン デザインばかりを優先して視線移動を無視した情報配置 ほか) 2 コンテンツ編集・設計(リピートユーザーにとって使い勝手が悪いメニュー構成 表現にこだわり過ぎてわかりにくい一覧メニュー ほか) 3 ユーザビリティ(初心者が元のページに戻りにくい新規ウィンドウ表示 機能を最大限に利用しきれないグルーバルナビ ほか) 4 サイト設計・マーケティング戦略(知りたい要素が直感的に見つけにくい表組み 要点が伝わりにくくユーザーを疲れさせる記事構成 ほか)

PhotoshopやIllustratorでのデータの正しい作り方、納品するときの指示方法など、Webデザイナーとして"やるべきこと"と"やってはいけないこと"をまとめた、Webデザインの新しいルールブック。 INTRODUCTION Webサイトをデザインするということ 1 Webデザインの基本的なルール 2 コーディングに困るデザインデータとは 3 わかりやすい納品データの作り方 4 Photoshopの上手な使い方 5 Illustratorの上手な使い方

初心者向けデザインシリーズ「デザインの学校」から、「これからはじめる　Illustratorの本」が2022年の最新版に対応してリニューアルしました。「作例を作りながら学べる」「短期間で基本操作を習得できる」「大きな文字と画面で読みやすい」といった特徴はそのままに，最新バージョンでの操作に対応。現場のプロも利用する機能をわかりやすく学習することができます。「わかりやすいIllustratorの本はないかな？」「なるべく早くIllustratorをマスターしたい！」という皆さんに，最適な入門書です。 ■index Chapter1　イラストを描こう Chapter2　ロゴをつくろう Chapter3　名刺をつくろう Chapter4　地図をつくろう Chapter5　ポストカードをつくろう Chapter6　SNSのヘッダー画像をつくろう ■Chapter1　イラストを描こう 01 準備をしよう 02 四角形を描こう 03 円を描こう 04 星を描こう 05 自由な線を描こう 06 手書き風の線を描こう 07 色をつけよう 08 線を設定しよう 09 ドキュメントを保存しよう ■Chapter2　ロゴをつくろう 01 図形を変形しよう 02 図形を回転・反転しよう 03 グラデーションをつけよう 04 移動・複製しよう 05 文字を入力しよう 06 文字を図形にしよう 07 グループ化しよう ■Chapter3　名刺をつくろう 01 名刺の枠をつくろう 02 定規を設定しよう 03 ロゴを別のファイルからコピーしよう 04 ロゴを配置しよう 05 装飾を描こう 06 文字を入力しよう 07 整列させよう ■Chapter4　地図をつくろう 01 下絵を配置しよう 02 直線を描こう 03 曲線を描こう 04 折れ線を描こう 05 直線と曲線を組み合わせよう 06 線路を描こう 07 アイコンを配置しよう 08 マップを型抜きしよう ■Chapter5　ポストカードをつくろう 01 別名で保存しよう 02 パターンをつくろう 03 リボン風のタイトルを描こう 04 エリア内に文章を流し込もう 05 写真を図形で型抜きしよう ■Chapter6　SNSのヘッダー画像をつくろう 01 新規ドキュメントを作成しよう 02 背景を描こう 03 イラストを描こう 04 イラストを複製しよう 05 イラストを一括編集しよう 06 再配色で色を変更してみよう 07 装飾を描こう 08 文字に影をつけよう 09 Web 用に保存しよう

体系的に学ぶHTMLとCSSの仕様と実践 フロントエンドエンジニアはじめ、Web制作に関わっている人のためのHTML5／CSS3ガイドブックです。 HTMLとCSSの最新仕様を整理するとともに、現時点でどのポイントに留意して制作を進めていけばよいか、制作の現場で必要不可欠な情報をまとめました。 簡潔にして詳細な、制作現場に必携の1冊となっています。 Chapter 1 HTML Chapter 2 Webの作成とメタデータ Chapter 3 コンテンツのマークアップ Chapter 4 CSSの適用 Chapter 5 ボックスのレイアウト Chapter 6 フレキシブルボックスレイアウト Chapter 7 グリッドレイアウト Chapter 8 テーブル Chapter 9 テキスト Chapter 10 エンベディッド・コンテンツ Chapter 11 フォーム Chapter 12 特殊効果

服全体はもちろん、服のパーツについてもイラスト付きで詳しく解説。買い物やコーディネイト、イラストやデザインの参考にも役立つ。 欲しい服が頭に浮かんでも名前がわからない！ 他の人にイメージを伝えるためにはどう言えばいいの？ 服のデザインにはそれぞれ名称があります。スカートやパンツ、トップスなどの服全体はもちろん、襟や首回りの形、カフスなど、１枚の服のそれぞれのパーツにも実は呼び名があるのです。 本書では1135点のパーツそれぞれにイラストと解説が入っていますので、思い描くデザインを、イラストの形を見ながら探すことができます。「これってこういう呼び方をするんだ」という発見とともに、「何が元になって生まれたデザインなのか」また「デザインの特徴はどんなところなのか」など、楽しくファッションパーツが頭に入ってきます。また逆に、索引を使って名称からパーツを探すこともできるのでとても便利！ ショッピングやコーディネイトはもちろん、イラストやデザインの参考としても幅広く役立ちます。 首（ネックライン） 襟（カラー） 袖 カフス・袖口 トップス インナー スカート パンツ ワンピース セットアップ ベスト アウター 水着 レッグウェア 手袋 シューズ・靴 帽子 ヘアアクセサリー バッグ 小物 サングラス・眼鏡 部位・パーツ名・装飾 柄・生地 配色 索引

Webデザインの現場に立つその前に。日々、進化を続けるWebデザインの基本ノウハウを詰めこみました。 第1章 あのWebサイトの新人くん! 第2章 まずはここから!Webデザイン基礎の基礎 第3章 Webデザインの心強い味方!-これだけは知っておきたい制作ツール 第4章 Webサイトのプランニング-どんなWebサイトを作るのか考えよう! 第5章 CSSで美しいレイアウト!-避けて通れないソースコードの荒波を越えよう 第6章 デザインの幅を広げる12のテクニック-いろいろなテクニックを駆使してさらに魅力的なページに!

「集客したい」「売りたい」「稼ぎたい」を実現する Webライティングをノウハウをプロが教えます！ 「文章が書けない…」とお悩みの基本を覚えたい初心者はもちろん、 実際に結果を出すためのノウハウもふんだんに紹介しているので 会社のWeb担当者、ECサイトの店長、ブロガー、アフィリエイターまで ネットで使える文章作成術をマスターしたい人に最適な一冊です。 著者は、コンテンツマーケティングのジャンルで定評の株式会社グリーズ。 当社の既刊執筆書として、 「SEOに強い Webライティング 売れる書き方の成功法則64」や 「いちばんやさしい SEO 入門教室」などがある。 目次 1時限目　ライティング前の７つのチェックポイント　 2時限目　ライティングのテクニック（基礎編）～わかりやすく書く～ 3時限目　ライティングのテクニック（実践編）～伝わりやすく書く～ 4時限目　Webライティングの構成と見出し 5時限目　キャッチコピーを極める 6時限目　仕事をスムーズに進めるためのメール活用術 特別授業　先輩ライターに聞く、稼げるライターになるための秘訣とは？

デザイン思考が変えるあなたのくらし・しごと。日本インダストリアルデザイナー協会(JIDA)の編さんによるプロダクトデザインを学ぶ人の基礎知識決定版。プロダクトデザイン検定2級公式テキスト。 第1章 プロダクトデザインの背景 第2章 社会とプロダクトデザイン 第3章 プロダクトデザインとビジネス 第4章 デザインプロセス 第5章 ユーザ調査のための手法 第6章 コンセプト作成のための手法 第7章 視覚化のための手法 第8章 デザイン評価と科学的研究 第9章 マーケティングとデザイン 第10章 技術とデザイン

3色だけでおしゃれに決まる新発想の配色本。配色が苦手でも、センスに自信がなくても。たった“3色”でおしゃれな配色が完成する配色アイデアを多数収録。おしゃれな色の組み合わせがわからない、たくさんの色があると色選びに悩む、見栄えのよく、バランスよく配色がまとまらない・・・、そんな悩みを解決し、デザインに役立つ配色本です。

デザイナー、アートディレクターが知っておくべきタイポグラフィの基礎知識を、多数の具体例とともに丁寧に解説!第一線で活躍するプロが、あらゆる場面で愛用している文字(=情報)を美しく見せるための珠玉のテクニックを徹底詳解。タイポグラフィの根幹を支える、9つの基本レイアウトパターンと10種類の演出スタイルで、思いどおりのグラフィックを作り出す。 第1章 タイポグラフィの素材を知る(文字の種類 書体とフォント ほか) 第2章 基本的なテクニック(字間(アキ)を揃える 大きさを揃える ほか) 第3章 レイアウトスタンダード(余白と版画 文字要素を組み立てる ほか) 第4章 書体の選び方と演出スタイル(演出スタイルと書体選び 男性的な演出 ほか) 第5章 文字を作る(ロゴと書体の違い 文字の構成 ほか)

タイポグラフィにおける「レタースペーシング（文字間調整）」に焦点を当て、 今まで感覚的に処理されてきたレタースペーシングを論理的に考察し、 図と文章で丁寧に解説した書籍です。 誰もが悩むけれども正解がない、文字と文字の間の詰め具合、空け具合について、 デザイナーである筆者が具体的に解説。 ロゴタイプやタイトルのスペーシングに悩むすべての人にヒントを与えてくれます。 本書は3つのパートで構成されています。 最初に、レタースペーシングとは何か、基礎知識や観察方法を学びます。 次に和文、欧文、和欧混植の場合の具体的なスペーシングを理解します。 最後に、有名なロゴの実例を見ながらスペーシングを分析し、練習問題に挑戦します。 すべて見開き完結なので、どのページからでも読み進められます。 WEBやグラフィックの分野で ロゴタイプやタイトルのデザインをする方に必須の一冊です。 第１章 レタースペースとは何か？ 1-1 レタースペーシングのプロセス 1-2 レタースペースの正体 1-3 ワードスペースとの関係 1-4 スペースの種類と関係性 第２章 スペーシングの基礎知識を学ぶ 2-1 スペーシングの始めの一歩 2-2 文字の視覚的な中心を探す 2-3 文字の視覚的な端を探す 2-4 文字のパーソナルスペース 2-5 読み手の感覚差を知る 2-6 3文字スペーシング方法のまとめ 2-7 4文字以上の単語への発展 2-8 客観視のコツ 第３章 スペーシングの観察眼を鍛える 3-1 文字の形状を知る 3-2 文字列を「模様」として考える 3-3 同じ文字並びの扱い方 3-4 文字の上部と下部の違い 3-5 文字の量感・圧迫感を考慮する 3-6 ウェイトの変化による影響 3-7 文字サイズの違いによる影響 3-8 背景色の変化による影響 3-9 文字の周辺のスペースが与える影響 3-10 ゆったりさと窮屈さの特徴と違い 第４章 欧文のスペーシング 4-1 大文字で意識すべきこと 4-2 小文字で意識すべきこと 4-3 文字のスタイルとスペースの関係 4-4 スクリプト体のスペーシング 4-5 いろいろな合字 第５章 和文のスペーシング 5-1 ひらがな活字の特徴 5-2 縦組みと横組みのひらがな 5-3 和文を読むときの感覚 5-4 和文特有の文字の高さ 5-5 和文独自の黒みのムラ 5-6 難しい和文横組みのスペーシング 5-7 和文がスカスカする原因 5-8 横組みを配慮したフォント 5-9 小書き文字のスペーシング 5-10 センテンスのスペーシング 5-11 縦組みのスペーシング 第６章 和欧混植のスペーシング 6-1 和欧混植とは 6-2 最適な文字サイズとベースライン 6-3 既存フォントの観察 6-4 ワードスペースの影響 6-5 トラッキング時の注意点 6-6 文字の比率調整による効果 第７章 実例から学ぶスペーシング TORAYA、MEVIUS、HIBIKI、キユーピー マヨネーズ、明治おいしい牛乳、ほか 第８章 スペーシングの練習問題集 図形、欧文、和文、和欧混植

『世界一わかりやすいIllustrator 操作とデザインの教科書』は、Illustratorをマスターする教科書としては個人だけでなく、PCスクールや専門学校、大学の教科書としても数多く採用されており、おかげさまで定番の一冊となりました。本書は、最新のIllustrator 2020に対応して内容を更新した改訂3版です。対応バージョンはIllustrator 2020。本書では、アプリケーションの基本をきちんとマスターできるように、覚えておかないといけない機能、使い方を飽きさせないように短いセンテンスで解説していき、全部で15のレッスンを用意してます。全ページをマスターしたらアプリケーションに関しての基本的な操作は理解できるようになります。基本操作を覚えておけば、プロの現場に出ても、さまざまな要求に応えることができます。学習に必要なサンプルファイルはダウンロードサービスで入手できます。 はじめに 本書の使い方 レッスンファイルのダウンロード Lesson 01　Illustratorの基本 011 1-1 Illustratorの基礎知識 1-2 ファイルの作成・保存 1-3 Illustratorの基本操作 Lesson 02　図形を描く 2-1 四角を描く 2-2 円を描く 2-3 多角形を描く 2-4 星形を描く 練習問題 Lesson 03　線を描く 3-1 直線を描く 3-2 曲線を描く 練習問題 Lesson 04　フリーハンドで描く 4-1 フリーハンド系ツールの概要 4-2 鉛筆ツールで描く 4-3 ブラシで描く 4-4 塗りブラシツールと消しゴムツール 4-5 パスの単純化 練習問題 Lesson 05　オブジェクトの変形 5-1 オブジェクトの選択 5-2 オブジェクトの変形 5-3 アンカーポイントとハンドルの操作 練習問題 Lesson 06　オブジェクトの編集 6-1 レイヤーを使う 6-2 オブジェクトの複製 6-3 きれいに整列させる 6-4 複数オブジェクトの扱い 練習問題 Lesson 07　オブジェクトの合成 7-1 パスファインダーパネルによる合成 7-2 シェイプ形成ツールによる合成 7-3 複合パスで穴を開ける 7-4 クリッピングマスク 練習問題 Lesson 08　色の設定 8-1 色を設定する 8-2 グラデーションを使う 8-3 パターンを使う 8-4 アピアランスパネル 8-5 オブジェクトを再配色 練習問題 Lesson 09　線の設定 9-1 線を設定する 9-2 線幅ツールを使う 9-3 ブラシの適用 9-4 線を変形する便利な機能 練習問題 Lesson 10　文字を扱う 10-1 文字を入力する 10-2 文字を編集する 10-3 文字のレイアウト 10-4 段落スタイル 練習問題 Lesson 11　透明の設定 11-1 オブジェクトの不透明度 11-2 フェードアウト 11-3 描画モード 練習問題 Lesson 12　リアルなデザインのための機能 12-1 3D効果で立体感を出す 12-2 グラデーションメッシュ 12-3 画像トレース 12-4 遠近グリッド 12-5 シンボル 練習問題 Lesson 13　表やグラフを描く 13-1 表を描く 13-2 グラフを描く 13-3 特殊なグラフを描く 練習問題 Lesson 14　高度な変形 14-1 効果メニューによる変形 14-2 エンベロープ 14-3 ブレンド 14-4 類似オブジェクトの一括選択とグローバル編集 練習問題 Lesson 15　出力データの作成 15-1 画像の配置 15-2 印刷用データの作成 15-3 Web素材データの作成 索引

デザイナーじゃない人こそ、知っておきたい！自社サイトを10倍売れるようになるＷＥＢデザインの極意。 デザイン知識ゼロからでＯＫ！ 「かっこいい」「おしゃれ」ではなく、徹底的に「売れる」にこだわるＷＥＢデザイン鉄板ルール。 顧客心理から逆算するデザインの思考法＆実践法。

SNSで大人気！ 上司のいないデザイナーのためのオンライン上司・上司ニシグチが 新米デザイナーの作品を赤ペン添削します。 クライアントの意図を読み解くアドバイスやデザイン的な改善ポイントを、 上司と部下の会話でわかりやすく解説。 頼りになる上司がいれば、 あなたのデザイン力もぐんぐん伸びること、間違いなしです！

「読者が納得し、行動したくなる文章」を書くコツがわかります。企画、SEO対策、取材、最後まで読ませる文章など。 ライティングにもう迷わない！ 執筆のコツから、読者の心を動かし、 行動を促すテクニックが1冊に 【本書のポイント】 ・Web特有の記事の書き方がわかる ・すぐに取り入れられるポイントを多数紹介 ・SEO対策や取材などライティング以外もしっかり解説 【こんな人におすすめ】 ・Webで記事を書いているフリーや企業のライター ・広報担当で記事を書いている人 ・ブログの発信力を強化したい人 ・書いた記事に反応がなくて悩んでいる人 【内容紹介】 Webにおける記事は気軽に読めることもあり、 読者が求めている記事でない場合は途中で簡単に閉じられてしまいます。 自身がメディアでアピールしたい内容を最後まで読んでもらい、 読んだ読者を行動に動かすことがWebライティングの大きな役割です。 本書ではWeb特有の執筆方法から、 構成の作り方、SEO対策や取材対策など 1冊でWebライティングの流れを解説します。 記事をなかなかクリックされない、途中で離脱されてしまう、 読んだ後に思うように行動に移してもらえないなどの問題解決のために、 Webライティングの流れとポイントをチェック・確認してみてください。 【本書の構成】 Chapter1 成果につながる記事を書くための「絶対の掟」 Chapter2 ゴールを外さないための「記事の企画」 Chapter3 執筆を楽にする「記事の骨組み」 Chapter4 記事の成果を決める「リード文」 Chapter5 読者の納得と行動を促す「本文・まとめ文」 Chapter6 記事の質を上げる「調整・推敲」 Chapter7 ここから押さえてほしい「SEOの基本」 Chapter8 結果を出せる「取材の進め方」 Chapter1 成果につながる記事を書くための「絶対の掟」 1-1 まずは記事を書く前に方向性を整理する 1-2 ざっくりとしたターゲットの確認 1-3 メディアのテーマを確認する 1-4 個別記事のテーマ設定 Column コミュニケーションにやわらかさを取り入れる Chapter2 ゴールを外さないための「記事の企画」 2-1 記事テーマの優先度を決定する 2-2 記事の詳細なターゲットを考える 2-3 最も伝えたいメインメッセージ 2-4 読者にしてほしいアクションを確認する Column ライティングを学ぶことで仕事の選択肢も広がる Chapter3 執筆を楽にする「記事の骨組み」 3-1 記事は「骨組み」から考え始める 3-2 よく使う文章の型では難しい場合 3-3 埋めるだけで成果につながるPiREmPa 3-4 PiREmPaで作った骨組みを仕上げる 3-6 見出しを作るときの4つのポイント 3-5 記事をよくするための自問自答 Column ヒストリー01：副業ライターをスタート Chapter4 記事の成果を決める「リード文」 4-1 リード文とは見出しや目次前の冒頭文 4-2 リード文の書き方のポイント Column ヒストリー02：仕事の獲得 Chapter5 読者の納得と行動を促す「本文・まとめ文」 5-1 本文の書き方 5-2 一文を短くする 5-3 接続詞の適切な扱い方 5-4 自分の主張を抵抗なく受け入れてもらう 5-5 読者が動きたくなるテクニックbr />5-6 まとめ文の役割 5-7 まとめ文の書き方 5-8 成約率を跳ね上げるブリッジライティング 5-9 シェアされるための仕込み Column ヒストリー03：独立・ライターとして意識していたこと Chapter6 記事の質を上げる「調整・推敲」 6-1 情報と余白を使って読みやすくする 6-2 語尾で全体のリズムを整える 6-3 間違いやすい日本語に気をつける 6-4 「正しいが伝わりにくい文章」は避ける 6-5 タイトルの基本とコツ（汎用） 6-6 推敲の仕方 Column ヒストリー04：組織化で総合力を拡大 Chapter7 ここから押さえてほしい「SEOの基本」 7-1 SEOは検索エンジンの仕組み 7-2 SEOライティングの本質論 7-3 記事テーマ（キーワード）の選定方法 7-4 「SEO的な」リサーチをする 7-5 SEO記事の骨組みを作る 7-6 本文の執筆をする 7-7 「SEO的な」タイトルの付け方 7-8 プチ取材をする Column 単なる妄想で終わらせない「ペルソナ」の考え方（ターゲット選定応用編） Chapter8 結果を出せる「取材の進め方」 8-1 取材企画の立て方 8-2 相手のアポを打診する 8-3 質問リストを準備する 8-4 取材の仕方 8-5 取材記事の書き方 Column コンテンツのリサイクルと変換（コンバート）

楽しくやさしく基本から応用まで学べる入門書。特に大事な「レイヤー／フィルター／ツール」についての解説が充実している。 ◆Photoshopの本当に必要な基本を 楽しく独学できる！◆ 「Photoshopを始めようと思ったのにソフトを開いたら 何をどうしていいのかわからなくて、適当に操作した」 「なんとか目的の画像は作れたけれど、 何をどうしてそうなったのかわからない」 「勉強したけれど、レイヤーマスクが何か、 クリッピングマスクと何が違うのかわからない」 そんなことはありませんでしたか？ それは「基本がわからない」からです。 Photoshopには数えきれないほど たくさんの機能があって そもそもどこが「基本」なのかもあいまいです。 そうなるとドツボに入ってしまいます。 Photoshopには 「レイヤー」「フィルター」「ツール」という 基本の3つの力があります。 この3つの機能を最低限きちんと理解できれば、 ラクに使いこなせるようになります。 ◆実践で使える実用的なテクニックも！◆ レイヤー・フィルター・ツールという Photoshopを使いこなすための3つの力は、 組み合わせて使わなければ効果を発揮しません。 後半の実践編では組み合わせて使う練習として フォトグラファーが撮った写真を補正加工するときや デザイナーが写真を組み合わせてデザインをするときに 役立つ実用的なテクニックも盛り込みました。 ◆著者はSNSで人気の教育系YouTuber、Mappy Photo えりな＆たじ◆ 著者はYouTubeチャンネル登録数7万、 再生総回数450万回越え（2022年7月現在） 大人気のPhotoshop教育系YouTuber。 連動した動画もQRコードから 見ることができます。 誌面では著者の分身である 「ちびえりな」「ちびたじ」の2人がナビゲート。 一緒に楽しく学べます。 ◆学び直しにも最適◆ 何となくPhotoshopを使っているけれども、 応用が難しいとモヤモヤしている方の 学び直しにも最適です。 今度こそ自分の作りたいものを 自由に作れるようになりましょう。 必要な部分をしっかり学び、応用もできるようになる。 これまでなかったPhotoshop入門書です。 STEP1　Photoshopの超基本 STEP2　3つの力を手に入れよう～1つ目の力『レイヤ』～ STEP3　3つの力を手に入れよう～2つ目の力『ツール』～ STEP4　3つの力を手に入れよう～3つ目の力『フィルター』～ STEP5　フォトグラファー向け実践練習 STEP6　デザイナー向け実践練習

ユーザーに選ばれるWEBサイトづくりに重要なのは「使い勝手」や「見た目」だけでなく、訪れたときの「満足感」。 200社以上の企業のCVRを向上させたスペシャリストが「UI/UXデザイン」を基礎から解説 ビジネスにおけるWEBサービスの重要性が年々増し、担当者に求められるレベルが高まっています。 「WEB担当になったけれど、何から手をつけたらいいのか分からない」という方のために、 これまでUI/UXデザインにより200社以上のCVR改善に貢献してきた著者が、初心者にもわかりやすく解説。 使い勝手や見た目(UI=User Interface)を整えるのはもちろん、 その先にある「分かりやすさ」「心地よさ」や、 コンテンツおよびサービス全体を通じて得られる 「満足感」といった体験(UX=User Experience)を充実させることによって可能となる、 “ユーザーに選ばれる魅力的なサービスづくり"の基本から応用まで提案します。 --------------------目次-------------------- はじめに UI/UXの違いを理解する 原則1【:HOW】ユーザー心理/行動をとらえる 「ユーザー心理/行動に則って考える」ことがUI/UXデザインの第一歩である 原則2【:HOW】どう改善するか 「ユーザー真理/行動」をUI/UXデザインに落とし込む 原則3【:HOW】どう改善するか〈体制とプロセス〉 UI/UXデザインにおける三方良しをつくる 原則4【:応用編】 UI/UX思考でこれからのビジネスをデザインする おわりに

FireworksとDreamweaverを使ってデザインからコーディングまで1冊でマスター。画面の設計からパーツ制作、マークアップ、CSSコーディングまでWebデザインのワークフローを全部学べる。 1 Webデザインの基本(Webサイトが出来るまで) 2 ワイヤーフレームの設計(ワイヤーフレームの設計 ワイヤーフレームを作る ワイヤーフレームのバリエーション) 3 デザインの制作(デザインの制作 「Kuler」でカラースキームを設計する ワイヤーフレームに沿って全体のベースを作る ほか) 4 コーディング(HTMLとCSSの役割 Dreamweaverを使う マークアップ ほか)

これからPhotoshop操作を学びたい初心者向けの学習書として好評の「これからはじめるPhotoshopの本」の、2020年最新版が登場です。写真の補正やトリミングはもちろんのこと、写真の合成や加工、ポストカードの作成まで、Photoshopの基本的な操作をひととおり学ぶことができます。サンプルファイルもついているので、実際に試しながら学習を進めることができます。大きくて見やすい誌面も魅力的。Photoshopを始めてみたいと思ったときの、最初の本としておすすめの1冊です！ Visual Index 本書の特徴 本書で作る作例 サンプルファイルの利用～DVDの場合 サンプルファイルの利用～ダウンロードの場合 Photoshopの体験版インストール ●第1章 Photoshopの基本操作を知ろう Visual Index 01 Photoshopを起動・終了しよう 02 ファイルを開こう 03 Photoshopのツールを選ぼう 04 パネルを操作しよう 05 画面を拡大・縮小しよう 06 操作を取り消そう 07 ファイルを保存しよう ●第2章 写真を補正しよう Visual Index 01 写真の明るさを補正しよう 02 写真の色味を補正しよう 03 写真の彩度を補正しよう 04 写真をモノクロに補正しよう ●第3章 写真を加工しよう Visual Index 01 写真の一部を切り抜こう 02 写真の余分な要素を削除しよう 03 写真に写っているものをコピーしよう 04 写真の特定の色をガラリと変えよう 05 写真を油絵のように加工しよう ●第4章 写真の一部を選択して補正しよう Visual Index 01 暗い部分を明るく補正しよう 02 色域を指定して補正しよう 03 人物の肌をなめらかに補正しよう 04 特定のレイヤーを選んで補正しよう ●第5章 写真を合成しよう Visual Index 01 合成用の素材を切り抜こう～人物編 02 合成用の素材を切り抜こう～マカロン編 03 切り抜いた画像を配置しよう 04 人物とマカロンを馴染ませよう 05 背景と人物を馴染ませよう ●第6章 ポストカードを作ろう Visual Index 01 画像素材を用意しよう 02 ポストカードのベースを作ろう 03 黒板の画像を配置しよう 04 カフェのロゴを作ろう 05 ポストカードの見出しを作ろう 06 ポストカードに本文を入力しよう 07 かんたんな地図を作成しよう 08 作ったポストカードを自宅で印刷しよう

Web制作に必要な実践の知識が身につく！ 【全国の書店員さんがオススメする本（2021年度 CPU大賞）第1位受賞!】 【前人未到、2冊連続で書店員さんから大賞に選ばれる快挙！】 読者の圧倒的な支持！シリーズ35万部突破の大ヒット! Web制作に必要な一歩進んだWebサイト制作の知識が一気に学べる！ ---------------------------------------------------------------------------- Web界隈やデザイナーに大人気! Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の管理人、 Manaによる渾身のHTML & CSSとWebデザインの実践知識が一気に学べる本 ---------------------------------------------------------------------------- ほんの一手間で劇的に変わる！ 一歩進んだWebサイト制作の知識が一気に学べる！ ・5つのサイトから学べる！今のWebサイトを作る最新の技術群 ・自由な表現ができる！手描き、斜め、グラデーション、あらゆる装飾の作り方 ・今日から使える！表とグラフ、アニメーションなど、JavaScriptライブラリ ・動画、カスタム変数、Emmet、Sass、問題解決の知識まで WebクリエイターボックスのManaが教える Webサイト制作の実践＆旬のスキル。 思い描いているものを形にできる魔法の1行が必ず見つかる！ コードも、デザインも、時短術も、全部学べる！ ●本書の対象読者 ・HTMLとCSSの基礎学習までを終えた人 ・Webサイト制作のワンランク上のスキルを学びたい人 ・自由な装飾表現を用いてWebデザインを作りたい人 ・アニメーションなど動きがあるサイトを作りたい人 ・練習問題やお題に挑戦し、成果を皆と共有したい人 ・効率よくコードを記述できる方法を知りたい人 ・独学で困った際などの問題解決法を学びたい人 CHAPTER 1 最初に知っておこう！Webサイトの基本と必携ツール 1-1 Webページの仕組み 1-2 HTMLの基礎 1-3 HTMLの属性 1-4 CSSの基礎 1-5 より管理しやすいCSSについて 1-6 JavaScriptの読み込みの仕方 1-7 ブラウザーによる見え方の違い 1-8 デベロッパーツールを使いこなす 1-9 次章以降で学ぶこと CHAPTER 2 「レスポンシブWebデザインとフォント」 2-1 作成するランディングページの紹介 2-2 シングルカラムのレイアウトとは 2-3 全画面背景で目を引くデザインの実現 2-4 フォントの詳しい使い方 2-5 アイコンフォントの使い方 2-6 スマートフォンでの閲覧に対応させる 2-7 ブレークポイントの詳細 2-8 表示領域にピタッと移動する方法 2-9 練習問題 2-10 カスタマイズしよう CHAPTER 3 ブログサイトで学ぶ「装飾とカラムレイアウト」 3-1 作成するブログサイトの紹介 3-2 2カラムのレイアウトを知る 3-3 異なる画面サイズの閲覧に対応させる 3-4 各要素を装飾する①（見出し・画像・ボタン） 3-5 各要素を装飾する②（箇条書きリスト・番号付きリスト） 3-6 各要素を装飾する③（引用文・ページ送り・囲み枠） 3-7 各要素の装飾④（ヘッダー・フッター・ナビゲーション・表・フォーム） 3-8 スクロールに合わせて追従させる 3-9 練習問題 3-10 カスタマイズしよう CHAPTER 4 コーポレートサイトで学ぶ「表組み、フォーム、JavaScript」 4-1 作成するコーポレートサイトの紹介 4-2 枠からはみ出す要素を作る方法 4-3 グラフでもっとわかりやすくする 4-4 画像とテキストを互い違いに表示させる 4-5 表でデータを示す 4-6 タイムラインを表示する 4-7 フォームの装飾 4-8 属性セレクター 4-9 練習問題 4-10 カスタマイズしよう CHAPTER 5 イベントサイトで学ぶ「特定ページの作り方とアニメーション」 5-1 作成するイベントサイトの紹介 5-2 CSSでページ内をスルスル動かす 5-3 ブレンドモードで画像の色を変える 5-4 カスタムプロパティ（変数）を使う 5-5 CSSでアニメーションをつける（トランジション） 5-6 CSSでアニメーションをつける（キーフレーム） 5-7 斜めのラインのデザインを作る 5-8 グラデーションで表現する 5-9 スライドメニューを設置する 5-10 練習問題 5-11 カスタマイズしよう CHAPTER 6 ギャラリーサイトで学ぶ「動画と画像の使い方」 6-1 作成するギャラリーサイトの紹介 6-2 背景に動画を設置する 6-3 画像をレスポンシブに対応させる 6-4 マルチカラムでレイアウトを作る① 6-5 マルチカラムでレイアウトを作る② 6-6 フィルターで画像の色を変える 6-7 カーソルを合わせると画像を拡大する 6-8 要素に影をつける 6-9 ライトボックスで画面いっぱいに表示する 6-10 アニメーションを加える 6-11 ダークモードに対応させる 6-12 練習問題 6-13 カスタマイズしよう CHAPTER 7 HTMLやCSSをより早く、より上手に管理できる方法 7-1 Emmetを使って素早くコーディングする 7-2 calc関数で計算式を書く 7-3 Sassを使って効率を上げる 7-4 VSCodeでSassを利用する 7-5 ネストを使いこなす（Sassの便利な使い方①） 7-6 パーシャルでファイルを分割する（Sassの便利な使い方②） 7-7 スタイルを使い回せるMixin（Sassの便利な使い方③） CHAPTER 8 サイトの投稿と問題解決 8-1 チェックリスト一覧 8-2 エラーメッセージを読み解く 8-3 制作に関する質問ができるサイト

入門書のベストセラーが最新トレンドに対応 累計10万部のベストセラーが、現代のトレンドに対応して大改訂！ 1つのストーリーに沿ってWebサイト作りとHTML&CSSの基本がスラスラ学べる、入門書の決定版！ 第3版では現代のトレンドにあわせて制作するサイトを一新。PC・モバイル端末に対応したサイト作りの全手順を、図入りでとことん丁寧に解説しています。 これからWeb制作を始める人にも、HTML・CSSを学び直したい人にもおすすめの、充実の内容です！ 最新のHTML Living Standardに準拠。Windows/Mac対応。 Chapter01 Webサイト制作を始める前に 01 Webサイトとその構成要素 02 Webブラウザの機能と種類 03 Webサイトを公開するまで 04 制作に使うアプリのインストール Chapter02 HTMLの基礎 01 HTMLはWebページを制作するための言語 02 HTMLの基本的な書式 03 親子、子孫、兄弟 ～HTMLの階層関係 Chapter03 制作の準備と基本のHTML 01 Webサイト制作の準備 02 すべてのページに共通するHTMLタグ Chapter04 テキストの表示 01 見出し 02 段落 03 番号なしリスト（非序列リスト） 04 要素のグループ化 05 コメント文 06 ヘッダーにナビゲーションを設置 07 キーボードで入力しにくい文字の表示 08 テーブル（表） Chapter05 リンクと画像の挿入 01 サイト内リンクと相対パス 02 外部サイトへのリンクと絶対パス 03 ページ内リンク 04 画像の挿入 05 画像＋リンク Chapter06 CSSの基礎 01 HTMLの「見た目」を整えるCSS 02 CSSの基本的な書式 03 主なセレクタと書き方 04 CSSを書く場所 05 CSSファイルの作成とHTMLとの関連付け Chapter07 テキストのスタイル、背景色、ボックスモデル 01 CSSのコメント 02 ページ全体のフォントやテキストの設定 03 個別のテキストのスタイル変更 04 リンクテキストのスタイル 05 テキストと画像の行揃え 06 背景色の設定 07 ボックスモデル① マージンとパディング 08 ボックスモデル② ボーダー 09 メインコンテンツを中央揃えに 10 画像の伸縮 Chapter08 スタイルの上書き、フレックスボックス、テーブルの整形 01 スタイルの上書き 02 繰り返す背景画像 03 デフォルトCSSの調整 ～リストの「・」をなくす 04 ナビゲーションを横に並べる 05 繰り返さない背景画像 06 背景画像の表示方法を調整 07 テーブルの整形 Chapter09 2ページ目以降のHTMLとグリッドレイアウト 01 ホームページ以外のファイルを作成 02 各ページにヒーロー画像を表示する 03 番号付きリスト ～アクセスページのHTMLを編集 04 メニューページのHTMLを編集 05 メニューページのスタイルを設定 Chapter10 フォームを使うページの作成 01 フォームの基礎知識 02 お問い合わせページの概要 03 フォーム全体の親要素 04 セレクトリスト 05 ラジオボタンとチェックボックス 06 テキストフィールド 07 テキストエリア 08 送信ボタン 09 ラベル 10 フォームのスタイル 11 送信ボタンのスタイル Chapter11 モバイル端末に対応する 01 レスポンシブデザイン 02 ビューポートの設定 03 メディアクエリとブレイクポイント 04 ナビゲーションを調整 05 メインコンテンツの左右にスペースを作る 06 ホームページのヒーロー画像のサイズを調整 07 メニューページの列数を変更 Chapter12 Webサイトを公開する 01 Webサイト公開までの準備 02 Webサーバーに接続 03 ファイルのアップロード 04 Webサイトの最終確認

『レイアウト、基本の「き」』の内容をより役立つよう見直し、20ページ以上増補して新たな本として生まれ変わりました。 0 レイアウトを「見」てみる 1 全体構成を考える 2 書体について考える 3 写真やイラスト 4 チャート、地図、表、グラフ 5 色の選び方、配色

好評発売中の初心者向けデザインシリーズ「デザインの学校」がリニューアルしました。「作例を作りながら学べる」「短期間で基本操作を習得できる」「大きな文字と画面で読みやすい」といった特徴はそのままに、作例や内容がグレードアップ。現場のプロもお墨付き！の内容になっています。「わかりやすいIllustratorとPhotoshopの本はないかな？」「なるべく早くIllustratorとPhotoshopをマスターしたい！」という皆さんに、最適な入門書となっています。 ■Chapter 0　IllustratorとPhotoshopの初期設定と基本操作 アプリケーションの起動 新規ドキュメントの作成 作業環境の初期設定 ツールパネルの基本操作 パネルの基本操作 画面の拡大と縮小 操作の取り消しと画面の初期化 ファイルの保存 ■Chapter 1　基本図形でかんたんな絵を描こう～Illustrator 正円を描いてみよう 楕円を描いてみよう 描いた図形を拡大／縮小してみよう 正三角形を描いてみよう 描いた図形を回転させてみよう 描いた図形を複製してみよう 図形の一部だけを消してみよう 図形を合体して不要な部分を消してみよう 色を塗ったり線の太さを変えたりしてみよう ■Chapter 2　キャラクターのイラストを描こう～Illustrator 下絵の写真を配置してみよう 下絵に線を描くためのレイヤーを追加してみよう ［鉛筆］ツールの設定をしてみよう 描く線の設定を変えてみよう ［鉛筆］ツールを使ってトレースしてみよう ■Chapter 3　キャラクターのイラストに色を塗ろう～Illustrator 利用する配色をインターネット上から見つけてみよう ［ライブペイント］ツールを使って着色してみよう はみ出た線を削除してみよう 完成したイラストを［CCライブラリ］に登録しよう ■Chapter 4　店名ロゴタイプを作ろう～Illustrator 文字を入力してみよう 入力した文字のサイズを変更してみよう 入力した文字のフォントを変更してみよう 文字を自由な位置に動かして図形に変換してみよう ■Chapter 5　ロゴタイプに添えるマークを作ろう～Illustrator 2つの図形を整列させてみよう 前の図形で後ろの図形を型抜きしてみよう パーツをグループ化してみよう マークを動きのあるかたちにしてみよう ■Chapter 6　写真編集の基本を知ろう～Photoshop 写真のいらない部分を消去してみよう 写真の色味を修整してみよう 写真の一部分だけ選択して保存してみよう 選択した範囲の明るさを修整してみよう ■Chapter 7　写真編集の次のステップを学ぼう～Photoshop 写真の足りない背景を補ってみよう 写真の一部をコピーしてみよう 写真の一部を逆向きにしてみよう お皿に落ちた影を消してみよう 完成した写真を［CCライブラリ］に登録してみよう ■Chapter 8　写真を切り抜いて合成しよう～Photoshop 写真内の人物を機嫌がよい顔にしてみよう 切り抜く範囲を自動で選択してみよう 細かい部分をきれいに切り抜いてみよう 切り抜いた画像を別の写真に合成してみよう レイヤーを色で塗りつぶしてみよう 服の色を変えてみよう ■Chapter 9　制作したパーツをレイアウトしよう～Illustrator&Photoshop 正確なサイズの枠を作ってみよう ガイドを作成してみよう ［ブラシ］ツールで模様を描いてみよう 模様からパターンを作成してみよう 背景をパターンで塗りつぶしてみよう メインの写真を配置してみよう サブの写真を入れる枠を描いてみよう サブの写真を配置してマスクをかけてみよう ロゴマークとイラストを配置してみよう テキストを配置してみよう 完成したメニューを画像として書き出してみよう

HTML&CSSで表現するシンプルで使いやすいデザイン。 本書は、著者がこれまでに発信してきたWeb制作Tipsを一冊にまとめて、具体的な実装方法を解説した書籍です。 ・HTMLやCSSの基礎を学んできて、次のステップを踏みたい ・独学で学んできたので、他人のコードを見てみたい ・無駄なコードを省き、短縮化させたい ・よく見かけるあのデザイン、どう実装すればいいのか分からない このような方を対象として「デザインを見ただけで必要なHTMLタグとCSSコードをイメージし、実装できるようになる」をテーマに、Twitterでは紹介しきれなかったデザインアイデアを画像とともに詳しく解説するのが本書の役割です。 Web制作でよく使われる「背景・画像・写真装飾」「見出しやテキストの装飾」「レイアウト」「ボタンデザイン」と4つのデザインカテゴリーをメインに、お問い合わせフォームのUI、Google検索結果ページに反映する構造化データの書き方、デザインやコーディングを便利にするウェブサービスの紹介など、Web制作の現場で活用できる情報を詰め込んでいます。 ■本書の特徴 1．用途に合わせたデザインパターンを70種紹介 カテゴリーごとに豊富なデザインパターンを掲載しました。 シンプルで使いやすいデザインを網羅したので、現場ですぐに使えます。 2．デザインに合わせたコーディングが学べる デザインに合わせた最適なコードを本書では紹介しています。 コードの短縮化やモダンブラウザの新旧バージョンへの対応も解説しています。 3．サンプルコードですぐに実装できる 本書で紹介したコードはすべて購入者特典で配布します。 どなたでもすぐにデザインを実装できます。 ■本書の構成 Chapter1　背景・画像・写真装飾 Chapter2　見出しやテキストの装飾 Chapter3　レイアウト Chapter4　ボタンデザイン Chapter5　お問い合わせフォーム Chapter6　現場で使えるWebツールと素材配布サイト Chapter7　Google検索結果ページへの対策 Chapter1　背景・画像・写真装飾 Chapter2　見出しやテキストの装飾 Chapter3　レイアウト Chapter4　ボタンデザイン Chapter5　お問い合わせフォーム Chapter6　現場で使えるWebツールと素材配布サイト Chapter7　Google検索結果ページへの対策

Webデザインの作業フェーズ・業務シーンごとに、 「Adobe Photoshop」と「Adobe Illustrator」の 便利な使いこなし方やノウハウを解説する本です。 Webにまつわるビジュアルをより魅力的なものにするために、 あるいはWeb制作を効率的に行うために必要となるテクニックを 目的に沿って作例を用いながら解説します。 Webデザイン初心者、Webデザインに活動範囲を 広げたいと考えているグラフィックデザイナーはもちろん、 簡単な素材の制作や写真加工を行う必要があるプログラマーや コーダーにとっても有益な内容です。 Adobe Creative Cloud 2020/2019対応。 ※教材データはインターネットからダウンロードする必要があります。 【CONTENTS】 ●CHAPTER 1 Webデザイン+Photoshop+Illustratorの基礎知識 印刷物のデザインとは違ったセオリーやルールなど、 Webデザインの基礎知識について解説! ●CHAPTER 2 ワイヤーフレーム制作で使えるテクニック Webページに要素をどう配置するのかを表した大枠(ラフレイアウト)である 「ワイヤーフレーム」制作の際に役立つテクニックについて解説! ●CHAPTER 3 画像処理に使えるテクニック 印刷物のデザイン時にも活用できる基本的な画像の補正や加工から、 Webの機能を盛り込んだ表現まで幅広く解説! ●CHAPTER 4 パーツ制作で使えるテクニック アイコンやロゴ、囲み罫、背景パターン、バナーといった Webページを構成するパーツを効率よく制作する方法を解説! ●CHAPTER 5 カンプ制作で使えるテクニック 補正や加工を施した画像や、作成したパーツを組み合わせて デザインカンプとして仕上げる際に必要なテクニックを解説! ●CHAPTER 6 コーディン向けに使えるテクニック 編集・作成した画像、パーツ、デザインカンプなどをWebページに適した形式や、 コーディングに適した状態で書き出す際のテクニックについて解説!

王道こそ最短ルート。 一歩一歩、確実に。 JavaScriptをこれから始める人に一番初めに手に取って読んで欲しい。かつてJavaScriptで挫折したことのある人にもぜひ手に取って欲しい。そんなJavaScript入門の王道を行く入門教科書、決定版の誕生です。手を動かしてサンプルをひとつずつ作っていくことで、知識だけでなく、現場で活きる実践力・応用力が「この一冊で」身につきます。 ポイント１「サンプルが現実的。」 よくある“勉強のためのサンプル”を可能な限り排除し、「こういうの見たことある！」「こういうのが作ってみたかった！」というような、実際に仕事に使えそうなサンプルを集めました。なので、最初の「やるぞ！」というモチベーションを維持したまま、最後のページまで読み進めることができます。 ポイント２「初学者が知るべきことを完全網羅。」 内容のわかりやすさだけでなく、スタート地点・ゴール地点・スタートからゴールに至るまでの道筋、と全体の構成にもこだわりました。初学者が陥りがちなのは「まず何を知るべきか？」という悩み。本書では、はじめの一歩からスタートし、「ここだけはおさえてください！」「ここまでわかればOKです。」というように道筋を示しました。余計なところで悩まずに実習を進めていけます。 ポイント３「つまずきポイントを徹底カバー。」 初学者がつまずきやすい・挫折しやすいポイントを丁寧に拾って「これはどういうこと？」に対処する解説を用意しています。共感しながら読み進められる文章で「絶対に挫折しない・させない」内容に仕上げました。 1.1 JavaScriptってどういうもの？ 1.2 できることの具体的な例 1.3 JavaScriptは、「どこ」を「いつ」、「なにに」書き換えるかを記述する言語 1.4 HTML、CSSがらみの用語解説と基礎知識（確認のため） 1.5 用意するツール 1.6 学習の進め方 1.7 テンプレートを作成する 2.1 console 2.2 JavaScriptの読み込み 2.3 ダイアログを開く 2.4 HTMLを操作する 3.1 if 3.2 変数 3.3 elseif 3.4 比較演算子 3.5 論理演算子 3.6 for文による繰り返し 3.7 while文による繰り返し 3.8 ファンクション 3.9 四則演算子（%） 3.10 配列 3.11 オブジェクト（連想配列） 4.1 フォームの入力内容を取得する 4.2 12時間時計 4.3 日付のプルダウンメニュー 4.4 桁数合わせ 4.5 小数点以下第◯位切捨て 4.6 3桁ごとにカンマで区切る 5.1 イメージの切り替え 5.2 配列をもとに画像を差し替える 5.3 カウントダウンタイマー 5.4 言語選択プルダウンメニュー 5.5 相性占い 5.6 ユーザーの操作情報を保存する 5.7 座席指定をする 6.1 まずは使ってみよう 6.2 ボックスの開閉 6.3 サイドバーメニュー 6.4 アコーディオン 6.5 スライドショー 6.6 フォームのバリデーション（必須入力チェック） 6.7 テンプレート 7.1 RSS解析→出力 7.2 JSON+Ajax 7.3 Instagram

新人デザイナー、社内デザイン担当者の方向けのPhotoshop、Illusutratorガイド。ポスター、Webバナーなど実際の業務での制作物を前提に、ソフトの画面の見方からデータの作り方、データの書き出し、印刷入稿方法、デザイン知識まで、現場のリアルな仕事を解説。多忙で質問しにくい職場や在宅ワークでまさに先輩代わりとして役立ちます。習得チェックテストもあるので、覚えられていないところが丸わかり。Photoshop、Illustratorの他、InDesign、Bridge、Acrobatといった業務に欠かせないソフトも解説。ダウンロードデータ付き。

第一線のアナリストが教える施策ごとの分析方法と改善策。打つべき一手がこれで見える!なかなか読めない貴重な改善事例も満載! 1 改善ポイントの見つけ方(ゴールとKPIの設計1-ゴールを設計する ゴールとKPIの設計2-目標からKPIへの落とし込み ほか) 2 項目別の改善策とノウハウ(自然検索・リスティング メールマガジン ほか) 3 分析結果の活用方法(分析結果を改善に活かす PDCAサイクルの見直し ほか) 4 Googleアナリティクスの主要機能と情報リソース(本書でよく登場した分析方法の設定 Googleアナリティクスに関する情報リソース)

【カッコいいレイアウトを目指すなかれ】 デザイナーの初仕事、レイアウトを任されたらどうやってつくったらいいでしょう。 クールなレイアウトのサンプル集や作品集を見て自分もこんなのをつくりたい、真似したいと思います。 レイアウトデザインはカッコいいクールな物が良いデザインでしょうか。デザイナーはその前に考えることがあります。 大切なのはレイアウト発信側と受けてのイメージを一致させることです。 届けたい情報を届けたい相手に正確に自然に送り込む、しかも無意識に反応してくれたなら、レイアウトは成功です。 これが共感されるレイアウトです。本書はカッコいいレイアウト集ではありません。 レイアウトの本質を論理的に理解する教科書です。 ​ 【自分で組み立てられてナンボです。】 デザイン教育を受けて造形感覚を磨いてきた人は特に美しい物、カッコいいものに敏感です。 しかしそれらの表現を真似てもいいレイアウトはできません。 受け手の共感ゾーンにいないからです。共感されなければ売り上げを伸ばすこともできません。 共感を得るには受け手の求めるイメージを正確に表現することです。 本書ではレイアウトの骨格づくり、エレメントの使い方を実例を見ながら組み立てていきます。 ここまで学んでくると、カッコいいレイアウトの意味も理由も理解でき、真似ではなく自分で組み立てられるようになります。 ​ 【レイアウトの専門用語がそのままマニュアル】 まずレイアウトをする前に「レイアウト様式」を狙うイメージに合わせて選びます。 この様式を誤るとイメージは伝わらず、情報は届きません。 「視覚度」訴求力を画像のインパクトの強さで表すこと。写真やイラストの表現で同じ大きさでも訴求力は違います。 「図文率」画像と文章の占める割合。高ければよりカジュアルに、低ければ堅苦しくなります。 「文字のジャンプ率」本文を基準に、もっとも大きなタイトルや見出しとの大小比。 「写真のジャンプ率」同じように大小比。ジャンプ率が高いほど活気が出る。低いほど上品なイメージ。写真の場合はここにトリミングのルールを絡めて考える。 「グリッド」レイアウトの様式と関係している文字の段組の拘束が高い組か、低い自由な組か。高いほど誠実さを表し、低いほど優しく自由、楽しさが表せる。 「版面率」誌面に対する文字や画像の割合。余白量。版面率が高ければ余白は少なく版面率が低ければ余白は多く上品なイメージになる。 本書はひたすら目標を共感に絞って読者が迷わないように系統立ててレイアウトの作法をマニュアル化しました。 これらの専門用語を使いこなすことでレイアウトを自在に操れるようになります。 本書はひたすら目標を共感に絞って読者が迷わないように系統立ててレイアウトの作法をマニュアル化しました。 第1部 様式を選ぶ 　1日目 様式効果とは・視覚度・図版率 　2日目 文字のジャンプ率・写真のジャンプ率 　3日目 グリッド拘束率・版面率 　4日目 構成の3原型・書体のイメージ 第2部 形を整える 　5日目 主役を明示する・準主役は離す 　6日目 群化・あいまいは不安・流れを整理する・余白は主役の領地・四隅をおさえる・版面線を利用する 　7日目 リズム・対比・アクセント・比例・バランス・融合

Web制作者の圧倒的な支持を集めたナンバーワン入門書がついに改訂！　HTML5や最新のjQuery 1.9に対応し、スマートフォン用サンプルも追加しました。基礎から実践的なUI制作まで身に付きます！ Web制作者の圧倒的な支持を集めたナンバーワン入門書がついに改訂！　HTML5や最新のjQuery 1.9に対応し、スマートフォン用サンプルも追加しました。基礎から実践的なUI制作まで身に付きます！

基本を知るための「リファレンス編」と 現場のスキルを学べる「プラクティス編」が一冊に！ 【本書はFigma日本語版に対応しています】 本書は、Figmaを使ってUIデザインをゼロから学べる本です。 「写真投稿アプリ」を題材に、実際のワークフローに沿ってアプリのデザインを作成します。 UIデザインの基礎知識はもちろん、Figmaならではの効率的なテクニックや エンジニアとのコミュニケーションを円滑にする方法など、 リアルな現場の情報を織り交ぜながら初学者の方が最初の一歩を踏み出せる構成になっています。 また、プロトタイピング、プラグイン、アニメーションなどにも踏み込んで解説しており、 Figmaを使ったことのある人にも活用いただける一冊です。 ［本書の特長］ ・Figmaの機能を網羅的に学習し、なおかつ実践方法も学べる ・基本操作に加え、生産性を上げる効率的なテクニックが身につく ・エンジニアが実装しやすいようなデザインを作成できる ［こんな方にオススメ］ ・Figmaをはじめて使う方 ・UIデザイナーを目指す方 ・エンジニアとの連携を改善したいデザイナー ・開発ツールとしてのFigmaを学びたいエンジニア ・現場のワークフローを把握したいマネージャー ［目次］ ・Introduction アプリ開発の工程、企画の確認など ・Chapter 1 基本的な操作 ・Chapter 2 生産性を上げる機能 ・Chapter 3 ワイヤーフレームを作成する ・Chapter 4 プロトタイプを作成する ・Chapter 5 詳細デザインを作成する ・Chapter 6 デザインのハンドオフ ・Chapter 7 ノンデザイナーのためのFigma ・Introduction アプリ開発の工程、企画の確認など ・Chapter 1 基本的な操作 ・Chapter 2 生産性を上げる機能 ・Chapter 3 ワイヤーフレームを作成する ・Chapter 4 プロトタイプを作成する ・Chapter 5 詳細デザインを作成する ・Chapter 6 デザインのハンドオフ ・Chapter 7 ノンデザイナーのためのFigma

和文フォント1768書体。使用イメージが分かる!実例222作品付きフォト見本帳。 モリサワ ヒラギノフォント タイプバンク アプリケーション付属フォント 游書体ライブラリー フォントワークス 白舟書体 イワタ ニィスフォント カタオカデザインワークス エイワン ダイナフォント FONT1000 OTHERS

特集：ロゴ＆マークのつくり方。 特集：ロゴ＆マークのつくり方。 ロゴ＆マークが溢れている時代だ。 グラフィックデザインのプロだけでなく、アマチュアやセミプロまでが入り混じりロゴ＆マークの世界をカタチづくっている。 現代の風景のどこを切っても、かならずロゴ＆マークを見つけることができるだろう。 そんな混沌とした中で、ロゴ＆マークに求められるものとは何だろう。 目立つために、ただひたすら大声を上げるだけでいいのだろうか。 上質で知的な印象を醸し出すための必要条件とは。 信頼と安心を感じるポイントは、どこに注目すれば良いのか。 瞬間最大風速で強烈な印象を巻き起こすロゴ＆マークに必要な要素は何か。 条件と目標により、ロゴ＆マークの制作ポイントは異なってくるだろう。 今回の特集では、アートディレクターやデザイナーに特化した今一番知っておくべきロゴ＆マークの考え方に切り込んでいる。 デザインを学んでいる学生だけでなく、プロのデザイナーやクリエイターたちのアイデアの引き出しを確実に増やせる特集である。 ■目次 特集：ロゴ＆マークのつくり方。 ●大黒大悟 ●梅原 真 ［梅原デザイン事務所］ ●木下謙一 ［RANA UNITED］ ●青木克憲 ［バタフライ・ストローク・株式會社］ ●秋山具義 ［DAIRY FRESH］ ●山野英之 ［TAKAIYAMA inc.］ ●山﨑晴太郎 ［株式会社セイタロウデザイン］ ●小杉幸一 ［onehappy］ ●木住野彰悟 ［6D］ ●川上恵莉子 連載：佐藤可士和の視点とデザイン 村上 要（WWD JAPAN.com編集長） × 佐藤可士和 夏の美術学校特集2020 TOPICS 大黒大悟　VISUALIZE COVID19 SPECIAL INTERVIEW 苦境を好機に変えるには？ ポストコロナのデザインを考える 水野 学 ［good design company］ ********************************* 特集：ロゴ＆マークのつくり方。 ●大黒大悟 ●梅原 真 ［梅原デザイン事務所］ ●木下謙一 ［RANA UNITED］ ●青木克憲 ［バタフライ・ストローク・株式會社］ ●秋山具義 ［DAIRY FRESH］ ●山野英之 ［TAKAIYAMA inc.］ ●山﨑晴太郎 ［株式会社セイタロウデザイン］ ●小杉幸一 ［onehappy］ ●木住野彰悟 ［6D］ ●川上恵莉子 連載：佐藤可士和の視点とデザイン 村上 要（WWD JAPAN.com編集長） × 佐藤可士和 夏の美術学校特集2020 TOPICS 大黒大悟　VISUALIZE COVID19 SPECIAL INTERVIEW 苦境を好機に変えるには？ ポストコロナのデザインを考える 水野 学 ［good design company］

Webでの発信力、文章力、表現力を鍛える！　ずっと活かせるスキルを手に入れよう Webの文章って、どう書いたら良いのでしょう？ ブログやSNSなど、私たちのWebでのコミュニケーションや情報発信はどんどん増えています。 しかし、どう企画を考えて、どう組み立てて、どう書いていけばよいのか。 Webで読みやすい、分かりやすい文章を書くのは、意外に難しいのです。 本書は、著者が3年間大学でWebライティングに関して講義したレジュメをもとに、10代から大人まで幅広く学べるようにまとめたものです。 様々なWebツールを用いてWeb上の情報を調査分析することで、世の中の時流を読み取り、有益な情報を発信できるようになることを目指します。 ・Webライティングの効果的な手順 ・Webライティングに適した文章構成の型 ・Web特有の文章の書き方 ・Web特有のキャッチコピーの作り方 ・Web上の情報を調査分析するためのWebマーケティングツールの使い方 ・Web記事を検索エンジンで上位表示させる方法 ・ライティング作業を効率化するツールの使い方 ・基本ルール これらについて、順を追って、演習を交えつつ、学んでいきます。 第1章　なぜWebライティングを学ぶのか？ 第2章　検索エンジンの上位表示の方法を知ろう 第3章　キーワードを調査しよう 第4章　調査分析を行おう 第5章　企画立案を行おう 第6章　Webライティング、基本を知ろう 第7章　Webライティング、実践してみよう 第8章　Webライティング、見直しをしよう 第9章　Web記事のタイトルを作成しよう 第10章　応用的なあれこれ

「Webサイトのたった2文字を書き換えただけで売り上げが1.5倍に伸びた！」 ボタンの文言や入力フォーム周り、エラーメッセージ、写真のキャプションなど、見落とされがちだけど大切な“小さなコピー”の書き方を、豊富な事例で解説。 日本で唯一のマイクロコピー入門書が、最新事例を追加してリニューアル。 【本書の内容】 第1章　マイクロコピーの魅力 第2章　マイクロコピー改善の準備 第3章　思わずクリックしたくなる強力なコンバージョンボタンのマイクロコピー 第4章　会員獲得を容易にするサインアップフォームのためのマイクロコピー 第5章　読者をラクに増やすメルマガ登録フォームのマイクロコピー 第6章　サポート精神溢れるお問い合わせページのマイクロコピー 第7章　スムーズな記入を促すプレースホルダーのマイクロコピー 第8章　相手の心を汲み取るエラーメッセージのマイクロコピー 第9章　口コミが広がりバズる404ページのマイクロコピー 第10章　ユーザー体験を豊かにするマイクロコピー集 第11章　自社サイトのマイクロコピーの作り方 本書は、Webサイト上のボタンや入力フォーム周り、エラーメッセージ、写真のキャプションなどの“小さなコピー”の書き方を解説した日本で唯一のマイクロコピー入門書です。最新事例を多数追加してリニューアルしました。 第1章　マイクロコピーの魅力 1　そもそもマイクロコピーとは何か 2　マイクロコピーがもたらす効果 3　マイクロコピーが効果を出しやすい理由 第2章　マイクロコピー改善の準備 1　Web解析ツールを導入する 2　毎日レポートを眺めて数字に慣れる 3　達成すべきゴールを明確に設定する 4　A/Bテストを行う 5　マイクロコピーが機能する前提条件をチェックする 6　優れた事例をたくさん見る 第3章　思わずクリックしたくなる強力なコンバージョンボタンのマイクロコピー 1　コンバージョンボタンのマイクロコピーの重要性を確認する 2　ボタンの文言ではベネフィットを伝える 3　ボタン周りにクリックトリガーを添える 4　ユーザビリティを高めるためにマイクロコピーを使う 5　簡潔なコピーにする 6　アクション指向の言葉を使う 7　タイミングワードを使う 8　お試しできることや試用期間を伝える 9　数字で伝える 10　社会的証明の原理を使う 11　節約できることを伝える 12　推薦の声を伝える 13　保証、アフターサービス、リスクフリーを伝える 14　小さな支援（寄付）を求める 15　アイコンのユーザビリティ向上にマイクロコピーを使う 16　リンクテキストはユーザーとの「約束」 第4章　会員獲得を容易にするサインアップフォームのためのマイクロコピー 1　サインアップせずにサービスを利用できる方法を用意する 2　本当に必要な個人情報だけ預かる 3　サインアップ時の不安を和らげ、モチベートする 4　まず自分たちの情報からオープンにする 5　「なぜこの情報がサインアップに必要なのか」を伝える 6　SNSに自動投稿しないことを伝える 7　マイクロコピーをテンプレートにしない 8　サインアップによるメリットを伝える 9　情報量をひと口サイズにする 10　ユーザーの行動を正しい方向へガイドする 11　登録内容を変更できることを伝える 第5章　読者をラクに増やすメルマガ登録フォームのマイクロコピー 1　適切な場所にメールマガジン登録フォームを設置する 2　ブランドの「らしさ」を際立たせる 3　購読フォームエリアで推薦文やスパム対策、配信頻度を伝える 4　ブランドの個性に合わせたユニークなポップアップを使う 5　メールマガジンのフッターには解除リンクを挿入する 6　サンクス（完了）ページにもマイクロコピーを添える 7　確実にメール、オファーを受け取れるようにサポートする 8　Do-Not-Reply（返信しないで）は使わない 第6章　サポート精神溢れるお問い合わせページのマイクロコピー 1　カスタマーサポート精神をBasecamp.comに学ぶ 2　メッセージの返信までの目安時間を伝える 3　サイト内のヘルプへリンクを貼る 4　形式張らずに自由記入で尋ねる 5　小さなスペースにも、ブランドとしてのこだわりを 6　記入項目が多い場合はコミットメント・チェックボックスを使う 第7章　スムーズな記入を促すプレースホルダーのマイクロコピー 1　消えては困る情報はラベルに表示する 2　ユーザーをガイドし、行動へと誘う 3　サイト内検索の利用を促す 4　ユーザーの使い方に合わせて、適切なマイクロコピーを入れる 5　記入しやすいフォームラベルにする 第8章　相手の心を汲み取るエラーメッセージのマイクロコピー 1　会話的な言葉遣いをする 2　専門用語を使わない 3　あいまいさを回避する 4　ユーザーを責めない 5　建設的なアドバイスをする 6　ヒントを与える 第9章　口コミが広がりバズる404ページのマイクロコピー 1　カスタム404ページを用意する 2　404をブランドの言葉に書き換える 3　共感・同調型のメッセージで伝える 4　具体的な解決策を示し、コンバージョンの機会損失を防ぐ 5　ブランディングのチャンスに変える204 6　遊び心いっぱいに 7　商品ページへ誘導する 第10章　ユーザー体験を豊かにするマイクロコピー集 1　ユーザーの気持ちに寄り添うマイクロコピー 2　使い方をガイドするマイクロコピー 第11章　自社サイトのマイクロコピーの作り方 1　ワークシートを使って考える 2　お客さんの不安、懸念、疑問にスポットを当てる 3　顧客に寄り添って考える 4　ユーザーテストで手がかりを見つける 5　コンテキストを汲み取る 6　全体が1つとなるような、なめらかなフローを設計する 7　マテリアルデザインを参考にする

豊富な図版で基本を押さえた教科書。実務につながるコメントや、初学者の興味を引く作品例も充実。資格試験の基礎学習にも最適！ 計画やエレメントからパースの基本まで、豊富な図版でインテリアデザインの幅広い内容を押さえた教科書。基礎知識はもちろん、将来の実務につながるプロ目線の「ひとことコメント」や学習内容に関連する作品例を充実させ、初学者が興味を持ちやすい構成とした。インテリアコーディネーター等、資格試験の基礎学習にも最適！ 第1章　実践例から見るインテリアデザインの発想とその手法 1・1　インテリアデザインとは 1・2　配置の工夫 1・3　素材の工夫 1・4　リサーチの工夫 1・5　差別化の工夫 1・6　防犯の工夫 1・7　不利な条件を克服する工夫 1・8　伝統技術の新たな工夫 1・9　機能を重ね合わせる工夫 第2章　インテリアデザインの業務 2・1　インテリアデザインに求められるもの 2・2　インテリアデザイナーの分類 2・3　インテリアデザインの仕事 2・4　インテリアデザイナーのコンサルティング業務 第3章　インテリアデザインの計画 3・1　人間工学 3・2　尺度と心理 3・3　インテリア空間の性能と安全性 3・4　住空間の計画 3・5　公共空間の計画 第4章　室内環境と設備 4・1　熱環境 4・2　室内環境 4・3　音環境 4・4　給排水 4・5　換気 4・6　冷暖房 4・7　電気設備 4・8　水回り設備 第5章　人にやさしいインテリア 5・1　バリアフリーとユニバーサルデザイン 5・2　住宅のデザイン 5・3　公共施設のデザイン 5・4　家具・設備・プロダクトのデザイン 5・5　カラーユニバーサルデザイン 第6章　色彩理論とインテリアデザインへの活用 6・1　色彩心理 6・2　色彩の表記 6・3　色彩調和と色彩計画 6・4　色とは何か 6・5　色と質感 第7章　内装・造作・開口部 7・1　建築の概要 7・2　造作・内装の概要と要点 7・3　内装 7・4　造作 7・5　開口部 第8章　エレメント・装備 8・1　照明器具 8・2　移動家具 8・3　ウィンドウトリートメント 8・4　ファブリックス（布・織物製品） 8・5　オーナメント 8・6　サインとインフォメーション 第9章　マテリアル 9・1　材料とは 9・2　木材とその生成品 9・3　テキスタイル 9・4　樹脂系材料 9・5　塗料 9・6　コンクリート、モルタル、石こう、土 9・7　タイルとレンガ 9・8　石材とその加工品 9・9　ガラス 9・10　金属 9・11　機能性材料 第10章　インテリアの歴史（世界編） 10・1　古代から近世の西洋インテリアデザイン 10・2　古代 10・3　中世 10・4　近世 10・5　近代 10・6　現代 第11章　インテリアの歴史（日本編） 11・1　原始：縄文～弥生～古墳 11・2　古代：飛鳥・奈良 11・3　古代：平安 11・4　中世：鎌倉～室町 11・5　近世：安土桃山～江戸 11・6　江戸の民家、庶民の建築・インテリア 11・7　近代：明治・大正・昭和初期 11・8　現代 第12章　パース（透視図） 12・1　パースとは 12・2　パースの種類 12・3　手描きパース 12・4　デジタルパース 第13章　インテリアデザイン実践の進め方

デザインで恥をかかないための欧文書体のルールとマナー。 第1章 文字のなりたち 第2章 欧文書体を知る 第3章 欧文書体の選び方 第4章 欧文書体の楽しみ方 第5章 欧文書体の作り手から 第6章 これから学ぼうとする方に あとがき 読者のためのタイポグラフィ

Webデザイナー養成講座シリーズは、プロのデザイナーとして仕事をする上で必須のスキルを身につけるための解説書です。好評だった書籍『WordPress　仕事の現場でサッと使える！ デザイン教科書』が最新WordPress 5.x環境に対応しました！　WordPressを使って本格的なWebサイトを構築するために必要な基礎知識、独自テーマの作成手順、よりリッチなWebサイトにするためのカスタマイズやプラグイン活用、サイト運用テクニックまでわかりやすく解説します。もちろん、クライアントワークで必要とされるノウハウも満載。改訂版では、新しいブロックエディターの基本や活用テクニック、最新プラグインの使いこなし、スマートフォン・タブレットへの対応など、新たなトピックも取り上げています。WordPressを使うならぜひ手元に置いておきたい1冊です。 ■CHAPTER 1　WordPressの準備と基本設定 1-01　WordPressをインストールする 1-02　管理画面の使い方と初期設定 1-03　記事を投稿する 1-04　新規ユーザーの登録とWordPressの権限 ■CHAPTER 2　基本的なテーマを作成する 2-01　WordPressのテーマ 2-02　テンプレートファイルとテンプレート階層 2-03　WordPressのテンプレートタグ 2-04　テンプレートを分割する 2-05　分割したテンプレートを作り込む 2-06　WordPressループを作成する 2-07　個別記事ページを作成する 2-08　記事の一覧ページを作成する 2-09　固定ページを作成する 2-10　グローバルナビゲーションを作成する 2-11　テーマを完成させる ■CHAPTER 3　プラグインを利用する 3-01　プラグインで機能を拡張する 3-02　パンくずリストを作成する 3-03　メールフォームを作成する 3-04　記事一覧のページナビゲーションを作成する ■CHAPTER 4　Webサイトを拡張する 4-01　記事の詳細ページにコメント欄を追加する 4-02　記事一覧をカスタマイズする 4-03　固定ページ用に別テンプレートを作成する 4-04　独自のHTMLを使った固定ページを作成する ■CHAPTER 5　投稿タイプ・フィールド・タクソノミーをカスタマイズする 5-01　カスタム投稿タイプで投稿できる種類を増やす 5-02　カスタムフィールドで記事の入力項目を増やす 5-03　カスタムタクソノミーで独自のカテゴリーやタグを作成する ■CHAPTER 6　ブロックエディターを使いこなす 6-01　ブロックエディターの基礎 6-02　ブロックエディターのブロック一覧 6-03　ブロックエディターの実践的な使い方 6-04　ブロックエディターをプラグインで拡張する 6-05　ブロックエディターをカスタマイズする ■CHAPTER 7　管理画面をカスタマイズする 7-01　管理画面をカスタマイズする 7-02　権限に応じて管理画面をカスタマイズする ■CHAPTER 8　高度な機能を活用する 8-01　SEO対策をする 8-02　スマートフォン・タブレットに対応する 8-03　REST APIを利用する 8-04　マルチサイト機能で複数のサイトを作成する 8-05　子テーマを作成する ■CHAPTER 9　ショートコード・関数・プラグインを作成する 9-01　ショートコードを作成する 9-02　よく使うコードを関数にまとめる 9-03　プラグインを作成する ■CHAPTER 10　WordPressを効率的に運用する 10-01　WordPressを専用ディレクトリにインストールする 10-02　公開サーバー上でWordPressを運用する 10-03　プラグインを使って効率的に運用する 10-04　Webサイトのセキュリティを高める 10-05　Webサイトを高速化する ■APPENDIX APPENDIX 01　PHPの基礎 APPENDIX 02　WP_Queryのパラメータ APPENDIX 03　日付と時刻の書式 APPENDIX 04　テンプレート階層 APPENDIX 05　主要なオブジェクト

材料集め(リサーチ)の方法、組み立て方にはルールがある。文字によるセールスを成功させる効果実証済みの「原理原則」を公開。10個の要素を組み合わせるだけで、自然と売れるセールスレターが完成する。 第1章 セールスコピーライティングの基礎(コピーライティングに必要不可欠な4つの要素 キャッチコピーの機能と役割 ボディコピーの機能と役割 クロージングコピーの機能と役割 追伸コピーの機能と役割 コピーライティングは4つのパーツがあって初めて機能する) 第2章 コピーライティングリサーチ編(キャッチコピーリサーチ ボディコピーリサーチ クロージングコピーリサーチ すべての材料を組み合わせることで売れるレターが完成する) 第3章 コピーライティング実践編(キャッチコピーのひな形作成 各パートの当てはめと見出し作成 追伸の作成 キャッチコピーを完成させる 全体チェック)

「サイトに動きをつける時、同じ内容を何回も検索をしてソースコードを探している」 「サイトで見つけたソースコードをそのままコピペしてみたけど、動かない」 「JavaScriptの本を購入してみたが、実際のサイトにどう組みこめばいいか具体的なイメージがわかない」 「動きの原理を最低限理解して、とにかく早く実務にいかしたい」 本書はWebサイトを動かすことが苦手な右脳系ウェブデザイナーが、サイトを動かす第1歩を踏み出すための「動きの逆引き事典」です。 近年のウェブサイトで使用されている基本的な動きの原理や仕組みをサンプルコードと共に紹介します。

いま、身につけておきたいスキルとテクニックを凝縮。マークアップ、CSSによるスタイリングからマルチデバイスへの対応まで、リファレンス+チュートリアルできっちり習得。 1 Dreamweaverを知る(Dreamweaverを起動する前に Dreamweaverでの制作フロー Dreamweaverの歴史) 2 Dreamweaverを学ぶ(Dreamweaverの基本 サイト定義 コードビューの活用 HTMLのマークアップ CSS リンク 画像 制作効率化の機能 Microsoft Officeファイルとの連携 サイトの公開とグループワーク HTML5やCSS3、スマートフォンへの対応) 3 Dreamweaverで作る(基本構造のマークアップ 各パーツの作り込み マルチデバイスへの対応 Dwテンプレートとページ作成 各ページの作り込み)

WordPressによるWebサイト制作のための、究極のレシピ集が登場。制作の現場で使われる定番テクニックからプロ技まで、余すところなく集めました。テーマカスタマイズ／テーマ作成／投稿ページ・固定ページ／一覧ページ／ヘッダー・フッター／カスタム投稿タイプ／カスタムフィールドなど、目的別にレシピを整理。「あのしくみはどう作るんだろう？」が、スグにわかります。Webサイト運営者からWebプログラマーまで、WordPressを扱うすべての方にお届けします。WordPress 5.xに対応。 Chapter 1　WordPressの基本と環境設定のテクニック 001 WordPressってどんなもの？ 002 WordPressでどんなサイトが作れるの？ 003 WordPressの管理画面でどんなことができるの？ 004 WordPress導入のメリット・デメリット 005 サイトを公開するまでの作業の大まかな流れを知りたい 006 サイトを作る・運用するのに必要な知識を知りたい 007 WordPressの料金や利用規約（ライセンス）を知りたい 008 WordPressの動作環境を知りたい 009 WordPressをインストールしたい 010 データベースの接頭辞を変えたい 011 管理画面にログインしたい・ログアウトしたい 012 管理画面の全体像を知りたい Chapter 2　コンテンツ投稿のテクニック 013 WordPressで投稿できるページの種類を知りたい 014 記事を投稿したい 015 記事にカテゴリーやタグを追加したい 016 固定ページを投稿したい 017 すでにある投稿や固定ページを編集したい 018 公開設定について詳しく知りたい 019 投稿を前の状態に戻したい 020 新エディターの特徴を知りたい 021 新エディターと旧エディターのどちらを使えばよいか知りたい 022 新エディターの基本的な操作方法を知りたい① 023 新エディターの基本的な操作方法を知りたい② 024 追加できるブロックの種類を知りたい 025 旧エディターの基本的な操作方法を知りたい 026 ビジュアルモードで記事を編集したい 027 テキストモードで記事を編集したい 028 リンクを設定したい 029 投稿に画像を追加したい 030 ギャラリーやカバーを追加したい 031 HTMLタグを入力したい 032 「続きを読む」を挿入したい 033 ページ区切りを挿入したい 034 Instagramの写真を埋め込みたい 035 最新の記事一覧を挿入したい 036 再利用ブロックを使いたい 037 抜粋を追加したい 038 固定ページのパーマリンクを設定したい 039 固定ページの親ページ・子ページを設定したい 040 カテゴリーを作成したい・整理したい 041 自動で設定されるカテゴリーを変更したい 042 アイキャッチ画像を追加したい 043 記事ごとのコメント設定をしたい 044 WP Multibyte Patchとはなにか知りたい 045 プライバシーポリシーページを作成したい Chapter 3　サイト全体の設定をするテクニック 046 サイトの基本情報を設定したい 047 ホームページに表示されるコンテンツを設定したい 048 一覧ページに表示される投稿数を変更したい 049 パーマリンクを設定したい 050 テーマをインストールして見た目をがらっと変えたい 051 テーマを削除したい 052 テーマカスタマイザーを使ってサイト全体の設定をしたい 053 サイトのナビゲーションを作成したい 054 ウィジェットを使ってコンテンツを追加したい 055 基本的なディスカッションの設定方法を知りたい 056 プラグインをインストールしたい 057 WordPress本体を更新したい Chapter 4　既存テーマのカスタマイズテクニック 058 HTMLの基礎知識 059 CSSの基礎知識 060 HTML、CSSのソースコードを解読したい 061 WordPressのフォルダとファイルの構成を知りたい 062 子テーマを作成したい 063 テーマにサムネイル画像を追加したい 064 子テーマのCSSを編集したい 065 既存テーマのHTML部分をカスタマイズしたい 066 表示されているページに使われているテンプレートを知りたい Chapter 5　テーマ作成の基本テクニック 067 PHPの基礎知識 068 WordPressの基本的な動作の仕組みを知りたい 069 テーマ作成に必要なスキルを知りたい 070 一般的なサイト制作のワークフローを知りたい 071 テーマ用HTML、CSS作成の注意点を知りたい 072 新規テーマ作成の準備をしたい 073 HTMLファイルからテーマを作成したい 074 テンプレートタグとはなにか知りたい 075 functions.phpとはどういうものか知りたい 076 style.cssの書式を知りたい 077 style.cssを読み込みたい 078 ページのヘッダー部分を分離したい 079 ページのフッター部分を分離したい 080 ページの文字コードを設定したい 081 ページ全体の言語をタグに出力したい 082 タグにタイトルを表示したい 083 タグにclass属性を追加したい 084 テーマで使う画像をまとめたい 085 テーマで使う画像をページに表示したい 086 CSSに記述する背景画像のパスを知りたい 087 要素に背景画像を適用したい 088 タグで画像を表示したい 089 ループとは何か知りたい 090 フロントページにコンテンツを表示したい Chapter 6　ページのバリエーションを増やすテクニック 091 WordPressのページのタイプを知りたい 092 投稿ページ用のテンプレートを作りたい 093 サイドバーを分離したい 094 投稿ページにコンテンツを表示したい 095 固定ページ用のテンプレートを作りたい 096 一覧ページ用のテンプレートを作りたい 097 一覧ページから各投稿ページにリンクしたい 098 ホームページにリンクしたい 099 固定ページにリンクしたい 100 カテゴリー別一覧ページにリンクしたい Chapter 7　標準的な機能をテーマに組み込むテクニック 101 アクション、フィルターがどういうものか知りたい 102 外部サイトからJavaScriptファイルを読み込みたい 103 テーマフォルダ内にあるJavaScriptファイルを読み込みたい 104 アイキャッチ画像を登録できるようにしたい 105 アイキャッチ画像をページに表示したい 106 アイキャッチ画像のサイズを指定して表示したい 107 アイキャッチ画像にclass属性を追加したい 108 アイキャッチ画像がないときには別の画像を表示したい 109 カスタムサイズのアイキャッチ画像を登録したい 110 カスタムサイズのアイキャッチ画像を表示したい 111 RSSフィードを配信したい 112 HTML5書式を有効化したい 113 FontAwesomeを使えるようにしたい Chapter 8　投稿ページ・固定ページの作成テクニック 114 テンプレート階層について知りたい 115 投稿の公開日を表示したい 116 投稿の公開時刻を表示したい 117 日時の表示フォーマットを設定したい 118 投稿のタグを表示したい 119 タグの表示フォーマットを変更したい 120 投稿のカテゴリーを表示したい 121 複数のカテゴリーを並べて表示したい 122 タイトルの横にカテゴリーを表示したい 123 投稿のパーマリンクを表示したい 124 投稿作者の名前を表示したい 125 投稿作者のWebサイトにリンクしたい 126 投稿作者のプロフィールを表示したい 127 ページ分割に対応したい 128 ページ分割リンクの表示をカスタマイズしたい 129 前後の投稿にリンクしたい 130 前後の投稿へのリンクの表示をカスタマイズしたい 131 Webサイトのホームページを作成したい 132 ホームとは別にブログのトップページを作成したい 133 固定ページのテンプレートを作成したい 134 特定の固定ページ向けの専用テンプレートを作成したい 135 エラーページを作成したい 136 投稿ページにコメント機能を追加したい 137 コメントの受付を終了したら「終了しました」と表示したい 138 お問い合わせページを作りたい Chapter 9　一覧ページの作成テクニック 139 一覧ページについて詳しく知りたい 140 汎用的な一覧ページを作成したい 141 記事がないときには別のコンテンツを表示したい 142 一覧ページに抜粋を表示したい 143 抜粋で表示される文字数を変更したい 144 抜粋の末尾に表示される[…]を変えたい 145 一覧ページにページネーションを追加したい 146 ページネーションに表示するページ番号を増やしたい 147 ページネーションの表示をカスタマイズしたい 148 カテゴリー別の一覧ページにタイトルを表示したい 149 作者別一覧ページを作成したい 150 日付ごとの一覧ページを作成したい 151 タグの一覧ページを作成したい 152 検索フォームを組み込みたい 153 検索結果ページを作成したい Chapter 10　ヘッダー・フッター・サイドバーを作り込むテクニック 154 サイトのファビコンを設定したい 155 サイトのタイトルをヘッダーに表示したい 156 フッターにRSSフィードへのリンクを設置したい 157 カスタムメニューを登録したい 158 カスタムメニューをヘッダーに設置したい 159 カスタムメニューのHTMLを調整したい 160 ヘッダーとフッターにカスタムメニューを設置したい 161 ウィジェット領域を定義したい 162 サイドバーにウィジェット領域を設置したい 163 複数のウィジェットを有効化したい 164 ふたつのサイドバーで3コラムレイアウトを作りたい 165 パンくずリストを表示したい 166 パンくずリストを「フロントページだけ」表示しないようにしたい 167 プライバシーポリシーページにリンクしたい Chapter 11　カスタム投稿タイプを使いこなすテクニック 168 カスタム投稿タイプとは何かを知りたい 169 カスタム投稿タイプを作成したい 170 カスタムタクソノミーとは何かを知りたい 171 カテゴリー型のカスタムタクソノミーを作成したい 172 タグ型のカスタムタクソノミーを作成したい 173 もともとある「タグ」をカスタム投稿タイプでも使いたい 174 カスタム投稿タイプの投稿をサイト内検索に含めたい 175 カスタム投稿タイプの個別投稿ページを作成したい 176 カスタム投稿タイプの一覧ページを作成したい 177 一覧ページで投稿タイプ名を取得・表示したい 178 個別投稿ページで投稿タイプ名を取得・表示したい 179 投稿に割り当てられたタクソノミー項目を取得・表示したい 180 タクソノミー項目が割り当てられているかどうかを調べたい 181 カスタム投稿タイプの一覧ページにリンクしたい 182 カスタム投稿タイプの個別投稿ページにリンクしたい 183 特定のタクソノミー項目の記事を一覧表示したい 184 タクソノミー一覧ページでタクソノミー名を表示したい 185 タクソノミー一覧ページでタームを表示したい 186 カスタム投稿タイプの投稿をRSSフィードに含めたい Chapter 12　カスタムフィールドを使いこなすテクニック 187 カスタムフィールドとは何かを知りたい 188 投稿画面にカスタムフィールドを追加したい 189 カスタムフィールドのテキスト入力欄を作りたい 190 カスタムフィールドのチェックボックス欄を作成したい 191 カスタムフィールドで画像のアップロードをしたい 192 カスタムフィールドに入力したテキストをページに表示したい 193 チェックボックスがついた項目だけを表示したい 194 カスタムフィールドで登録した画像を表示したい 195 カスタムフィールドの値を確認したい 196 ページのディスクリプションを設定したい 197 ページに固有のCSSを追加したい Chapter 13　最新記事や関連する記事を一覧表示するテクニック 198 ホームに異なる種類の投稿を同時に表示したい 199 一度に表示する投稿の件数を変更したい 200 ホームに特定のカテゴリーの最新情報を表示したい 201 ホームにカスタム投稿タイプの投稿を表示したい 202 ループ部分を別ファイルにしたい 203 ショートコードを自作したい 204 テキストを書き換えられるショートコードを作りたい 205 表示するボックスのタイトルや色を設定できるショートコードを作りたい Chapter 14　運営・メンテナンスのテクニック 206 ユーザーを登録・追加したい 207 権限グループについて詳しく知りたい 208 ディスカッション設定を詳しく知りたい 209 コメントスパムを削除したい 210 更新情報を通知する必要はあるのか知りたい 211 メールで投稿できるようにしたい 212 スマートフォンから投稿できるようにしたい 213 サイトの表示を高速化したい 214 サイトをバックアップしたい 215 データベースをエクスポートしたい 216 データベースをインポートしたい 217 データベースを直接操作してデータを復元したい 218 SNSのボタンを表示したい 219 Googleアナリティクスでアクセス状況を把握したい 220 サイトマップ（sitemap.xml）を出力したい 221 Google Adsenseを挿入したい 222 サイトの安全性を高めたい Chapter 15　開発環境構築のテクニック 223 ローカル開発環境を構築したい 224 ローカル開発環境でメール送信を確認したい 225 ローカル開発環境のSSLを有効化したい 226 デバッグモードを有効化したい 227 オンラインでテーマを開発したい 228 テーマを作るためのダミーのデータをインポートしたい 229 開発に便利なプラグインを知りたい 230 WordPressをコマンドラインで操作したい

作家たちの手によって、見事に変貌をとげる日用品。トイレットペーパー、出入国スタンプ、ゴキブリホイホイ;マッチなど、着眼の差異によって浮かび上がる「デザイン」の実像。 トイレットペーパー 出入国スタンプ ゴキブリホイホイ 記念日のためのマッチ シール・ラベル系グッズ ゆうパック 祝儀・不祝儀・ぽち袋 絵葉書 座談会 ちょっと首を傾けるだけで世界は変わる タバコのパッケージ〔ほか〕

親切に「話しかけるように書く」ことから始めよう！ 本書は、読者を意識し、わかりやすく、フレンドリーなコンテンツを書くための、最高に親切なWebライティングガイドです。長年ウェブに携わってきたニコルとケイトが、Apple, MailChimpなどでのWebライティング経験から書き上げた、待望の実践的アドバイス本です。 読者のニーズを知ったうえで、自分の伝えたい内容をしっかり伝えられるよう、ふさわしいスタイルをどう探したらいいのか、またそれをあらゆるサイトコンテンツにどう反映させていったらいいのかを教えてくれます。このような観点で教えてくれるウェブライティングの本は他にありません。正直で親切なスタイルでコンテンツを作れば、自然に読者の共感をあつめ、ファンが増えていく、そのようなサイト制作・運営を目指すときに、本書は指針となるでしょう。Web担当者、Webライターの入門書として読んでおくべき一冊です。以下の２つのことを学べます。 １「サイトコンテンツの制作、進行のしかた」を順を追って教えてくれます。 自社をしっかり知るためのリサーチ、企画書つくり、読者リサーチなどのマーケティングのしかた、自社にあった声や口調、スタイルの開発をどう進めたらよいか、最後にはスタイルガイドの作成までを知ることができます。ライターとしてのスタンスづくりにも役立ちます。 ２「実際のコンテンツ、文章の書き方」を向上させるコツを教えてくれます。 わかりやすいこと、役立つこと、フレンドリーであること。この３つが、いいライティングの原則です。この原則にもとづき、自社らしいスタイルでライティングする方法、ミッションステートメントやマーケティングコピー、ブログ記事など様々なコンテンツごとに、何に気をつけたらいいのか、どうやって推敲したらいいのか、といった細かいプロセスを教えてくれます。 企業のWeb・広報担当者、デザイナー、ライターはじめ、Web開発・運営に携わる方、オウンドメディアで情報発信している方、スモールビジネス経営者、「書く」スキルを高めたいすべてのビジネスマンにおすすめです。 扱うコンテンツ 「ミッションステートメント（企業理念）」「商品・サービス紹介」「マーケティング・コピー」「ブログ」「メルマガ」「サービス利用規約」「ヘルプページ」「お詫び」「エラーメッセージ」「タグ・ラベル」について学べます。 また、Facebook社、Pinterest社などでは、ウェブサイトづくりをどう工夫しているのかも気になるところ。世界の著名企業のウェブ担当者が、日々取り組んでいることを、コラム形式で読むことができます。 FOREWORD INTRODUCTION　大切なのは、スタイル Chapter1ライターの仕事とは？ ウェブライティングにはどんなものがある？ ライティングプロセス 架空の書店「ショートスタック書店」へようこそ Chapter2ライティングの前にすべきこと リサーチする インタビューを行なう Pinterest社における「社内インタビュー」の活かし方 読者を知る ミッションステートメントを書く Chapter3計画を立てる ゴールをはっきりと掲げる クライアント・制作チーム合同の「キックオフミーティング」 計画をまとめる いざ、始動 Chapter4ライティングの基礎 基本的なガイドライン わかりやすく 簡潔に 正直に 思いやりを持って スムーズに仕事を進める 文章を磨く Chapter5 声を見つけよう 自らを見つめる ふさわしい言葉や表現を見つける クライアントが「声」を見出しやすくなる「カード分類エクササイズ」 Chapter6口調に気をつけよう 思いやりを示す 書いたものを声に出して読む 英国政府「GOV.UK」が開発した「万人を受け入れる口調」 ユーモアは控えめに 堅すぎないように Chapter7コミュニティを作ろう コミュニティの重要性 ブログ メールマガジン コミュニティが成長を続ける「Design Mom」 つながりを維持する Chapter8売り込まずに売るには 誰もがマーケティング担当者 自分のストーリーを語る マーケティングの原則 大事なのはメッセージ 自分のことを伝える 疑問に答えてアピールする Chapter9扱いにくい問題への対処 思いやりを込めたライティングを 配慮が求められる状況 上手なお詫びのしかた 法律にかかわるコンテンツの作成 Chapter10フローを整える 全体像 ささいなこと インターフェイスでは、派手さよりも効果を優先に　 Chapter11ライティングを見直そう 原稿ができたら エディターの立場になった場合 Chapter12 スタイルガイドを確立しよう スタイルを確立するには たたき台を選ぶ スタイルガイドを広めよう Facebookが行っているカジュアルな「フラッシュミーティング」 AFTERWORD 献辞 参考文献

【7日間で配色の基礎テクニックを手に入れよう】 「配色って難しい」と思っていても「これは美しい色だなぁ」と感じたことは誰にでもあるはずです。こんな経験のある人ならば、美しい配色はつくれます。実はセンスが眠っているだけ。この本に導かれて、７日間で自分の中のセンスを呼び覚ましましょう。 【第１日目はオリエンテーション】 美しいと感じること自体とても大切ですが、もう少し踏み込んで周りの色を見てください。印象に残る配色にはある共通点があるんです。何気なく見ていても気づかなかったこれらの共通点とは、配色のパターンやルールです。それを無意識に読み取って「美しい」と感じていたのです。美しい配色を作れる種は自分の中にあるんです。 第１日目は、美しい配色をつくる伝統的なルールを要約して解説しています。この本全体でどんなことが待っているのかな、というオリエンテーションです。 【第２日目は配色に必要なツールと使い方】 色の基礎知識の中でも配色する時に絶対覚えておいたほうがいいことだけに絞って解説しています。とはいえ、これを理解することがどんな色の知識よりも大切です。 もうひとつは「５役色」「主役色」「脇役色（引き立て色）」「支配色（背景色）」「融合色（なじませ色）」「アクセント色」です。小説や映画に主役や脇役があるように配色にも役割があります。そのシーンで役割を果たすためには、そのほかの小道具や背景などの協力が絶対必要です。 【第３〜５日目で配色の実践をレクチャー】 ２日目で学習したツールを使って様々な配色をつくっていきます。どの配色にも必ず良い例とうまくいっていない例を比較しているので、その日の課題がひと目で理解できるはずです。各日の課題のラストページは復習問題が付いていて、きちんと理解できたかをチェックします。 【第６、７日目はステップアップへの道】 ここまでやってきて配色に自信が持てたと思います。しかしどんなに美しい配色であっても表現したいテーマのイメージと合っていなければ見る人に伝わらないのです。 ある「モノ」をどう伝えたいのか、というイメージづくりは配色する時の最初に考えることです。 イメージは個人のもので千差万別ですが、実は共通項も多くあります。最終日は、イメージとキーワードと配色を結びつけた「イメージマップ」で、自分が目指す配色の方向とイメージが合っているかを確認します。 実践的で至れり尽くせりな配色基礎講座。配色は苦手と思っていた人も、７日間でぜひあなたの中に眠っている配色の種を開花させてください。 誰にでも美しい配色はつくれます。実はセンスが眠っているだけ。この本に導かれて、７日間で自分の中のセンスを呼び覚ましましょう。 第１部 配色の準備 　１日目 配色する前に 　２日目 配色のツール＜三属性・五役色＞ 第２部 配色の実践 　３日目 引き立てる型１ 　４日目 引き立てる型２ 　５日目 なじませる型 　６日目 イメージづくり 　７日目 イメージマップ

キャッチも見出しもリードも自由自在!?　文才不要のWebコピー設計術 現役コピーライターが、「カレー」「魔法」「看板」など身近な例え話と豊富なイラストで文章の書き方を楽しく解説。Web担当者、ディレクター、EC店長、コンテンツマーケティング時代に必読の1冊。

HTML&CSSで実現する、柔軟でレスポンシブなWebデザイン 本書は「CSSグリッドで実現できることは何なのか」をテーマにした一冊です。 これまでのHTMLとCSSを使ったWeb制作では、思ったようなデザインを実現するために「コンテンツをどういう順に記述するか」「どうマークアップするか」「どのCSSのレイアウトテクニックを利用するか」をパズルのように取捨選択し、形にしていくスキルが必要でした。 それを解決する方法として注目を浴びているのが、CSSグリッドを使ったレイアウトです。 本書ではCSSグリッドによるWebデザインを、作成制作を通して解説していきます。次のようなステップで、デザインを組み立てていきます。 　1　作例ごとに、レイアウトソフトを利用して完成見本（デザインカンプ）を用意 　2　完成見本からパーツを抽出し、HTMLと文書構造を組み立て 　3　CSSグリッドを作成し、パーツを配置 　4　レスポンシブの設定を行い、デザインを仕上げる 作例はそれぞれ、PC、タブレット、スマートフォンで問題なく表示されるように仕上げていきます。 用意された作例は以下になります。 　・縦横に均等に分割したグリッドによる「雑誌風レイアウト」 　・複数のグリッドを組み合わせて作る「フライヤー風レイアウト」 　・画像とテキストの重ね合わせによる「画像メインのレイアウト」 　・「左右対称/非対称のレイアウト」 　・上部や左部にナビゲーションを配置 巻末には「CSSグリッド」リファレンスも付属。 本書を通して、CSSグリッドがWebデザインにもたらす表現力と自由さを体験してください。 Introduction　Webデザイン 　　　0-1　Web デザインで考えないといけないこと 　　　0-2　Web デザインの３要素の相互関係 Chapter1　雑誌風レイアウト 　　　1-1　完成見本のデザイン 　　　1-2　完成見本の分析 　　　1-3　完成見本をCSS グリッドなしで作成する場合の問題点 　　　1-4　完成見本をCSS グリッドで作成するための準備 　　　1-5　CSS グリッドの構成を検討する 　　　1-6　CSS グリッドを作成する 　　　1-7　パーツの配置先を指定する 　　　1-8　パーツのデザインを整える（１）　タイトル部分 　　　1-9　パーツのデザインを整える（２）　テキスト部分 　　　1-10　パーツのデザインを整える（３）　画像部分 　　　1-11　パーツのデザインを整える（４）　SNS メニュー 　　　1-12　パーツのデザインを整える（５）　キャッチコピーの引用符 　　　1-13　大きい画面でのデザインを整える 　　　1-14　小さい画面でのデザインを整える Chapter2　フライヤー風レイアウト 　　　2-1　完成見本のデザイン 　　　2-2　完成見本の分析 　　　2-3　完成見本をCSS グリッドなしで作成する場合の問題点 　　　2-4　完成見本をCSS グリッドで作成するための準備 　　　2-5　CSS グリッドを作成する 　　　2-6　パーツの配置先を指定する 　　　2-7　ヘッダーのパーツの配置を整える 　　　2-8　ヘッダーのパーツのデザインを整える 　　　2-9　ヘッダーにパーツを追加する 　　　2-10　セクションのパーツの配置を整える 　　　2-11　セクションの基本的なデザインを整える 　　　2-12　セクションごとに小見出しのデザインを整える 　　　2-13　ショップ情報のデザインを整える 　　　2-14　タブレットサイズの画面でのデザインを仕上げる 　　　2-15　大きい画面でのデザインを整える 　　　2-16　小さい画面でのデザインを整える Chapter3　画像をメインにしたレイアウト 　　　3-1　完成見本のデザイン 　　　3-2　完成見本をCSS グリッドなしで作成する場合の問題点 3A　画像にテキストを重ねたレイアウト 　　　3A-1　完成見本の分析 　　　3A-2　パーツの設定を記述する 　　　3A-3　CSS グリッドを作成してパーツを配置する 　　　3A-4　パーツのデザインを整える 　　　3A-5　大きい画面と小さい画面でのデザインを整える 3B　画像にテキストの一部を重ねたレイアウト 　　　3B-1　完成見本の分析 　　　3B-2　パーツの設定を記述する 　　　3B-3　CSS グリッドを作成してパーツを配置する 　　　3B-4　パーツのデザインを整える 　　　3B-5　大きい画面でのデザインを整える 　　　3B-6　小さい画面でのデザインを整える 3C　左右対称なレイアウト 　　　3C-1　完成見本の分析 　　　3C-2　パーツの設定を記述する 　　　3C-3　CSS グリッドを作成してパーツを配置する 　　　3C-4　パーツのデザインを整える 　　　3C-5　大きい画面と小さい画面でのデザインを整える 3D　非対称なレイアウト 　　　3D-1　完成見本の分析 　　　3D-2　パーツの設定を記述する 　　　3D-3　CSS グリッドを作成してパーツを配置する 　　　3D-4　パーツのデザインを整える 　　　3D-5　大きい画面と小さい画面でのデザインを整える Chapter4　ナビゲーション 　　　4-1　完成見本のデザイン 　　　4-2　完成見本の分析 　　　4-3　パーツの設定を記述する 　　　4-4　CSS グリッドを作成してパーツを配置する 　　　4-5　パーツのデザインを整える 　　　4-6　大きい画面でのデザインを整える 　　　4-7　メインコンテンツを配置してみる Appendix HTML & CSS の基本設定 ブラウザでの表示確認 CSS グリッド・リファレンス

国語の授業では教えてくれない「起承転結」の本当の使い方を解説。テーマ選び、見出し、書き出し語など、文章作りの基本テクニックを紹介。Web制作会社のディレクターが本書のテクニックの応用例を説明。Google AdWordsキーワードツールなど、誰でも使えるツールを利用。悩まず書ける!ソーシャル時代のコンテンツ戦略。 第1章 基礎編-ライティングとWebライティング(「見出しから作る」がライティングの基本 起承転結は「転」から考える 見出しは3種類しかない ほか) 第2章 実践編-いろいろな文章の型(新聞記者の目に留まるプレスリリースの型 新聞記者の目に留まったプレスリリース 商品を説明するときの一般的なあらすじ ほか) 第3章 応用編-ツールを使ったライティング(Excelで商品説明を量産する Google AdWordsキーワードツールで見出しを作る Googleアナリティクスで書くべき記事を見つける ほか)

数字を用いた広告事例を300点近く収録！ 周年・日時・金額など、広告デザインにおける「数字」の果たすべき役割は非常に重要です。本書では、折込チラシから雑誌広告、交通広告まで、規模の大小を問わず、さまざまな「数字」によるアピールに優れたデザイン作品を多数紹介します。