※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Webサイト制作の決定版がリニューアル！ 今のWebサイトの作り方が一気に学べる！ Web界隈やデザイナーに大人気！ Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の管理人、 Manaによる渾身のHTML ＆ CSSとWebデザインが学べる本 モバイルファースト、アニメーション、トレンドデザイン、HTML Living Standard、WebPなど 最新の情報や5年間の間に更新された情報を多数追加！ 5年連続売上第1位、シリーズ累計40万部 ・知識ゼロから体系的に学べる！　HTMLとCSSの基本 ・絶対に覚えておきたい技術！　レスポンシブ、モバイルファースト、Flexbox、アニメーション ・手を動かしながら学べる！　プロの現場で役立つテクニック ・コードの知識からデザインのことまで1冊ですべて学べる！ WebクリエイターボックスのManaが教える Webサイト制作の定番＆旬のスキル。 この1冊で必要なことがすべて学べる！ コードもデザインも全部学べる！ ●本書の対象読者 ・これからWebサイトを作り始める初心者 ・HTMLとCSSを基本から学びたい人 ・美しいデザインのWebサイトを作りたい人 ・Webの最新技術を学びたい人 ・手を動かし、作りながら学びたい人 サンプルデータはWebサイトよりダウンロードできます。 ※カバー画像が異なる場合があります。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本書と連動した特設Webサイトを公開中！　その場で動作確認ができるだけでなく、コードをそこからコピー＆ペーストすることができます。特設サイトのURLは著者紹介に記載してあります。】 Webデザイナー必携！ コピペで使える、Webページに様々な動きを加えるサンプル集 本書では、Webページによく実装される「動くパーツ」を13種類に分類して解説しています。特設サイトやダウンロードできるサンプルデータのコードをそのままコピー＆ペーストするだけで、動きを実装することができます。 ◎取り上げている動き ローディング／画面遷移／グローバルナビゲーション／ハンバーガーメニュー／テキストナビゲーション／タブメニュー／スライドショー／ギャラリー／動画／ボタン／検索／ページトップリンク／ページ内リンク／スクロールダウン／アコーディオンパネル／ツールチップ／ニュースティッカー／グラフ／モーダルウィンドウ

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 11刷突破のベストセラーが最新情報にアップデート！ これからはじめる人、一気に学びたい人へ 一生使えるWebデザインのテクニック集！ 絶対に外せない！　レイアウト4つの原則とレスポンシブWebデザイン 今日から使える！　配色の基本と、実例デザインの配色見本集 ユーザーの心を動かす！　写真と図版の使い方、タイポグラフィの選び方 フレックスボックス、CSSグリッド、インタラクション、マーケティングの知識まで この一冊でWebデザイナーに必須の基礎知識が網羅できる！ ＜本書の対象読者＞ ●これからWebデザインを学びたい初心者の方 ●Webサイト制作に自信が持てない方 ●1冊でWebデザイナーの基礎知識を網羅して学びたい方

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ Web界隈やデザイナーに大人気！ Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の管理人、 Manaによる渾身のHTML ＆ CSSとWebデザインの実践知識が一気に学べる本 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ ほんの一手間で劇的に変わる！ 一歩進んだWebサイト制作の知識が一気に学べる！ ・5つのサイトから学べる！　今のWebサイトを作る最新の技術群 ・自由な表現ができる！　手描き、斜め、グラデーション、あらゆる装飾の作り方 ・今日から使える！　表とグラフ、アニメーションなど、JavaScriptライブラリ ・動画、カスタム変数、Emmet、Sass、問題解決の知識まで WebクリエイターボックスのManaが教える Webサイト制作の実践＆旬のスキル。 思い描いているものを形にできる魔法の1行が必ず見つかる！ コードも、デザインも、時短術も、全部学べる！ ●本書の対象読者 ・HTMLとCSSの基礎学習までを終えた人 ・Webサイト制作のワンランク上のスキルを学びたい人 ・自由な装飾表現を用いてWebデザインを作りたい人 ・アニメーションなど動きがあるサイトを作りたい人 ・練習問題やお題に挑戦し、成果を皆と共有したい人 ・効率よくコードを記述できる方法を知りたい人 ・独学で困った際などの問題解決法を学びたい人

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「サイトを印象付ける基本の動き」+「世界観を作る動き」を集めた現場で使える実践サンプル集! 「サイトの印象を決定付ける動き」をこの1冊が丸ごとカバーします! 本書は、好評の「動くWebデザイン アイディア帳」の姉妹本です。「動くWebデザイン アイディア帳」がWebデザインで使われる基本的な「動き」を解説していたのに対して、本書では実際にWebサイトの印象を決定付けることができる動きについて解説しています。 前書と同様に、専用サイトから簡単にコードをコピー&ペーストして利用することも可能です!

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Webサイト制作をこれから学ぶ人へ送る “1冊目”に最適の入門書！【学びをサポートする4大特典つき】 本書は手を動かしてWebサイトを作りながら HTML/CSSとWebデザインの基本を楽しく学べる入門書です。 初学者が1冊目に読む本としてふさわしい内容を盛り込んでいるため、 これを読めば必要な基礎知識がひととおり身につきます。 制作できるサイトは計4種。 初歩的な内容から少しずつレベルアップしていき、 Flexboxレイアウト・CSSグリッドレイアウト・ レスポンシブデザイン・CSSアニメーションも作れるようになります。 またコーディングの知識だけではなく、 学習を続ける上での学び方のコツやポイントも紹介。 知識ゼロからスタートした人でも、1冊を読み終えるころには 自ら学習を深めていけるようになるでしょう。 ■わかりやすい！楽しい！ポイント ・やさしく要点をおさえた解説 ・手を動かして作ることを重視した構成 ・おしゃれでバリエーション豊かなサンプルサイト ・豊富な図解とイラスト、キャラクターによるガイド ・重要ポイントの理解を助ける補足動画 ■こんな方におすすめ！ ・Webサイト制作をゼロから学びたい初心者 ・1冊目の入門書を探している人 ・Web制作の仕事を目指している人 ■学習をサポート！嬉しい4大特典つき （※翔泳社サイトにて無料のID登録とダウンロードの必要があります） 1.サンプルサイトのXDデータ 2.特典PDF：Webサイトの公開方法 3.制作に役立つおすすめサイト集 4.初学者必携のチートシート ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

【正しいルールとセオリー、効率的なデザイン手法と最新事情】 欧文タイポグラフィの専門家であり日本のデザイン事情も知るイギリス人デザイナーと、国内のグラフィックデザイン／ウェブデザインにおける文字の専門家がまとめた、欧文タイポグラフィの解説書です。 国内のほぼすべてのデザイナーは和欧混植も含め、欧文文字を扱います。プロのデザイナーがこれらの文字を用いるためには、フォントの基本的な種類・違いなど基礎的なことを学び、それに基づいてデザインを行っているわけですが、それでもその成果物は、欧米のネイティブからすると不自然に見えることはよくあります。 本書は、欧文を扱うための基本知識・実践方法を学び、そういったスキのない欧文デザインが行えるスキルも得ることもできます。欧米ネイティブに見せても恥ずかしくないデザインにするというだけでなく、正しいルールを踏まえたデザインにすることで国内向けのデザインの品質も向上させることも目的としています。 ウェブデザインにおいては、その環境特性から文字を緻密に“組む”ことは困難ではありますが、しかしルールをあらかじめ正しく知っていることは大きな武器になるでしょう。 日本人が意外と知らない／見落としがちなポイントを含めた基本ルールから、グラフィックデザインでの実践方法、そしてウェブデザインにおける最新事情まで、“いま”の欧文デザインがわかります。 〈本書の内容〉 ■Chapter 1 欧文フォントの基礎知識 ■Chapter 2 欧文フォントの選び方 ■Chapter 3 欧文タイポグラフィのルール［Step 1］ ■Chapter 4 欧文タイポグラフィのルール［Step 2］ ■Chapter 5 欧文タイポグラフィのルール［Step 3］ ■Chapter 6 ソフトウェアのタイポグラフィ機能 ■Chapter 7 和文と欧文の組み合わせ ■Chapter 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］以降）が必要です。※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 これからはじめる人、一気に学びたい人へ 一生使えるWebデザインのテクニック集！ 絶対に外せない！ レイアウト4つの原則とレスポンシブWebデザイン 今日から使える！ 配色の基本と、実例デザインの配色見本集 ユーザーの心を動かす！ 写真と図版の使い方、タイポグラフィの選び方 フレックスボックス、インタラクション、マーケティングの知識まで この一冊でWebデザイナーに必須の基礎知識が網羅できる！ ＜本書の対象読者＞ ●これからWebデザインを学びたい初心者の方 ●Webサイト制作に自信が持てない方 ●1冊でWebデザイナーの基礎知識を網羅して学びたい方

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ---------------------------------------------------------------------------- Web界隈やデザイナーに大人気！ Web関連の情報やデザインについて学べる『Webクリエイターボックス』の中の人、 Manaによる渾身のHTML＆CSSとWebデザインが学べる本 ---------------------------------------------------------------------------- Webサイト制作に必要な知識がすべて身につく！ 今のWebサイトの作り方が一気に学べる！ ・知識ゼロから体系的に学べる！　HTMLとCSSの基本 ・最新の技術に対応！　レスポンシブ、Flexbox、CSSグリッド ・手を動かしながら学べる！　プロの現場で役立つテクニック ・コードの知識からデザインのことまで1冊ですべて学べる！ WebクリエイターボックスのManaが教える Webサイト制作の定番＆旬のスキル。 この1冊で必要なことがすべて学べる！ コードもデザインも全部学べる！ ●本書の対象読者 ・これからWebサイトを作り始める初心者 ・HTMLとCSSを基本から学びたい人 ・美しいデザインのWebサイトを作りたい人 ・Webの最新技術を学びたい人

【日本のウェブデザインを元気にする、旬な制作会社のポートフォリオ】 広く一般の人にアピールするだけでなく、企業ビジネスのさまざまな課題を解決するデザイン的にも機能的にも優れたWEBサイトを作るには、パートナーとして企業の抱える課題や目的を理解し、WEBに反映してくれるWEB制作会社が必要になります。刻々と変化するWEB制作の技術やトレンドを理解して、最適な規模や予算のソリューションを提供してくれることもWEB制作会社選びの重要なポイントになるでしょう。 本書は、そんなWEB制作会社を探している企業広報やWEB制作担当者のために、全国から厳選したWEB制作会社のポートフォリオ、仕事実績、得意分野などについて詳細に掲載したガイドブックです。企業別の得意分野には、プランニング、ディレクションなどのほか、保守運用や多デバイスへの対応、CMSの開発といった、さまざまな側面に対応しているかについて確認する事ができます。また巻頭特集では、今もっとも注目すべき企業3社をクローズアップして、その戦略や技術、特徴や強みなどに迫ります。WEBの最適なパートナーを選ぶだけでなく、WEB制作の現在、そして未来について理解することができるWEB制作会社年鑑の決定版です。 〈本書の内容〉 ■巻頭特集［Pick UP! 注目企業］最旬企業が見るWEBの未来 ■本書の読み方 ■WEB制作会社ポートフォリオ ■全国WEB制作会社リスト

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 CSSをより便利に、効率的に書ける「Sass（サス）」の解説書を、最新のコーディング環境にあわせて大幅刷新！Sassは導入が面倒そう。はじめたいけどあと一歩が踏み出せない。CSSを今よりも効率的に書きたい。こうした方がSassを導入するきっかけとなり、ひと通りSassの機能を使いこなせるようになるのが本書の目標です。CSSをHTMLの構造に合わせて入れ子で書いていく「ネスト」や、便利な「変数」や「演算」などのSassの基本機能はもちろん、筆者が実際に仕事の現場で使っている実践的なテクニックまで、この一冊で網羅しています。

【どんな制作現場でも絶対に活きる基本のノウハウが身につく】 幅広いジャンルのWebサイトや多くの制作現場で必ずと言ってよいほど使われる基礎的・汎用的なテクニックを集め、初級者の方にもわかりやすく解説した書籍です。レイアウト、インターフェース、タイポグラフィーなど5章構成で、完成作例（サンプルとなるWebページ）をもとにしたステップバイステップ形式で説明しています。解説本文ではコーディング上のつまずきやすいポイントや、間違いやすい点への補足を随所に織り込みながらていねいに解説しました（※解説で使用している作例はダウンロードして学習用にご利用いただけます）。 また本書では初級者の方が、これらのテクニックが必要とされる背景を理解できるよう、Webサイト・デザインのトレンドの変遷や、HTML・CSS、タイポグラフィー、グラフィック（画像）などに関する基本解説を設けました。現在注目されているキーワードやトレンドの背景についての知識を深めながら、多岐に渡って活用できるテクニックが身につきます。 〈本書の内容〉 ・Introduction　Webデザインの基礎知識とトレンド ・Chapter 1　ページレイアウト ・Chapter 2　インターフェース ・Chapter 3　タイポグラフィー ・Chapter 4　ビジュアルデザイン ・Chapter 5　コンテンツデザイン

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 最強デザイン脳ができ上がる画期的テキストブック、ついに誕生！ 現場のビギナーが知っておくべき初歩から、ベテランがはまりがちな落とし穴まで、この1冊でフォローします。 Webデザインのキモは、コミュニケーションです。 Webサイトとサイト訪問者のコミュニケーションの質は、デザイナーのつくったデザインの良し悪しが左右します。 そして優れたデザインは、発注者やプログラマーとデザイナーとの密なコミュニケーションにより成立します。 この本では、「どうしたら発注者の気持ちをデザインに落とし込めるか」「どうしたらサイト訪問者の心を動かせるか」という、すべてのデザイナーや制作者が抱える問題を、“コミュニケーション”というキーワードで解決します。 現場での考え方や動き方、ワークスタイルを、著者陣の豊富な体験によるサンプルと事例、イラストを交え、わかりやすくお伝えします。 ●次のような人におすすめします ・会社に入って1～2年目のWebデザイナー ・DTPやグラフィック関連など紙媒体を主としたデザイナー ・会社勤めだが、他の会社に転属転職を考えているWebデザイナー ・独立を考えているWebデザイナー ●次のようなことを実現したい人にもおすすめします ・サイトに訪れた人の心を動かすデザインをつくりたい人 ・クライアントの心を動かすデザインをつくりたい人 ・デザインの本質を身につけたいすべての人 Webデザイナー／制作者の力となる、何度でも読みたい、使いたい一冊です。

【Webデザインの「最新」と「これから」がわかる】 私たちは日夜膨大な情報をWebサイトを介して得ています。コンテンツの多様化に伴い、すばやく情報を得られる実用的でユーザービリティの高いインターフェースが求められるときもあれば、ひと目でブランドのファンにさせるような魅力的で感情に訴えかける表現が求められるときもあるでしょう。Webデザインは技術の進歩だけでなくライフスタイルやカルチャーの変化とも相互に影響を及ぼしながら進化を続けているのです。環境の進歩・変化に最適化されたユーザー体験を生み出すためには最新のデザイントレンドや技術をキャッチアップすることは欠かせません。 本書は、「UI」「レイアウト」「グラフィック」「タイポグラフィ」「配色」の5つをテーマに、さまざまな手法で作られた実例とその意義・効果を知ることで、Webデザインの最前線とこれからのデザイントレンドを一望できる内容になっています。また、各分野の第一線で活躍するクリエイターや識者が、「いまのWebデザイン」に対する独自の意見や見解を交えた「オピニオンコラム」も掲載。 Webデザイナーだけでなく、Webの制作・発注に関わるすべての人々、そしてグラフィックなどの他のデザインに携わる方にも必ず読んでいただきたい一冊です。

【Webサイトをデザインするために必須の“知識”と“考え方”を身につける】 「Webデザイン」という言葉が指す仕事の領域は、かつてないほど広がっています。従来はパソコンで見るWebサイトのビジュアルを、画像ベースで制作すれば事足りました。しかし近年は、スマートフォンの小さい画面で、「外出先」や「通勤電車の中」といった様々な使用場面が存在することを想定しながらデザインを考える必要があります。そこでは、画像では表現しきれない細かなUIとインタラクションの設計も重要になりますし、ユーザー心理を把握するUXデザインの視点も理解しておかなくてはなりません。 本書ではこのような状況を踏まえ、初学者に捉えづらい“いまのWebデザインの全体像”を一冊の書籍としてまとめました。レイアウトや配色といったデザインの基本から、UXデザインへの取り組み方、Webサイトを構成するUIやグラフィックの役割とポイント、モーションデザインの実際まで、現場の第一線で活躍する著者の知見とノウハウを解説しています。トーン＆マナーやサイトの目的に合わせたデザインのバリエーションも実例をベースに紹介しているので、実制作時のヒントにもなるはずです。これからWebデザインを学ぶ方、自分の領域を広げてステップアップしたい方にお勧めの一冊です。 〈こんな方におすすめ〉 ・Webデザインに求められる知識をひととおり身につけたい ・配色やレイアウトといったデザインの基本を知りたい ・UXデザインやUIデザインの考え方を理解してステップアップしたい ・モーションなどの動的なデザインも手がけたい 〈本書のおもな内容〉 Introduction　Webサイトができるまで Chapter1　レイアウト Chapter2　配色 Chapter3　UXデザイン Chapter4　UI・グラフィックデザイン Chapter5　モーションデザイン

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 デザインからコーディングまで、“現在の”Webサイト制作全体を学ぶ1冊。 「コーディングしやすいデザインってどう作ればいいんだろう？」と思っているWebデザイナーさん。 「デザイナーにお願いするとき、どんな風に伝えればスムーズにいくんだろう？」と思っているマークアップエンジニアさん。 「とりあえず、Webサイトってどうやって作ればいいのか知りたい」と思っている勉強を始めたばかりの方。 本書はそんなみなさんの役に立つ1冊です。 昨今のWebサイト制作は、だんだんと複雑化してきています。Webサイトを1つ作ろうと思ったら、デザイン、HTML、CSSなど、たくさんのことを勉強しなくてはいけません。本書は、そのようなWeb制作に関する知識を横断的にまとめました。 Webデザインだけ、またはHTMLとCSSだけを学ぶ書籍はありますが、その部分だけの理解だと、困ることもあります。デザインを納品したけれど、コーダーさんにデータが使いにくいと言われてしまったり、逆にどんなデザインが欲しいのかを、うまくデザイナーさんに伝えられなかったり…。そのような「困る」を体験したことはないでしょうか。 本書は、Webサイトのデザインからコーディングまでを広く扱うことで、点ではなくつながった線として、Webサイト制作を学べるように構成されています。

〈電子書籍版に関する注意事項〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。 【Web制作入門書のロングセラーが、最新仕様にアップデート！】 Webデザイン・Webサイト制作の「正しい基礎」を伝える入門書。 WWWやインターネットの仕組みをはじめ、サイト制作のワークフロー、HTML・CSSの技術解説、Webサイトを公開・運用するまでの基礎知識を、系統立てて解説しています。 改訂3版では、Web制作現場でマルチデバイス対応の必須化が進み、レスポンシブWebデザインやモバイルファーストなどの制作技法が主流化していることを踏まえ、内容を全面的にアップデート。FlexboxやCSS Grid Layoutといった、新しい技術仕様の解説も加えました。 本書の一番の特長は、基本知識や制作技術の解説とともに、「なぜ、そうするのか」といった「背景」や「理由」にも踏み込んで説明している点です。Web・Webデザインの根本的な仕組みや、技術の裏側にある背景を深く理解することで、ツールやテクニックの変化に左右されない「自分で考える力」や「ずっと役立つ応用力」を養うことを目的にしています。 プロのWebデザイナーを志望する方はもちろん、Webにかかわるすべての方に読んでいただきたい内容です。 〈本書の章構成〉 ■Lesson1　Webデザインの世界を知る ■Lesson2　Webサイトを設計する ■Lesson3　HTMLの役割とできること ■Lesson4　CSSの役割とできること ■Lesson5　Webサイトを構成する素材 ■Lesson6　Webサイトを表現する色 ■Lesson7　Webサイトを公開する ■Lesson8　Webサイトを運用する ■Lesson9　Webサイトを制作する 〈こんな方にオススメ〉 ・プロのWebデザイナーやマークアップエンジニアを目指す方 ・Webデザイン制作、HTMLやCSSを本格的に学びたい方 ・Webデザインやサイト制作の基本をもう一度学び直したい方 ・Webメディアのディレクションやプロデュースを担当する方 〈改訂した主な点〉 ・新しいCSS技術（Flexbox、CSS Grid Layout）の解説を追加 ・制作現場やHTML5・CSS3の現状を踏まえたアップデート ・実践パートを強化し、作成するサンプルを全面刷新 〈本書の特長〉 ・技術や作り方の裏側にある「背景」「仕組み」を伝える ・Webサイトをデザイン制作する上で「なぜ、そうするのか」がわかる ・「自分で考える力」「ずっと役立つ応用力」が身につく

【Web制作入門書のロングセラー。「背景」や「理由」を知ることで、一生役立つ応用力が身につく】 Webデザイン・Webサイト制作の「本当に必要な正しい基礎」を伝える入門書の改訂版。WWWやインターネットの仕組みをはじめ、サイト制作のワークフロー、HTML・CSSの技術的な解説、Webサイトを公開・運用するまでの基礎知識を、系統立てて解説しています。改訂版ではHTML5をベースにした内容に改変し、レスポンシブWebデザインに対応した簡単なサンプルサイトを制作する章を新たに加えたほか、SVGやサイトデータのバージョン管理に関する解説も追加しました。本書の一番の特長は基礎的な知識や技術解説とともに、「なぜ、そうするのか？」といった「背景」や「理由」にも踏み込んで説明している点です。最新の情報や技術手法を扱うだけではなく、根本的な仕組みや技術の裏側にある背景を含めて深く理解することで、「自分で考える力」や「ずっと役立つ応用力」を養うことを目的にしています。プロのWebデザイナーを目指す方はもちろん、Webにかかわるすべての方に知ってほしい内容を集約した1冊です。 〈本書の内容〉 Lesson 1　Webデザインの世界を知る Lesson 2　Webサイトを設計する Lesson 3　HTMLの役割とできること Lesson 4　CSSの役割とできること Lesson 5　Webサイトを構成する素材 Lesson 6　Webサイトを表現する色 Lesson 7　Webサイトを公開する Lesson 8　Webサイトを運用する Lesson 9　Webサイトを制作する（9章のサンプルデータはダウンロード可能）

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ※この電子書籍は紙版書籍のページデザインで制作した固定レイアウトです。 ノンエンジニアでもわかる！　やさしいVue.js入門書 Web デザイナー・Web 担当者・初級のフロントエンジニアなど、「Web の見た目」を作る人に向けたVue.js の入門書です。 ノンエンジニアでもむりなく読み進められるように、難しいことは極力省いて、図を用いながらできるだけ平易に解説していきます。 Vue.jsは、使いこなせればさまざまなことが実現できます。しかし本書では、Vue.js のおおまかな仕組みと、最低限の動かしかたを理解することを目的とします。まずは使ってみて、手を動かしながら感覚を掴んでいく、というイメージです。 「Vue.jsのガイドを読んでみたけれど、うまくイメージできなかった」「他の書籍を読んでみたけれど、高度でついていけなかった」という方におすすめです。 必要とする前提知識は、HTML とCSS のみです。なるべくやさしい表現と図を用いて、Vue.js とはなにか、どう役に立つのかを明確にしたのち、JavaScript の基礎知識、Vue.js の作法を丁寧に解説します。 JavaScriptはコピペでしか触ったことがない、という方でも安心して読み進めてください。 ＜Vue.js とは？＞ JavaScript フレームワークのひとつ。JavaScript 自体のコードを書かなくても、HTML やCSS の基礎的な知識があれば低い学習コストでさまざまな機能が実装できます。ノンエンジニアでも導入しやすいことから、Web デザインの現場で使われ始めています。 ＜本書の特徴＞ ・フロントエンド開発の未経験者や初級者を想定して、基礎的なところから平易に解説していきます。 ・HTML、CSS、JavaScriptのファイルのみで即実行できるサンプルを多数掲載します。初級エンジニアの入門にも最適です。 Chapter 1　スタートアップ　～なぜVue.js が必要なのか？～ Chapter 2　Vue.jsのためのJavaScriptの基礎 Chapter 3　Vue.js デザインのキホン Chapter 4　簡単なUIを作ってみよう Chapter 5　現場で使えるUIデザインレシピ集

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 デザイナー、ディレクター、デベロッパー、クライアントなどなど、ウェブ制作に関わるステークホルダー間でウェブデザインに関わる「共通言語」を持ち、より成果物の質を高めるためのガイドブック。 ウェブの発展につれて、ウェブデザインのワークフローは整備され、表現の幅も広がりました。しかし、そのウェブがそのデザインになった理由、良いウェブデザインの条件、ウェブデザインにおける「品質」や「理想」といった問題はまだまだ属人的で、感覚的に語られ決定されていることも少なくありません。 本書ではそういった現状を踏まえ、ウェブデザインを機能性と情緒性という2つの軸を中心に分析し、体系化することを試みています。 本書は5つの章で構成されています。1～4章はウェブデザインを体系化した理論の解説で、5章はその体系化された理論を実践し、実際にデザインコンセプトを策定する上での具体的な解説をしています。

Webデザインの作業フェーズ・業務シーンごとに、 「Adobe Photoshop」と「Adobe Illustrator」の 便利な使いこなし方やノウハウを解説する本です。 Webにまつわるビジュアルをより魅力的なものにするために、 あるいはWeb制作を効率的に行うために必要となるテクニックを 目的に沿って作例を用いながら解説します。 Webデザイン初心者、Webデザインに活動範囲を 広げたいと考えているグラフィックデザイナーはもちろん、 簡単な素材の制作や写真加工を行う必要があるプログラマーや コーダーにとっても有益な内容です。 Adobe Creative Cloud 2020/2019対応。 ※教材データはインターネットからダウンロードする必要があります。

【Webの「いま」を一望できる最新実例サンプル集！】 本書は、優れたWebサイトの最新実例を約300点集め、それぞれの特長や考え方をていねいに解説したWebデザインの見本帳です。Web制作の現場で活躍している実力派の著者陣が、「テキスト・タイポグラフィ」、「レイアウト」、「色と余白」、「グラフィック・写真」、「最新のWebページデザイン」の5つのテーマをもとにWebサイトを厳選。レイアウトの考え方、配色などの視覚伝達デザイン的な観点とマルチデバイス対応などの技術的な観点を織り交ぜながら、掘り下げて解説しています。 技術に依存しているWebメディアは、時代の趨勢でデザイン手法も制作ツールも、簡単に置き換わってしまう変化の速い世界。そうした中で、時代を超えても変わらないものと、流行り廃りのあるものを見極めていくことが重要です。本書では最新Webサイトの好例を注視すべきポイントとともに解説していますので、Web制作にかかわる方が最良のデザインやレイアウト、視覚表現のアイデアを考える過程で、本書の内容を通じてイマジネーションを働かせることができるはずです。魅力的なWebサイトをつくるために役立つ実践的な見本帳として活用いただけます。

【“やるべきこと”と“やってはいけないこと”をまとめた新しいルールブック】 Webデザインは、サイトの固定的な見映えだけを考えればよいわけではありません。Webページとして公開される際は、必ずHTML・CSSによるコーディングを経る必要があります。また、端末によって画面幅も異なりますし、ユーザーの使い勝手も重要です。さらに、公開後の更新によってはコンテンツの文量も変わるかもしれません。このようなWebの特性を理解していないと、そもそも実現不可能だったり、ユーザーが使いにくかったり、更新で崩れてしまうようなデザインになりがちです。 本書では、このようなWebデザインに携わるうえで知っておくべきルールを1冊にまとめました。Webデザインの基本的な考え方から、デザインデータ作成のノウハウ、納品時の指定、Photoshop／Illustratorの効率的な使い方など、Webデザイナーがプロとして“やるべきこと”と“やってはいけないこと”を網羅しています。初心者はもちろん、これまでグラフィックデザインを中心に手がけていた方にもきっと役立つはずです。Web特有のマナーを踏まえて、手戻りなく、スムーズに後工程が進められるデザイン制作を目指しましょう。 〈本書の内容〉 INTRODUCTION　Webサイトをデザインするということ CHAPTER 1　Webデザインの基本的なルール CHAPTER 2　コーディングに困るデザインデータとは CHAPTER 3　わかりやすい納品データの作り方 CHAPTER 4　Photoshopの上手な使い方 CHAPTER 5　Illustratorの上手な使い方

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 現場を知り尽くしたプロが教えます　Webデザイナーの疑問解決。185 Webデザインの仕事をしているけど、実はよくわかってない。でも今さら人には聞きにくい。そんな悩めるデザイナーが日々の仕事で遭遇しがちな疑問とその実践的な解決方法をFAQ形式で紹介します。 レイアウトや配色のルールは?HTMLとCSSについて知りたい。SEOって何?といった基本的な知識はもちろん、スマートフォン対応やHTML5についてなど業界最新事情もしっかり解説。また、知らないとソンするPhotoshopやDreamweaverなどの効率化テクニックも満載です。これから知識を得ようという初心者はもちろん、すでに働く中級者にも役立つ1冊です。 HTML+CSS / ワークフロー / レイアウト / 配色 / 文字 / 画像 / SEO / Photoshop・Dreamweaver / CMS / アクセシビリティ / 運用管理・・・ プロの知恵が詰まった保存版。 すぐに使えるCSS3のテクニックは? 現場で役立つPhotoshopのテクは? CSSハックって何? Web配色のコツを教えて HTML5になるとどうなるの? CMSってなんですか? HTMLとCSSの基本を知りたい Dreamweaverの作業を効率化したい テンプレートについて教えて JavasSriptってそもそも何? 基本ワークフローを教えて フォントはどう選ぶ? 逆L字レイアウトって何? SEO対策の基本を教えて ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ＼＼40000部突破したベストセラーが4年半ぶり待望の大改訂！／／ Webデザインに関わる全ての人へ 想像力を高める最新の良質サイト429選！ 優れた実例を見ることは新しい作品を生み出す力になる！！ ・これからはじめる人に！ ・打ち合わせのお供に！ ・困った時のアイデア出しに！ オススメ！ 見るだけでWebデザインのトレンドが自然とわかる！ ―――――――――― 　デザインは見て学ぶ ―――――――――― 本書は429点の厳選した良質なWebサイトを集めた見本集です。第2版ではほぼすべてのデザインを見直し全面的な改訂を行っています。今後も長く使える最新のデザインを取り揃えました。 レイアウト、配色、フォント、素材、動き、プログラムなど、ページを構成しているデザインパーツまで分解しているので、Webサイトを見るだけではわからなかった「デザインの魅力の理由」がわかり、サイトの制作にもすぐに活用できます。 「アイデアが見つからない」「イメージはあるけど、何が必要で、どう作ればいいかわからない」といった時に必見の価値あり。パラパラめくって好きなページを見つけ出し、デザイン制作に役立ててください。 ―――――――――― 　本書の対象読者 ―――――――――― ・デザインのアイデアが見つからない方 ・デザインの制作に自信が持てない方 ・クライアントと打ち合わせする際に方向性となる見本が欲しい方 ・Webデザインの最新トレンドを知りたい方

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 目的別に探せて、すぐに使える Webデザインのアイデア集 Webデザインに関わる全ての人へ 創造力を高める最新良質サイト415選！ 優れた実例を見ることは発想（アイデア）を生み出す糧（かて）になる！ ［印象／配色／業種／レイアウト／書体／トレンド／パーツ別］ ・これからはじめる人に！ ・打ち合わせのお供に！ ・困った時のアイデア出しに！ オススメ！ ●デザインは見て学ぶ 本書は415点の厳選した良質なWebサイトを集めた見本集です。 レイアウト、配色、フォント、素材、プログラムなど、ページを構成しているデザインパーツまで分解して解説しているので、Webサイトを見るだけではわからなかった「デザインの魅力の理由」がわかり、サイトの制作にもすぐに活用できます。 「アイデアが見つからない」「イメージはあるけど、何が必要で、どうつくればいいかわからない」といった時に必見の価値あり。パラパラめくって好きなページを見つけ出し、デザイン制作に役立ててください。 ●本書の対象読者 ・デザインのアイデアが見つからない方 ・デザインの制作に自信が持てない方 ・クライアントと打ち合わせする際に方向性となる見本が欲しい方

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Webデザイナー、プロデューサのためのWebデザイン実践シリーズ第3弾。有名ポータルサイトのプロデュースなどを手がける著者が、Webレイアウトに必要な知識とテクニックを丁寧に解説。さらに、プロデザイナーならではの技を一挙公開。 ※本書は2004年に発売された底本どおりに制作されております。掲載されているサイト、URLなどが現在と異なっている場合がありますので、ご了承ください。

【ウェブデザインの仕事のすべてがわかる！キャリアガイドブックの決定版】 「ウェブデザイナーになる！」「キャリアアップを目指す！」という方のために、プロのウェブデザイナーに必要とされる知識・技術・考え方を解説した一冊。ウェブデザインに関わる人々が担う役割、サイト制作のワークフロー、身につけるべきスキルなどを紹介しつつ、第一線で活躍するウェブデザイナーの仕事に対する考え方、実際のウェブサイトが完成するまでの流れといった現場の様子も伝えています。まさに“いまのウェブデザインの仕事”の全体像が理解できる、キャリアガイドブックの決定版です！

　競争の激しい中で、自社サイトをたくさんの訪問者に見てもらい、そのまま商品を申し込んでもらうためには次の4つのセンスがバランスよく必要です。 ・ウェブを使ったビジネスのセンス ・ウェブデザインのセンス ・ウェブ上でのコミュニケーションのセンス ・ウェブ技術のセンス 　この4つのセンスをバランスよく持っていただくために本書では、「ウェブサイト制作の流れ10のステップ」を解説します。 　この10のステップを知ることにより読者が4つのセンスを短時間で身に付けることを目指します。これら4つのセンスが身に付けば集客力のあるウェブサイトを作るためにはどのような選択肢があるのかを知り、1つひとつの決断をする力を持つことができるはずです。

■WEBデザイナーはもちろん、 ◎会社でWEBサイトにかかわっている方 ◎ご自身のビジネスでWEBサイトを立ち上げている方 ◎WEBマーケティング担当者 にこそ読んでいただきたい１冊が登場です。 本書の目的は明確です。 「かっこいい」「おしゃれ」なサイトではなく、 「売れる」サイトをつくれる（発注できる）ようになること。 著者が長年の経験から導き出した知恵や知識を体系化した「顧客心理逆算式デザインの法則」を基に、 ユーザー心理から逆算して、あなたのサイトの問題を見つけ出し、 解決する方法を徹底的に解説します。 ◎今までのペルソナに命を吹き込む――ペルソナ設計新メソッド「ピョン吉」の法則 ◎心理トリック口コミの効果を最大限にする――「印象コントロール」の法則 「売れる」サイトづくりの法則を徹底解説しています。 いずれも「BASE」「Shopify」でも活用できるものばかり。 売れるWEBデザインを生む思考法＆実践法を、完全マスターできる１冊です。 ■本書の内容 ・はじめに ・第１章 なぜWEBサイトをつくった企業の ・第２章 売上はデザインが９割 ・第３章 売上10倍を当たり前にするWEBデザインの法則 ・第４章 超実践！ 自社サイトの課題と解決策の見つけ方 ・第５章 デザインに心理トリックを取り入れて、０円でファンを殺到させる ・第６章 セオリー無視！ 今の流入数で最大限コンバージョンさせる方法 ・第７章 WEB以外にも活用可能！ 儲かり続ける発想力の鍛え方

「4つのレイアウトパターン」と「レスポンシブデザイン」を実際に手を動かして作りながらサイト制作の基本が学べる！本書はWeb制作の基礎言語であるHTMLやCSSの書き方だけでなく，多くのWebサイトが採用している4つのレイアウト手法を学ぶことで，1冊を読み終えると各言語の知識とWebデザインの基礎が身につく作りとなっています。Webデザインの新しい手法を積極的に紹介しつつ，実際の制作現場で使われている堅実な手法もバランスよく取り入れ，学習用ではない「現場で役に立つ」実践的なテクニックを数多く盛り込みました。また，Webサイト制作を楽しく学ぶため，サンプルサイトの見映えにもこだわりました（完成後は手を加えて読者のプロフィールサイトとして利用可能）。ライブ感のあるチュートリアル学習により，まるでWebデザイン会社でOJT（オン・ザ・ジョブ・トレーニング）を受けているような体験型の独習書です。サンプルデータのダウンロードサービス付き。

＜コンセプト＞PC＆モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく！ ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが，本書は体系立てた文法学習よりも，まずは「コーディングとはどのような作業なのか」を理解できる初学者向け入門書です。架空のカフェのショップ紹介＆ネットショップサイトをチュートリアル形式で作成しながら，基本的なHTML要素／CSSの基本構造（セレクタ，プロパティ，値）を学ぶことができ，レイアウトのテクニックやデザイン（Webデザイン＆レスポンシブデザイン）の基本も身につきます。 ＜本書のポイント＞ チュートリアル学習では，PC版だけでなくウェブ制作の現場でニーズの高いモバイルサイトのデザインがしっかり学べます 定番となったflexbox，displayを使ったレイアウト手法の基礎から実践まで丁寧に解説します 「フルスクリーン」「フレックスボックス」「シングルカラム」「2カラム」「グリッド」の5種類のレイアウトパターンを学習できます 横スクロールするレイアウト，アニメーションで拡大するボタンなど動きのあるサイトづくりも体験できます 「動画コンテンツページ」「ネットショップページ」も制作します ＜綴じ込み特典つき＞ 付録①デザインのバリエーションが学べる！「レスポンシブデザインのネタ帖」 付録②インターン，就転職に役立つ！「ポートフォリオ用アレンジのネタ帖」

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 HTMLとCSSを使ったWebをデザインする上での心得と基礎を解説したWebデザイン入門書です。ブログやTwitterの登場により、インターネットに情報を発表する際に、必ずしもHTMLに頼る必要がなくなりました。しかし、ブログやTwitterといった新サービスが流し読みに適した雑誌だとすれば、HTMLで作られたサイトは情報が整理・蓄積された書籍に近いものであり、情報をじっくりと読むのに適しています。本書では、まとまった情報を提供することを念頭に、見やすく、探しやすいWebデザインとはどのようなものかを基礎から解説。感性頼りではなく、きちんとした理屈でデザインを作れるようになる一冊です。

【移り変わりの激しい現在だからこそ、ゆるぎない基本を身に付ける。】 HTML＋CSSを利用してコーディングとデザインを進めていくうえで「これだけは知っておかなくてはならない」という基礎となる知識と技術をまとめた解説書。ウェブデザインとHTML＋CSSの基本を皮切りに、レイアウト、ビジュアルデザイン、ナビゲーションやフォームといった実践的なコーディングのポイントも解説していますので、ウェブ制作の現場で役立つ情報が凝縮されています。知識があいまいな初心者の方はもちろん、「いまのコーディング」を再学習する必要性を感じているウェブデザイナーの方にも役立つ一冊です。

【読む×作る＝Webサイトをゼロから作る力が身につく！ 】 Webサイトのデザイン制作をはじめて学ぶ方に向けて、HTML+CSSとサイトの作り方をゼロから解説した書籍です。 サイトを作るうえで必要となる「道具」の説明やHTMLとCSSの基本から、シンプルなページ構成のWebサイトを制作する方法、制作したサイトに現場で実際に使われている技術を取り入れるところまでをカバーしました。 本書の大きな特長は2つです。 1つ目は、「座学」と「実践」の2通りを交えた構成になっている点。解説を読みながら、サンプルファイルを使ってソースコードを書いたり、Webブラウザに表示させたりすることで、サイトを作るノウハウがゼロから身につきます。 2つ目は、「いまの技術」に焦点を合わせていること。HTML、CSSの過去や未来の話ではなく、制作現場でいま使われている内容に絞って解説しています。 プロの目指す方の入門書としてはもちろん、自分でソースコードを書くことがなくてもディレクションする立場にある方、業務ではなく個人でHTML+CSSを習得したい・Webサイトを作りたい方などにも、活用いただける内容になっています。 〈本書の章構成〉 Introduction Webサイトを制作する前に Lesson 1 Webサイトを制作する準備 Lesson 2 HTMLとCSSの役割を理解する Lesson 3 HTMLでマークアップを行う Lesson 4 CSSで見た目を制御する Lesson 5 HTMLでWebページの構造を作る Lesson 6 CSSでレイアウトを制御する Lesson 7 実践：Webサイトを作る Lesson 8 実践：問い合わせフォームを作る Lesson 9 応用：現場の技術を取り入れる Lesson 10 応用：JavaScriptで動きを表現する Lesson 11 応用：SNSや他サービスとの連携

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「HTML5プロフェッショナル認定試験 レベル1」の対策テキストなら鉄板のこの1冊！ 本書は、LPI-Japanが主催する「HTML5プロフェッショナル認定試験 レベル1 Ver2.5」（2022年2月改訂版）に合格するための知識を身につけるための書籍です。 ※「HTML5プロフェッショナル認定試験」は、HTML5やCSS3、JavaScriptなど、最新のマークアップに関する技術力と知識を認定するための資格試験です。デザイン、Web、開発に関わる幅広い職種を対象としています。試験名には「HTML5」が使われていますが、最新の標準仕様であるHTML Living Standardに基づいて作成されており、本書もそれに基づき執筆・制作されています。 本書は、LPI-Japanによって公開されている出題範囲をしっかりと押さえつつ、関連する知識も含めて、読みやすく、覚えやすい形でまとめています。 紙面では、「用語解説」や「注意するポイント」「補足説明」などを適切に切り分けて掲載し、重要な点がスムーズに学べるよう配慮しています。 また、各章の最後には問題集を用意しています。これにより、学習した内容の理解度を確認するとともに、しっかりと定着させていくことができます。 今回の改訂版では、新しい試験範囲と仕様の変更に沿って、HTML、CSSの解説を全面的に見直し、ブラッシュアップしています。 出題範囲の改訂にあわせて項目の追加や削除、内容の修正、順番の入れ替えなどを行い、より読みやすく、理解しやすい内容になっています。 Chapter1　HTML Chapter2　CSS Chapter3　レスポンシブWebデザイン Chapter4　API概要 Chapter5　Web関連の規格と技術 大藤 幹（おおふじ みき） 1級ウェブデザイン技能士。ウェブデザイン技能検定特別委員、若年者ものづくり競技大会ウェブデザイン職種競技委員。現在の主な業務は、コンピュータ・IT関連書籍の執筆のほか、全国各地での講演・セミナー講師など。 著書は『プロを目指す人のHTML&CSSの教科書』（マイナビ出版）、『今すぐ使えるかんたんEx HTML&CSS 逆引き事典』（技術評論社）、『詳解HTML&CSS&JavaScript辞典』（秀和システム）など60冊を超え、HTML5プロフェッショナル認定試験の公式サイトにおけるサンプル問題も多数提供している。 Chapter 1～2、Appendix担当。 鈴木 雅貴（すずき まさたか） NTTテクノクロス株式会社 主任エンジニア。 学生時代にインターネットの世界に出会い、表現場所としての可能性を感じるとともにこの世界に関わりたいと考え、1999年入社。2010年よりHTML関連の業務に従事し、Web技術を中心とした技術支援や技術者育成に力を注ぐ。アヒルが好き。 Chapter 3～5担当。

オンラインビジネス・ウェブデザインの成果を、行動科学を用いて改善することに成功した方法を開示する画期的な書。 『影響力の武器』のチャルディーニ、フォッグ、カーネマンら世界的な行動科学者の理論に基づき、オンライン収入の向上、広告費の削減、コンバージョン率の向上、顧客の満足度の上昇を達成。 「プロンプト」「アビリティ」「モチベーション」の三つの観点を駆使して、サイト訪問者のオンライン行動に影響力を行使する「行動デザイン」の手法を具体的に多数伝授する。 Eコマースに関わる人すべての強い味方に。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 HTML&amp;CSSで表現するシンプルで使いやすいデザイン。 本書はWeb制作Tipsを一冊にまとめて、具体的な実装方法を解説した書籍です。「デザインを見ただけで必要な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検索結果への対策 ・小林 マサユキ サイト制作の現場で使えるTipsやアイデアをSNS上で発信しているWebデザイナー。 　URL : <a href="https://pulpxstyle.com/">https://pulpxstyle.com/</a> 　Twitter : <a href="https://twitter.com/pulpxstyle">https://twitter.com/pulpxstyle</a>

【いまのWebデザインのトレンドがこの1冊でわかります。】 　HTML5やCSS3への移行、レスポンシブWebデザイン、フラットデザイン、モバイルファースト──近年のWebデザインで話題にのぼるこれらのキーワードは、一見ばらばらなように見えても、実は一本の線でつながっているといえます。それらは「PCで見るためのWebサイト制作」という従来の固定観念から離れ、スマートフォンやタブレットを含む多様なデバイスでの利用に耐えるWebサイトを、いかにユーザーフレンドリーに、かつ効率よく構築するかという視点から生まれたものといえるでしょう。 　本書はこのような潮流を踏まえ、続々と登場しているWebデザインの新しい技術と手法、ツールとトレンドを1冊にまとめて解説しました。実際に現場で役立つトピックを厳選しており、デザインやレイアウトの流行の手法から、コーディング、プロジェクト管理やSEOなどの運用面まで、Web制作に携わる方々が知っておくべき最新情報を網羅しています。「最近はどんなレイアウトが流行っている？」「HTML5とXHTMLのどちらで制作するべき？」といったよくぶつかる疑問を解消し、Web制作の「いまの常識」を体系的に理解できる1冊です。

【いま必要なディレクションのノウハウをまとめた1冊】 　本書は、Webサイトの制作ディレクションを行う方に向けて、制作ワークフローとディレクションにまつわる最新トピック・重要項目を集めて解説したものです。新しい技術やデバイスが生まれ、新たなサービスが次々と生み出されていく現在のWeb業界では、制作のフローも、ディレクションを行う側に求められる役割・能力も、従来から大きく変化しています。日進月歩で変わる制作現場の状況に対応していくため、制作をディレクションする方に身につけていただきたい知識・ノウハウを現場視点で集め、1冊にまとめたのが本書です。 　冒頭のIntroductionではWeb・Webデザインのトレンドと、いまの現場で起こっている制作フローの変化や、従来のような職種ごとの「職域」はすでに曖昧になっている現状を解説します。続く1～4章は、サイト制作の4つのフェイズ（企画→設計→制作・プロジェクト管理→運用・効果測定）に応じて、最新の事象解説、新しい技術・手法・ツールの紹介などを掲載しています。Webディレクターだけに限らず、現場で制作ディレクションを行う方すべてに、プロジェクトをより円滑に進行するためのヒントと最新情報を提供する1冊です。

【いまWebデザイナーが身につけておくべき知識と手法を凝縮した一冊】 　スマートフォンやタブレットなどの普及により、Webサイトのデザインの潮流も大きく変わりました。たとえば近年の流行の代表であるフラットデザインは、たんにビジュアルの目新しさを求めたものではなく、「スクリーンの小さいデバイスにおいても、いかにコンテンツを明快に、かつ魅力的に見せるか」という課題への解決策のひとつとして採用されはじめた手法といえます。 　本書ではこのようなWebデザインの変化を踏まえ、いまの制作現場に欠かせないWebデザインの知識・手法・ツール等を取り上げています。「レイアウト＆配色」「グラフィック＆タイポグラフィ」「UX＆UI」「エフェクト＆リッチメディア」と多彩なカテゴリーを網羅したトピックを豊富な実例を交えながら紹介し、よく採用される背景や理由、メリット／デメリットにも踏み込んで解説しているので、デザインを考える各場面においてどのような選択肢があり、最適なものをどう選べばよいのかがわかります。現場でよくぶつかる疑問を解消し、Webデザインの「いまの常識」を体系的に理解できる一冊です。

【いまWebでよく見るデザイン手法が勢ぞろい！】 最近は、Webサイト制作で使用する技術が大きく様変わりしはじめています。“モバイルファースト”と呼ばれる考え方が広まっているように、PCよりもスマートフォンからのアクセスのほうが多いWebサイトはすでに珍しくありません。また、いわゆるレガシーブラウザも淘汰されつつあることから、現在はHTML5＋CSS3に対応したモダンブラウザを前提に、多彩なデバイスに対応できるWebサイトづくりが主流になっています。 本書はこのような制作状況の進化を踏まえ、「これからのWeb制作のスタンダード」となる手法をまとめた解説書です。近年のWebサイトでよく見られるレイアウト／ナビゲーション／エフェクト／UIパーツを、ステップ・バイ・ステップ形式で紹介しています。ドロップダウンメニューやスライドショーなどの基本から、背景全面動画やMasonryなどの流行の手法まで、いまのWebデザインに欠かせないテクニックを網羅しました。サンプルデータもダウンロードできるので、手を動かしながらコードの挙動なども確認できます。「これをやりたかった！」が必ず見つかる1冊です。

【もう「わからない」では済まされない、最新のWebマーケティングが理解できる一冊！】 めまぐるしく変わる情報通信技術の進化、特にスマートフォンの登場は、私たちのライフスタイルと消費行動に大きな変化をもたらしました。それにともないWebマーケティングの世界も急速に変化しており、そのトレンドのめまぐるしい変化にはなかなかついていけない人も多数いることでしょう。 本書は、そんなWeb制作関係者や企業のWeb担当者などを対象に、Webマーケティングの“普遍的な仕掛け”から、フレームーワーク、具体的な手法や現在のトレンドなどを網羅的に解説した入門書です。本書の構成は「戦略」「分析」「コンテンツ」「広告」「ソーシャル」の5章で構成されており、UXデザインやインバウンドマーケティング、ビッグデータやDMP、コンテンツマーケティングや、インフォグラフィック、動画マーケティングといった、バズワードとしてしか目にすることがなかった最新のWebマーケティングの状況をひととおり理解することが可能です。最新のWebマーケティング知識習得のための、入り口となる一冊です。

【新しい時代のHTMLとCSSの書き方、教えます。】 近年のWebコーディングはスマートフォンをはじめとする対応デバイスが劇的に増えたことから、非常に手間のかかる工程になりました。検証や最適化まで含めたすべてを手作業でこなすのは無理が生じてきており、さまざまな制作支援ツールやフレームワークを活用しながら進めるなど、従来のワークフローから大きく変化を遂げています。 本書では、このような“モダン”なHTML＋CSSコーディングのあり方と、作業の効率化＆適正化を図る手法・技術・ツールを網羅的に解説しました。「環境構築」→「HTMLコーディング」→「CSSコーディング」→「最適化・検証」とワークフローに沿って必要な情報を紹介していますので、タスクランナーやCSSメタ言語といった最近よく聞く技術がどの工程に関わり、どのような作業を楽にするものなのかが秩序立ててわかります。 もちろんツール類の解説だけにとどまらず、HTML5の新要素、CSSのセレクタ、CSS設計といった普遍的なトピックも盛り込んでいますので、さまざまな場面でお役立ていただけます。いまHTML＋CSSを書くうえで知っておかなければならない「現場の常識」が凝縮された必読の一冊です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書は、Webサイトのデザインを改善するために役立つ実際の改善事例やTipsなど、絶えずWebサイトを改善し続けるためのヒントを詰め込みました。 多くのウェブサイトを改善してきた著者たちが、実際のデザイン事例 Before&After、汎用的に使える改善Tipsやコンバージョンに貢献しやすい施策を解説しています。サイトの種類が異なっても再現できるようにポイントを解説するだけでなく、次の一手のアイデア集として長く活用していだけるように、汎用的な内容を数多く紹介しています。 最後の章ではプロが現場で行う改善のプロセスを解説し、次の一手を打ち続けていくために必要な考え方についてまとめてあります。 目次： 　Chapter1　デザイン事例集 　Chapter2　改善Tips 　Chapter3　コンバージョンを上げるための改善を実行しよう 　Chapter4　コンバージョンを上げるためのサイト改善のプロセス

【1日30分からはじめる！ プロを目指す人の新・スタンダード。】 WebデザインやHTML・CSSの学習を「1日30分からはじめる」をテーマに、やさしくしっかり解説した書籍。初学者の方が、プロのWebデザイナーを目指す上で必要となる基本的な知識や技術を体系的に学べます。“ちゃんとしたプロ”のWebデザイナーとしてスタート地点に立つために、最初に選んでいただきたい1冊です。 Webサイトの実制作のフローに沿い、本書の解説では、Webデザインの概論と制作に必要となるツールや素材・配色について学んだあと、HTML・CSSの基礎と実践を習得し、サイトの公開や運用に関する知識を身につけます。HTML・CSSの書き方を初歩から教えるだけにとどまらず、サイトを制作し、公開・運用していくために必要な基本知識をすべて解説しています。 また、各記事ごとに学習時間の目安を記載しており、授業や独習で学習教材として活用しやすい作りを目指しました。HTML・CSSの実践部分でサンプルサイトとして制作するのは、シングルページのシンプルなお店のサイトと、モバイルファーストの手法を取り入れたサイトの2つです。サンプルは学習用データとしてダウンロード提供します。 〈こんな方にオススメ〉 ・初学者からプロのWebデザイナーやマークアップエンジニアを目指す方 ・Webデザイン制作やHTML・CSSの知識を身につけたい方 ・WebデザインやHTML・CSSの基本情報をアップデートしたい方 〈本書の章構成〉 ○Lesson1　Webサイトの成り立ち ○Lesson2　Webサイトの枠組みを知る ○Lesson3　Webデザインに必要な素材 ○Lesson4　HTMLをマスターする ○Lesson5　CSSをマスターする ○Lesson6　シングルページのサイトを作る ○Lesson7　レスポンシブ対応サイトを作る ○Lesson8　Webサイトを公開してみよう ○Lesson9　SNS連携とWebサイトの運用

〈電子書籍版について〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なります。 【プロを目指すなら最初に選ぶ本。基本から最短コースで身につきます！】 WebデザインやWeb制作の「プロ」を目指す人が、最初に選ぶ定番ロングセラーの改訂2版。「1日30分からはじめる」をテーマに、Webデザイン・制作の基本知識やHTML・CSSのコーディング技術を、やさしくしっかり解説しています。 本書の解説では実制作のフローに沿い、Webデザインの概論と制作に必要なツールや素材について学んだあと、HTML・CSSの基礎とサイト制作の実践を習得し、公開や運用に関する知識を学びます。初学者の方がプロの制作者を目指す上で必要となる一連の知識と技術を体系的に学べる内容です。 実践パートで学習用サンプルとして制作するのは、シングルページのシンプルなお店のサイトと、レスポンシブWebデザインを取り入れたサイトの2つです。手順に沿ってやってみるチャレンジパートもあるほか、学習用サンプルはダウンロードデータとして提供。 本書では各記事ごとに学習時間の目安を記載しており、授業や独習で学習教材として活用しやすい構成を目指しました。 “ちゃんとしたプロ”のWebデザイナー、マークアップエンジニアとしてスタート地点に立つための知識と技術が、最短コースで身につきます！ 〈本書の特長〉 ・1冊で、理論（読むパート）と実践（作るパート）の両方を習得できる ・節ごとに学習時間の目安を設けており、学習教材としても利用しやすい ・大学や専門学校で教えている現役の先生たちが、かみ砕いて解説している 〈こんな方にオススメ〉 ・初心者からプロのWebデザイナーやマークアップエンジニアを目指す方 ・Webデザイン・Web制作やHTML・CSSの基本知識を身につけたい方 ・HTMLやCSSを学び、ご自身でWebサイトを作成してみたい方 〈本書の構成〉 ■Lesson1　Webサイトの成り立ち ■Lesson2　Webサイトの枠組みを知る ■Lesson3　Webデザインの特性を知る ■Lesson4　Webデザインに必要な素材 ■Lesson5　HTMLをマスターする ■Lesson6　CSSをマスターする ■Lesson7　シングルページのサイトを作る ■Lesson8　レスポンシブ対応サイトを作る ■Lesson9　Webサイトを公開してみよう ■Lesson10　Webサイトを運用する ■チャレンジしてみよう！

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【レイアウトのルールとテクニックと見本帖がまるごと1冊に！】 グラフィックおよびウェブデザインに応用できるレイアウトデザインのルールと、デザインワークのちょい技やアイデアをあつかった書籍。デザイナー的情報整理術から視覚の誘導にまつわるルールとテクニック、紙面・サイトデザインづくりのヒント、ターゲット・メディア別のデザインサンプルやページ構成のアイデアまで、レイアウトについてのすべての“知りたい！”に応える解説書。多様化する媒体（Webサイト、SPサイト、ちらしやカードなどの紙媒体、冊子やカタログなどの見開き紙媒体）、多様化するサイズ（バナー広告からポスター）、横型メディアから縦型（スマホサイト）メディアへの応用力も身につきます。 ■こんな方におすすめ ・制作業務を始めたばかりの新人デザイナーさん ・ノンデザイナーで企業内のデザイン成果物を制作しなければならない方 ・レイアウト／デザインに興味のある方 ■目次 ●PART.1 レイアウトの基本 　　伝わるレイアウトとは 　　デザインの進め方 　　レイアウトのパターン一覧 ●PART.2 レイアウトのルール 判読性 --グループ化 --ライン --コントラスト 視認性 --メリハリ --ジャンプ率 --ホワイトスペース 可読性 --書体 --カラー ●PART.3 レイアウトのアイデア 《法則》 　　01 グリッドで整然と並べる 　　02 要素を集める 　　03 シンメトリーで安定感を出す 　　04 対比して印象を強める 　　05 分割して対比効果を高める 　　06 ビジュアルの中央配置で迫力を出す 　　07 反復で規則的に配置する 　　08 逆三角形で緊張感を出す 　　09 時系列に並べて誘導する 　　10 引き出し線でアクセントをつける 　　11 目的に合わせて文字を組む 《動き》 　　12 文字組みを混在させる 　　13 切り抜き写真で楽しさを演出する 　　14 ランダムに配置する 　　15 数字でリズム感を加える 　　16 角度をつけてスピード感を出す 　　17 コマ送りでストーリー性を持たせる 《メリハリ》 　　18 裁ち落としで印象的に見せる 　　19 角版・裁ち落とし・切り抜きを使い分ける 　　20 カラーでアクセントをつける 　　21 反復くずしでアクセントをつける 　　22 罫線で区切る 　　23 コントラストの効果で印象付ける 《ビジュアル》 　　24 コマ割りで物語を創り出す 　　25 新聞風デザインを活用する 　　26 ふきだしデザインを活用する 　　27 コラージュで楽しい雰囲気に 　　28 インフォグラフィックで視覚的に伝える 《ターゲット》 　　29 対象に合わせて書体を選ぶ 　　30 子ども向けのデザインをつくる 　　31 シニア向けのデザインをつくる 　　32 女性向けのデザインをつくる 　　33 男性向けのデザインをつくる デザインの豆知識 ■著者プロフィール ARENSKI（アレンスキー）：女性向け雑誌・書籍からファッション・美容関係のカタログ、広告、Web制作など、様々なジャンルのデザインに携わっている。著書「魅せ技＆決め技Photoshop～写真の加工から素材づくりまでアイデアいろいろ～」http://www.arenski.co.jp

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Webデザインの「時間短縮」に特化したPhotoshop本!修正しやすいボタンの作成、バナーの一括生成、効率的なスライスなど、現場で使える80本超のテクニックを収録。Photoshop CC対応。

男だらけの小さなウェブデザイン会社に、月ノ瀬月乃が入社した。ところが彼女は「仕事はしんどいからイヤ！」と放言するポンコツ美女だった。彼女に仕事を教えることになった先輩の陽太は悪戦苦闘の末に……。本書は、面白おかしい物語仕立てで、初心者でもしんどい仕事をラクにこなす仕事術を解説したラノベ風の読み物です。「仕事に使えるiPhone・iPad活用術」動画解説付き！

【見た目だけのWebデザインにさようなら。サイトの動きも表現できるデザイナーになる！】 jQueryをはじめとするJavaScriptのライブラリ・プラグインや、Twitter Bootstrapに代表されるCSSフレームワークなどを組み合わせて、Webサイトの複雑な「動き」を効率よく実装するテクニックを解説しています。Introduction＋本編5章構成で、スクロールに応じてコンテンツの続きを自動的に読み込む仕組み、Facebook風のスライド式サイドメニューなど、42のテクニックを掲載しました。サンプルデータはダウンロード提供しており、サイトの見た目だけではなく「動き」も表現できる、新時代のWebデザイナーに必携の1冊です！

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 スマートフォンやタブレット、PCなど、現在のWebにアクセスしてくるユーザーの環境は多種多様です。さらにデザインの変更・修正も、設計段階から頻繁に行われ、公開後の更新も迅速に行う必要があります。そんな制作現場で、マルチデバイスに対応したサイトのデザインを素早く実現するために使われているのが、グリッドデザインを意識したCSSフレームワークです。 本書は、制作現場で役立つ、グリッドデザインの考え方、フレームワークを使うために必要な基礎知識のポイントを解説したうえで、実際に役立つ設定方法を紹介していきます。フレームワークの代表的ツールであるBootstrapをメインに、ユーザーが使いやすいメニューの見せ方や、カラムの変更で破綻しないテクニックなどを、一つひとつ指定していくことで、制作現場で使える基本が身につきます。

〈電子書籍版について〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なります。 【Webデザインのフロートオペレーションを正しく効率化する81のルール】 Webデザインは、サイトの固定的な見映えだけを考えればよいわけではありません。Webページとして公開される際は、必ずHTML・CSSによるコーディングを経る必要があります。また、端末によって画面幅も異なりますし、ユーザーの使い勝手も大切です。さらに、公開後の更新によってコンテンツの文量も変わるかもしれません。このようなWebの特性を理解していないと、そもそも実現不可能だったり、更新で崩れてしまったりするようなデザインになりがちです。 本書では、このようなWebデザインに携わるうえで知っておくべき知識をルールとして1冊にまとめました。Webデザインの基本的な考え方から、デザインデータ作成のノウハウ、納品時の指定、Photoshop・Illustrator・Figmaの効率的な使い方など、Webデザイナーがプロとして“やるべきこと”と“やってはいけないこと”を網羅しています。Webデザインの初心者はもちろん、“正しいやり方”をしっかり学び直したい方にもきっと役立つはずです。Web特有のマナーを踏まえて、スマートにワークフローを進められるデザイン制作を目指しましょう。 ※本書は2016年に刊行された書籍『Webデザイン必携。プロにまなぶ現場の制作ルール84』に大幅に加筆・修正を加えた改訂新版です 〈こんな方にオススメ〉 ・これからWebデザイナーを目指す方 ・手戻りが多く、もっと効率的な進め方がないか模索している方 ・Webデザインも手がけるグラフィックデザイナー 〈本書の特長〉 ・Webサイト制作に適したデザインの考え方・アプリケーションの設定・データの作り方がわかります ・TIPS集の形式で実践性が高く、困ったときに該当する項目がすぐに調べられます 〈本書の内容〉 ■CHAPTER1　Web制作のトレンド ■CHAPTER2　Webデザインのトレンドと基礎知識 ■CHAPTER3　Webデザインの基本的なルール ■CHAPTER4　LP・バナー・パーツのデザイン ■CHAPTER5　Figmaを使ったデザイン ■CHAPTER6　コーディングに困るデザインデータ ■CHAPTER7　わかりやすい納品データの作り方 〈プロフィール〉 浅野 桜（あさの・さくら） 株式会社タガス 代表取締役。 印刷会社、化粧品メーカー勤務を経て株式会社タガス設立。Adobe Community Evangelist。印刷物やWebサイトに関するデザインや運用のほか、書籍執筆や講師を勤める。近著に『イラレの5分ドリル』『フォトショの5分ドリル』（翔泳社）、『Illustratorデザイン 仕事の教科書　プロに必須の実践TIPS& テクニック』（MdN）、『Webデザイナーのためのモーションデザインことはじめ』（ボーンデジタル）など。 北村 崇（きたむら・たかし） 株式会社FOLIO／フリーランスデザイナー／Adobe Community Evangelist 事業会社のマネージャーとしてサービスのデザインに携わる傍、フリーランスとしてもグラフィックデザインやWeb制作、IoT等のUI/UXデザインも請け負っている。またセミナーや研修、執筆、プロジェクトのアドバイザーなど、制作業務以外の活動やサポートも行っている。にんにくとビールが好き。貝とレバーと辛いものは食えない。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Webデザインの現場では必須のツールといえるIllustratorとPhotoshopは，アイコンやSVGの制作，写真の補正や加工など，高度なデザイン作業においては欠かせません。一方，プロトタイピングの普及でWebデザインのワークフローが変化し，制作工程ではCCライブラリを使ったアセット共有のほか，プロトタイプツール（Adobe XD，Sketchなど）や各種デバイスでの表示確認ツールと連携し，効率よく制作を進めるスキルが重要になっています。モダンなWebデザイン制作現場の知見を取り入れ，XDを含めた複数ツールの長所を組み合わせて使い分けていく，いままさにWebデザインをしている人のためのAiとPsとXDの活用術のテキストです。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【「Photoshop使えるようになりたい！」ならこの1冊】 デザインの仕事をするには、必ず使えるようになっておきたいアプリケーションがPhotoshopです。アプリ画面の名称やツールの操作方法といった基本から始めて、選択範囲、レイヤー、カラー、テキスト、色調補正、切り抜き、グラフィック制作、ウェブ制作、出力まで15レッスンで順序だてて学習していきます。サンプルファイルを使って操作を実践することで、仕事の基礎となる技術をしっかり身につけられます。デザインを志す人が最初に選ぶ学習書としてぴったりの1冊です。初版より学校・専門学校の教科書として愛用されている信頼のテキストのPhotoshop 2024対応最新版です。 ■こんな方におすすめ ・Photoshopの使い方を基礎から習得したい方 ・デザインの仕事に使えるチカラを身につけたい方 ■目次 Lesson01 Photoshopという道具を知る Lesson02 選択範囲をマスターする Lesson03 色の設定と描画の操作 Lesson04 レイヤーの操作 Lesson05 文字とパス、シェイプ Lesson06 グラデーションとパターン Lesson07 マスクと切り抜き Lesson08 フィルター Lesson09 よく使う作画の技法 Lesson10 写真の色を補正する Lesson11 写真の修正・加工 Lesson12 画像の合成 Lesson13 グラフィックデザインをつくる Lesson14 ウェブデザインをつくる Lesson15 媒体に合わせて出力する ■著者プロフィール 上原ゼンジ：実験写真家。色評価士。「宙玉レンズ」「手ぶれ増幅装置」などを考案。写真の可能性を追求している。また、カラーマネージメントに関する執筆や講演も多く行っている。著作に『改訂新版　写真の色補正・加工に強くなる～Photoshopレタッチ＆カラーマネージメント101の知識と技』（技術評論社）、『こんな撮り方もあったんだ！アイディア写真術』（インプレスジャパン）など多数。 吉田浩章：パソコン雑誌や DTP雑誌の編集に関わったのちフリーランスのライター、編集者に。実際のDTP作業における画像のハンドリングと、もともとの写真好きがきっかけでPhotoshopにのめり込む。Photoshop、デジタルカメラ、デジタルフォトなどについての記事を多く手がける。 角田綾佳：株式会社キテレツ　デザイナー・イラストレーター。ウェブ制作会社勤務を経て、2006年よりフリーランスとしてウェブデザイン・イラスト制作を行う。イラスト制作のほとんどをIllustratorで行なっているためベジェが大好き。

えええええーッ!?最近の若い子ってこれくらいの距離が普通なの!?パーソナルスペースなんて無いの!?私、橘美咲はウェブデザイン会社のチーフ兼デザイナーとして働いている。最近入ってきたばかりの桜木晴斗くんの教育係に任命されてしまう。自己紹介でいきなり下の名前で呼ばれたり、耳元で喋ってきたりと彼のペースにたじたじ…。でも仕事に関しては、覚えも早いし頑張り屋さんで感心することばかり!そんなある日、彼の歓迎会で調子にのって酔いつぶれてしまう。桜木くんが部屋まで送ってくれたんだけど…まさかの大失態!!自ら抱きついてしまうなんて!?「美咲さんって耳弱いでしょ」「耳だけなのに、こんなになってる」ってくすぐったくなるような至近距離で話しをされて下着の中がもうグチュグチュ。口の中を舐めまわしながら、激しく指で掻きまわされて「エロいね美咲さん」って――。感じすぎてしまってもうダメ…。そんなにいっぺんに…私、どこまでされちゃうの―!?

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Webデザインの仕事に就きたい、知識を身につけて仕事の範囲を広げたい！と考えて勉強を始める人に向けた入門書です。HTML、CSSの知識から実践的なデザインのテクニックまで、豊富な実例とともにていねいに解説。ダウンロードできるサンプルデータつきで、手を動かしながら学べます。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 WordPress5.X＋Gutenberg（グーテンベルク）対応 知識ゼロから自分のホームページを作るための超入門書 「WordPressを使って会社やお店のホームページを作りたい」 「でも専門知識もないし、何から始めればいいのかわからない」 本書はそんな方々に最適なWordPressの入門書です。 WordPress の最新バージョン5.xで導入された 「Gutenberg」（グーテンベルク）に対応しており、操作手順を画面付きでわかりやすく解説。 手順のとおりに進めるだけで、はじめての方でも素敵なホームページを完成させることができます。 本書はお店のホームページを作りたいカフェ店主・楓と WordPressメンター・ユースケの2人のキャラクターによる問答形式で、 ホームページ作りの手順をわかりやすく紹介。 過去にHTMLやCSSなどで挫折してしまった方でも、 専門知識を意識することなく楽しく読み進められる紙面構成になっています。 会社やお店のホームページを作りたい方、個人でブログを始めてみたい方、 ウェブデザインを学びたい方など WordPressを使えるようになりたいすべての方に最適のWordPressの入門書です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ホームページを自分の手で自由にデザインしたい！ HTMLとCSSを学ぶと、好きなウェブデザインができるようになります。本書は、HTMLとCSSを学びたい初心者のために、制作環境の準備からHTMLタグの意味、CSSスタイルシートの正しい使い方までをわかりやすく解説。スマホ用ウェブページの制作で基礎を学び、PC用の難しいウェブページ制作にステップアップすることで実力が身につきます！

【雑誌や書籍、広告からありとあらゆる文字デザインを網羅！】 本書は『デザイン＆レイアウトの見本帳』『ウェブデザイン＆レイアウトの見本帳』に続く、文字に特化したバージョンの見本帳です。美しい文字組みやインパクトのあるタイトルまわりの文字づかい、ロゴやタイポグラフィなどを実例を基に解説しています。書籍や雑誌、広告など、さまざまなデザインの実例を載せていくことで、バラエティ豊かで資料としても充実した内容となっています。また、しっかりと文字が確認できるように見本を大きく掲載することで見やすさも確保。文字を使ったデザインを勉強したい方や、アイデアが欲しい方におすすめの一冊です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Webデザイナーという仕事には，さまざまな知識が必要です。HTMLやCSS，JavaScriptはもちろんのこと，サーバやクラウド，インターネットやコンピュータのしくみ，画像や動画，セキュリティ。フレームワークやCMSなど，制作を行う上での便利なツールについても知っておく必要があります。本書はWebデザインを仕事にする上で知っておきたい基本の知識を，やさしい文章とイラストでわかりやすくまとめました。制作と教育を一手に請け負うロクナナワークショップだからこその，基本的かつ実践的な1冊です。

〈電子書籍版に関する注意事項〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。 【コードをイチから書かなくてOK！ 超カンタンにWebサイトを動かす！】 Webサイト上で「動く」デザインパーツを集めたソースコード素材集。サンプルのソースコードをコピー＆ペーストすれば、そのまま使えます。 文字や画像がすぅーっと消えたり、ふわっ～と表れたり、要素が左右にスライドしたり……作るのが意外に難しく汎用性が高い「動く」パーツを豊富に収録しました。収録サンプルは完成データをダウンロードできます。 本書の構成は、まず基本形となるサンプルがあり、続くステップアップとしてカスタマイズ例を紹介する流れになっています。 基本形だけでも十分活用できますし、カスタマイズ例の部分は、ご自身でコードを変えてオリジナル要素をプラスする際のヒントとしても役立ちます。 7章構成で、ボタンアニメーションやテキストのエフェクトなどの簡単なものから、ナビゲーションメニューやコンテンツの今風の見せ方などのサイト全体に関するものまで収録。 ギャラリーやスライドショー、フォームやテーブル、SNSのアイコンなどいった細かなパーツのアイデアもまとめました。 Webサイトにちょっとした彩りを添えたいとき、動きを加えたいときなどに活用いただけます。 〈こんな方にオススメ〉 ○Webサイトに今風の“動き”を取り入れたい方 ○HTML・CSSのコーディング経験が浅い方 ○ソースコードをイチから書く手間を減らしたい方 〈本書の章構成〉 ■Chapter 1　ナビゲーション ■Chapter 2　ボタン ■Chapter 3　スライドショー／ギャラリー ■Chapter 4　背景／コンテンツ ■Chapter 5　テーブル／フォーム／リスト ■Chapter 6　テキスト ■Chapter 7　画像／動画／SNS 〈本書の特徴〉 ○アニメーションなどの動きを手軽に取り入れられる ○コーディングにかかる時間と手間を減らせる ○基本形＋カスタマイズでバリエーションが広がる

〈電子書籍版について〉 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なります。 【すべての先端デザインを俯瞰する最新資料集】 この本は、「デジタルメディア」の領域ごとに最新のデザイン事例を紹介する「デザイン資料集」です。「要素」と「原則」の観点で解説することで、多くの方々に理解していただきやすくしています。ブランディングやプロモーションなどの基本的なデザインだけでなく、インスタレーションやメタバースなど、様々なジャンルや領域のデザイン事例を参照してもらえるものになっています。 事例の裏には「つくる人たち」が必ず存在しています。そこで各章末にコラムを設け、各デザインの領域の前線で活躍する方々へのインタビューを収録しています。制作工程における中での課題やその解決策、デザインへの思いなど、プロたちの葛藤を知ることは、きっと仕事への刺激を得る機会になるはずです。 ・審美眼を養うカタログとして ・多様な領域を俯瞰して把握する見取り図として ・他ジャンルにアンテナを伸ばすきっかけとして ・プロの仕事に刺激を得る機会として など、本書を読んでいただくことで、デジタルメディアにおけるデザインについての理解が深まり、新たな気づきを得ていただけることでしょう。 常に変化し続け、技術やトレンドの移り変わりが激しい現代のデジタルメディアデザイン。デザインカタログとしてもクリエイティブの記事としても楽しく読んでいただける一冊です。 〈本書の内容〉 Introduction Chapter_01 ブランディング×デジタルメディアデザイン Chapter_02 プロモーション×デジタルメディアデザイン Chapter_03 採用×デジタルメディアデザイン Chapter_04 BtoB×デジタルメディアデザイン Chapter_05 BtoC×デジタルメディアデザイン Chapter_06 プロダクト×デジタルメディアデザイン Chapter_07 サービス×デジタルメディアデザイン Chapter_08 メディア×デジタルメディアデザイン Chapter_09 インスタレーション×デジタルメディアデザイン Chapter_10 メタバース×デジタルメディアデザイン 〈プロフィール〉 田渕将吾 1982年生まれ、HAL・モード学園卒。Webのインタラクションやインターフェースのデザイン、ムービー・スチール・イラストのアートディレクション、そしてフロントエンドエンジニアリング。ジャンルやクリエイティブの境界なく多岐にわたり活動中。人とデジタルが相互に作用するインタラクションデザインを得意とする。自身が運営を務めるWebデザインギャラリー S5-Styleでは優れたWebデザインを日々キュレーションしている。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 2万回という大量の実例から厳選されたA/Bテストの実例をもとに，どのようなWebデザインがユーザーから支持されるのかを解説する書籍です。A/Bテストの結果により導き出された，理論だけではない本当に成果が出せるデザインがわかります。本書で紹介する事例は，すべて実際にテストで行われたものです。支持された案とその内容を検証しながら，本当にユーザーに支持されるデザインとは何かを解説します。すべてが実例のため，A/Bテストの概要や実態を知りたい読者の方にもおすすめです。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ※PDF版をご希望の方は Gihyo Digital Publishing (https://gihyo.jp/dp/ebook/2022/978-4-297-13133-3)も合わせてご覧ください。 せっかく学ぶのなら，プロ志向のHTMLを！ ウェブデザイン制作の現場で役立つHTMLを奥深くまで徹底解説。ウェブサイトの基本的なしくみから，要素を使いこなすための知識まで，じっくりと学習することができます。ただHTMLを書くだけではなく，アクセシビリティやユーザビリティの視点を知ることで，よりよいコーディングに自らたどりつけるようになります。現役講師による会話形式のやさしい解説つきで，はじめてHTMLを学ぶ方でも挫折しません。また，HTMLを学んだことはあるけれど，ゼロから書きはじめる自信がない方，次の1冊で確実なコーディング力をつけたいと望む方にも，おすすめです。これ1冊で，ウェブページの先頭から末尾まで，HTMLを自力で書けるようになります！

【どうすれば崩れないか、Webページのパーツごとにわかる。】 スマートフォン、タブレット、PCなど、多様なデバイスでの表示に対応する手法として定着したレスポンシブWebデザイン。1つのサイトでさまざまな画面サイズに対応できる点が魅力ですが、しっかりと意識してつくらないとレイアウトが崩れたり、UIの機能が損なわれて使いづらくなったりと、問題が起こりがちです。 本書では最も基本となるレイアウトをはじめ、ナビゲーション・フォーム・モーダルウィンドウ・カルーセルなどのパーツごとにレスポンシブに対応させる実装方法を解説しました。シンプルなわかりやすい作例をベースにステップ・バイ・ステップ形式で解説していますので、本質的な仕組みを理解できます。また、掲載コードをダウンロードでき、コピー＆ペーストなどでご利用いただけますので、ご自身のWebサイトに部分的に取り入れたり、ひな型として使用することも可能です。Googleマップなどの外部API、Webアイコンフォント、遅延読み込みといった周辺技術も取り上げていますので、スマートフォンに対応したサイト制作の傍らでお役立ていただける一冊です。 〈本書の内容〉 ■Chapter1　基本の確認 ■Chapter2　レイアウト ■Chapter3　ナビゲーション ■Chapter4　ギミック ■Chapter5　フォーム ■Chapter6　細かなテクニック ■Chapter7　API・外部サービスの活用

【現場で本当に必要になるWEB制作のルールの集大成！】 スマートフォンやタブレットをはじめとしたデバイスの多様化とWeb技術の進化により、Web制作の姿は大きく変貌しつつあります。現在求められているような、さまざまな環境での閲覧に耐えうるWebサイトを構築するためには、従来のWebデザインの作り方・考え方では通用しません。設計・レイアウト・装飾・コーディングといった制作場面のすべてにおいて、さまざまなスペックと操作感をもつデバイスが存在することを前提に、可能な限り順応性の高い手法を採用していくという視点が不可欠です。 本書では、このような“Webの現代”に通用するWebデザインの制作手法を網羅的に解説しています。「レイアウト」「配色」「サイト設計＆プロトタイピング」といったWebデザインの骨格をなす基本から、「デザイン＆パーツ制作」「HTML＋CSSコーディング」「リッチコンテンツ＆Webアプリケーション」などの実作業に関わる技術、「運用・分析・集客・リニューアル」といったマネージメントに関わる領域まで、プロとしての基礎知識と現在の潮流がわかります。プロのWebデザイナーから、これからWebデザイナーを目指す人まで、Webデザインに関わるすべての人に必携の1冊です。

時代の最前線にいる「プロフェッショナル」はどのように発想し、斬新な仕事を切り開いているのか。どんな試行錯誤を経て、成功をつかんだのか。時代をどのように見つめ、次に進んでいこうとしているのか。NHKの人気番組 『プロフェッショナル 仕事の流儀』より、本気で「仕事」を考え、取り組もうとするすべての人にお届けする、待望の電子書籍シリーズ！ ■世界中をワクワクさせる　中村勇吾（ウェブデザイナー） ワンクリックで、世界を驚かせ 中村勇吾は、今、世界のネットユーザーから、カリスマと崇められるウェブデザイナーだ。中村のウェブサイトには、斬新なアイデアと最先端の技術が詰め込まれている。その作品は、ウェブデザインの国際賞を総なめにしてきた。1日12時間パソコンの前に座り、ひたすら新しいデザインを練りつづける中村は、試行錯誤を「楽しみ尽くす」。それが中村の信じる「クリエイティブの神髄」だ。新しい領域を切り開くパイオニアの仕事の流儀に迫る。 中村勇吾（なかむら・ゆうご） 1970年、兵庫県生まれ。94年、東京大学工学部社会基盤学科卒業。96年、同大大学院社会基盤学専攻修了。同年、橋梁設計会社に入社。2000年、ウェブ開発会社に転職、アートディレクターを務める。2003年、独立しフリーランスとなる。2004年、ＮＥＣの環境キャンペーンサイト「ecotonoha」で世界三大広告賞（カンヌ国際広告祭、One Show、クリオ賞）の最優秀賞を受賞。同年、インタラクティブデザインスタジオ「ｔｈａ」設立。2006年、ＡＭＤ（デジタルメディア協会）アワードで江並直美賞（新人賞）受賞のほか、受賞多数。2008年、世界戦略に力を入れる「ユニクロ」の広告戦略プロジェクトに参加。テレビＣＭの演出とウェブサイトの制作を担当。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 正統派の入門書！HTML Living Standardにきちんと準拠したHTML＆CSSを学ぼう 本書は、HTMLとCSSの最新の仕様に準拠した、HTML＆CSSの入門書です。 ※特にHTMLは2020年4月現在の最新のHTML Living Standardの仕様書ですべて確認済みの内容となっています。 本書では、HTMLとCSSをゼロから少しずつ学んでいきます。読者がつまづかないようにHTMLとCSSの小さなサンプルを書きながら学習していき、最後の章で総合的なサンプルを作成するスタイルになっています。 1つのWeb全体を作ろうとすると手順が長くなり、何を学習しているのか分からなくなったり、どこで間違ったか分からなくなってしまったりしがちです。そこで本書では、小さなサンプルで学習することで、「できた」の喜びを感じながら、少しずつ知識を増やしていけるようになっています。 また、サンプルには登場していない属性やプロパティの値などについてもしっかり説明がありますので、サンプルを書き換えて試してさらに経験を積んでみたり、読了後に疑問に思ったことを、改めて調べたりする使い方もできます。 そして、本書の解説は、表面的に「Webが作れればそれでいい」というものではありません。仕様にしっかりと準拠した使い方で、正しく、読みやすいを作れるように、サンプルを組み立てています。 本書で学習することで、基本的なHTML＆CSSの使い方が身につくのはもちろんですが、「なぜそこに、そのHTML、CSSを使うのか」をきちんと説明できるような知識も、手に入れることができます。 また、本書は、すでにプロとしてWeb制作に関わる方が知識をブラッシュアップする際にもお勧めです。HTML 5.2がリリースされてから、すでに5年が経過しており、ふだん何気なく見ている一見普通のHTMLが、現在の最新の文法には合致していない旧式のものとなっている可能性もあります。本書ではそのような旧式となってしまった部分はすべて更新してあり、さらに巻末の特別付録として用意した「HTML全要素一覧」「HTMLの要素の分類」「HTMLの要素の配置のルール」は、中級以上の方にもご活用いただける内容となっています。 ※本書は、2018年11月発行の『よくわかるHTML5+CSS3の教科書【第3版】』をベースに、HTML Living Standardの仕様に合わせて多くの箇所を変更するとともに、最近のトレンドに沿って修正・加筆したものです。 ＜本書の構成＞ 第1章 はじめる準備 第2章 オリエンテーション 第3章 文法的なカタい話 第4章 全体の枠組み 第5章 テキスト 第6章 CSSの適用先の指定方法 第7章 内の構造 第8章 フレキシブルボックスとグリッド 第9章 ナビゲーション 第10章 フォームとテーブル 第11章 その他の機能とテクニック 第12章 をまるごと作ってみよう 付録 HTML全要素一覧／HTMLの要素の分類／HTMLの要素の配置のルール 第1章 はじめる準備 第2章 オリエンテーション 第3章 文法的なカタい話 第4章 全体の枠組み 第5章 テキスト 第6章 CSSの適用先の指定方法 第7章 内の構造 第8章 フレキシブルボックスとグリッド 第9章 ナビゲーション 第10章 フォームとテーブル 第11章 その他の機能とテクニック 第12章 をまるごと作ってみよう 付録 HTML全要素一覧／HTMLの要素の分類／HTMLの要素の配置のルール 大藤 幹（おおふじ みき） 1級ウェブデザイン技能士。大学卒業後、複数のソフトハウスに勤務し、CADアプリケーション、航空関連システム、医療関連システム、マルチメディアタイトルなどの開発に携わる。1996年よりWebデザインの基本技術に関する書籍の執筆を開始し、2000年に独立。 その後、ウェブコンテンツJIS（JIS X 8341-3）ワーキング・グループ主査、情報通信アクセス協議会・ウェブアクセシビリティ作業部会委員、ウェブデザイン技能検定特別委員、技能五輪全国大会ウェブデザイン職種競技委員、若年者ものづくり競技 大会ウェブデザイン職種競技委員などを務める。 現在の主な業務は、コンピュータ・IT関連書籍の執筆のほか、全国各地での講演・セミナー講師など。著書は『HTML5プロフェッショナル認定試験 レベル1 対策テキスト＆問題集 Ver2.0対応版』『よくわかるHTML5+CSS3の教科書』『自由自在に動画 が作れる高機能ソフト DaVinci Resolve入門』（マイナビ出版）、『今すぐ使えるかんたんEx HTML&amp;CSS 逆引き事典』（技術評論社）、『詳解HTML&amp;CSS&amp;JavaScript辞典』（秀和システム）など60冊を超える。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 エディター、ライター、デザイナーから、ビジネスマンまで必携！ コンテンツ作りの基礎を学ぶ本！ 本書は、書籍や雑誌編集の作業を通じて、ネット時代にも求められるコンテンツ作りの基礎を学ぶ本です。 出版社やマスコミ関係だけでなく、紙の小冊子やネットマガジンなど、一般企業の現場でも商品や企業を紹介する手段は非常に多岐にわたっています。 パソコンを使えば、だれでも「編集者」になれる時代が来ています。専門家であるエディトリアルデザイナーや編集者だけでなく、企業内でコンテンツ作りを担当するコミュニケーション担当者の方など、コンテンツに関わる幅広い層に向けて読んでいただきたい1冊です。 特に今回の第4版では、紙のコンテンツの基礎を踏まえ、ネットを使った新しいコンテンツ作りやスマートフォンを使った撮影術、ウェブデザインと編集デザインとの関係、電子媒体に求められる考え方など、これからの時代を踏まえた新しい内容を大幅に盛り込んでいます。 スマートフォンやタブレットが普及し、情報は紙よりも画面で読む方が早い時代になっても、どうしても不可欠なコンテンツ作りの基本を取り入れることで、企業と社会のコミュニケーション向上に大いに役立つでしょう。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ■Adobe XDとは Adobe XD（以下、XD）は「DESIGN AT THE SPEED OF THOUGHT（思考の速度でデザインする）」を開発理念に、2016年にベータ版、そして2017年に製品版がリリースされたデザインツールです。 シンプルなUIと軽快な操作性が特徴であり、WebやアプリUIのデザインに特化した機能とチームでの円滑なコミュニケーションを可能にする共有機能を兼ね揃えており、大規模で長期的なプロジェクトにおいてもデザインの一貫性の保持を実現するための改良が重ねられています。 実際の制作現場では、Webサイトやアプリケーションのデザインはもちろん、ワイヤーフレーム制作や企画段階の資料など、幅広い用途で使用されており、いわば制作プロセスをつなぐツールとしても多くのユーザーに支持されています。 ■本書の特徴 □特徴1：はじめてのXDでもこの1冊で使いこなせるようになります！ XDにはじめて触れる方だけでなく、Adobeツールにはじめて触れる方でも最後まで学習できるように、やさしく丁寧に解説してあります。 □特徴2：豊富な作例で手軽にUIパーツ作成方法が学べる！ すぐに役立つXDの使い方を、豊富な作例で手軽に学べます。実際にXDに触れて、軽快にデザインできることを体験できます。 □特徴3：すぐに使えるワイヤーフレーム！ 業種別、業態別のWebサイト制作を、現場のプロが丁寧に解説しました。解説に使用したワイヤーフレームもダウンロード特典として配布するので、すぐに実務に役立てることができます。 ■目次 第1章　Adobe XDの準備 第2章　Adobeツール初心者のための基本操作 第3章　XD初心者のための作例体験 第4章　デザインとコミュニケーション 第5章　業種別に作るWebサイト 第6章　思考の整理シーンでの活用方法 第7章　将来を見据えた機能

「アタマの悪い人」は使用禁止！ 現在一大ブームとなっている「独学」をテーマに、 「２ちゃんねる」の生みの親が、唯一無二の教養術を縦横無尽に語り尽くす。 ●バカは学校へ行け！ ●上手な人からパクる ●真面目じゃなくていい ●やる気なんて存在しない ●無能であると自覚する ●なんでも感化されるのはバカ ●ボキャブラリーを減らす ●疑う力を養う 自ら、独学でプログラミングや外国語などを習得した経験をもつひろゆき氏が語る、 最短ルートで結果を出すための、「コスパ最強」の勉強法！ 【本書「はじめ」により抜粋】 今の時代、ほとんどのことはネットでググれば自分で調べることができます。 正しく検索できる力や正しく理解できる読解力があれば、プログラミングやウェブデザイン、料理や外国語、スポーツといったことまで、だいたいのことは独学でも学べてしまう、とても便利な世の中になっているのですね。 ひとりで取り組むにしても、学校に通うにしても、「学ぶ」という行為をないがしろにしていると、人間はバカになります。自分のアタマで思考することを放棄すると、悪い大人たちのウソにダマされ損をして人生をムダにします。 だから、信頼できる「と、思われる」インフルエンサーなんかに頼っていないで、「なんで？」「どうして？」と自分のアタマで疑問を抱き、自分の力で情報をとりにいく癖をつけたほうがいいと思うのです。 そんなタイミングで、「独学」をテーマにした本書を上梓 （じょうし）してみました。 僕なりの「学ぶための前提」や「学ぶうえで必要なこと」といった、独学を志す人にとっての土台や支柱となるようなトピックスを集めている感じです。 そこかしこにはびこるウソにダマされないで上手に生きていくには、意外と独学の力が使えるということがわかると思いますよ……。 ２０２１年５月　ひろゆき

恐竜は絶滅したのに、人類は今日まで進化し、生き残ることができたのか―― インスタグラムの人気アカウント @kotobi00 が贈る、異色の生物学まんがが帰ってきた！ 今回も長すぎる進化の歴史をゆる～いタッチとギャグを交えて、100ページぐらいでまとめました。 監修は、サイエンスライターの土屋健氏。 だいたい30分ぐらいで読めて、大人のちょっとした教養、そして子どもの学習のきっかけになる画期的な一冊です！ 【著者プロフィール】 著者：種田ことび　（たねだ　ことび） 大阪芸術大学情報デザイン学科卒業。 大学でデジタルグラフィックやメディアプランニングを学ぶ。 グラフィックデザインやウェブデザイン等のデザイナーとして勤務後、フリーランスに。 2018年１月、趣味として古生物学の漫画執筆を開始し、SNSで発表。 Instagram：　@kotobi00 監修：土屋健　（つちや　けん） サイエンスライター。オフィスジオパレオント代表。 金沢大学大学院自然科学研究科で修士（理学）を取得。 その後、科学雑誌『Newton』の編集記者、部長代理を経て独立し、現職。 2019年、サイエンスライターとして初めて日本古生物学会貢献賞を受賞。 近著に『化石ドラマチック』（イースト・プレス）、『パンダの祖先はお肉が好き!?』（笠倉出版社）、『恐竜・古生物　No.１図鑑』（文響社）など。

「成長の限界」はウソだった！欠乏は超ビッグビジネスの宝庫！ マッキンゼーの最新レポートが描く、衝撃の資源・エネルギー革命。 電気自動車の概念を変えたイーロン・マスクのテスラ アメリカを世界一の原油産出国に押し上げたシェールガス掘削技術 世界一高いビルを90日で組み立てるエンジニアリングソフトウェア 製造を垂直統合して「ファスト・ファッション」の原型を作ったZARA これらはすべて現在進行中の「リソース・レボリューション」の一環である。 自動車、発電、住宅、小売、サービスを根本から変える産業革命の波に乗るには？ イノベーションのジレンマを超えるには？ 「革命を担う12のビジネスアイデア」とは？ その答えがここにある。 【著者紹介】 ステファン・ヘック スタンフォード大学プレコート・エネルギー研究所コンサルティングプロデューサー。専門は資源経済学。マッキンゼー・アンド・カンパニーの半導体部門のリーダーを務め、ウェブデザイン会社を創業。その後、マッキンゼーでクリーンテック・サステナビリティ・トランスフォーメーション事業を立ち上げる。スタンフォード大学卒業。カリフォルニア大学サンディエゴ校で認知科学のPh.D.取得。 マット・ロジャーズ マッキンゼー・アンド・カンパニー、サンフランシスコオフィス　ディレクター。アメリカのマッキンゼーで重工業と石油ガス部門を率いる。2009～2010年、アメリカエネルギー省アドバイザーとして、アメリカ復興再投資法施行を支援。プリンストン大学卒業。イエール大学ビジネススクールでMBA取得。 【目次より】 第１章◆100年に1度のビジネスチャンス 第２章◆石油の掘削はジョイスティックで 第３章◆１０倍の資源効率で自動車業界が激変 第４章◆建設業界という巨大フロンティア 第５章◆モノのインターネットとスマートグリッド 第６章◆タイミングがすべて 第７章◆太陽光発電の教訓 第８章◆ネットワーク組織とソフトウェア人材 第９章◆革命を担う１２のビジネスアイデア

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 あなたは、知ったかぶりのWebデザインをしていませんか？ 優れたWebデザイナーになるには、HTMLとCSSをマスターすることはもちろん、テキストの読みやすさや情報へのアクセスのしやすさなどのデザイン知識も必要です。本書は、Webデザインの意味から、文章の構造化、レイアウトのルール、色使いの心得など、Webデザイナーの基礎知識をざっくばらんな読み物風にまとめました。あなたのWebデザインの起点になる知識が満載です！

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 レスポンシブWebデザインのサイト設計やデザインの考え方、 基本的な制作方法がこの1冊で習得できます! 1ソースであらゆるデバイスに対応する 最新のWeb制作技術を確実に身につけよう!

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書はレスポンシブWebデザインという言葉は知っているが、実際にレスポンシブWebデザインの制作をしたことがない方や、まだ経験が浅い方をターゲットにしています。数多くのサンプルを収録し、その制作を通して具体的にレスポンシブWebデザインの特徴や今までのサイト制作とは異なる点を体験として掴んでもらうことを狙いとしています。レスポンシブWebデザインは特徴や考え方をしっかりとおさえ、リスクを考えながら制作を進めれば決して難しいことはありません。技術を習得するには、実践を積むのが何より一番早いのです。しかしながら、少しずつ実例は増えているとは言えども、まだレスポンシブWebデザインの実例は少なくその機会は少ないので、本書を通してその機会を積んでください。 ■CONTENTS 【１】レスポンシブＷｅｂデザイン概要（レスポンシブＷｅｂデザインとは／レスポンシブＷｅｂデザインを構成する要素　ほか）／【２】レスポンシブＷｅｂデザインのレイアウトパターン（ワンカラムレイアウト／フルードレイアウト　ほか）／【３】レスポンシブＷｅｂデザインのサイト制作（情報設計と画面設計／Ｓｔｙｌｅ　ＴｉｌｅｓとＳｔｙｌｅ　Ｇｕｉｄｅ　ほか）／【４】発展的な技術やツール（グリッドシステムとフレームワーク／画面サイズの取得や機能判別を行う　ほか） ■著者 小川裕之（オガワヒロユキ）　印刷会社でＤＴＰオペレーターとして２年間勤めたあと退職し、Ｗｅｂデザイナーとして複数の制作会社を転々とする。２０１２年４月よりフリーランスとして独立。Ｗｅｂデザイン以外にもコーディング、ディレクション、コンサル、ＤＴＰ等を幅広く手がける。※著者略歴は書籍刊行時のものを表示しています。

Googleも推奨する次世代Web制作手法「レスポンシブWebデザイン」のすべてをトッププロが解説。RWDの基礎から、実務で使える高速化テクニックまで、1つ上の思考と技術が1冊で身につく!