※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 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種類に分類して解説しています。特設サイトやダウンロードできるサンプルデータのコードをそのままコピー＆ペーストするだけで、動きを実装することができます。 ◎取り上げている動き ローディング／画面遷移／グローバルナビゲーション／ハンバーガーメニュー／テキストナビゲーション／タブメニュー／スライドショー／ギャラリー／動画／ボタン／検索／ページトップリンク／ページ内リンク／スクロールダウン／アコーディオンパネル／ツールチップ／ニュースティッカー／グラフ／モーダルウィンドウ

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 わからない！から抜け出そう。困ったときのお悩み解決！ 本書は仕事でデザインに携わる際につまずきがちな疑問・質問をingectar-eが解決するデザインお悩みお助け本です。 デザイナーを目指す初心者さんはもちろん、日々の疑問をなんとなくでやり過ごしてきてしまった中堅さん、新人教育をする人、デザインを仕事で依頼するクライアントの立場の人まで、デザイン仕事に役立つQ＆A100問を解説していきます。 目次 Chapter 1 クライアント Chapter 2 レイアウト Chapter 3 フォント Chapter 4 配色 Chapter 5 印刷 Chapter 6 学習＆気持ち ingectar-e (デザイン事務所) 代表 寺本恵里 ブランディング・グラフィック・Webデザイン制作の他、イラスト素材集やデザイン教本などの書籍の執筆、制作をしている。著書は50冊以上、代表作に「３色だけでセンスのいい色」（インプレス）20万部。「けっきょく、よはく。余白を活かしたデザインレイアウトの本」（ソシム）シリーズ累計50万部突破。オンラインデザインスクール「Fullme」講師＆コンテンツ制作もしている。 ※この商品は固定レイアウト型の電子書籍です。 ※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 ※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。 ※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします

〈電子書籍版に関する注意事項〉 本書は固定レイアウト型の電子書籍です。 また本書に掲載されている「インキの濃度」や「蛍光インキ」など印刷上のシミュレーションは、電子書籍版では紙版の再現と異なる部分があります。あらかじめご了承ください。 【あらゆるデザイン制作に役立つ色彩のすべて！】 DTP、Webデザイン、イラストレーション、ユニバーサルデザインほか、すべての制作現場で役立つ色の大事典が登場。RGBとCMYK・色相環・色立体といった色の基礎知識から、色の役割や機能、グラデーション・色と面積比・対比と同化といった配色の技法まで、ありとあらゆる情報が詰まった色彩の解説＆資料集です。 伝統色や慣用色のCMYK値はもちろん、その名前の由来や色料の情報、カラーチャート、掛け合わせサンプル、配色サンプルもふんだんに掲載。PhotoshopやIllustratorなどのグラフィックソフトで実際に色を扱うときの方法やノウハウも詳しく解説しています。 色彩心理、錯視、安全色など、クリエイターが知っておくべき情報も網羅。すべてのクリエイター必携の一冊です。 ＊巻末には蛍光ピンク（DIC584B）を掛け合わせたカラーチャートも収録！ 〈本書の内容〉 ■CHAPTER 1 ・光の色（RGB）で表現する ・色料の色（CMYK）で表現する ・いろいろな色相環 ・純色に第3の原色を混色する ・グラフィックソフトで色を調べる ・HSBモード（表示）の利用 ・色調と色立体 ・色と感覚 ・色と文化 ■COLOR SAMPLE and CHART RED／ORANGE／YELLOW／GREEN／BLUE／PURPLE／BROWN／WHITE／GREY／BLACK ■CHAPTER 2 ・色の機能と役割 ・複数の色を組み合わせる ・グラデーションで配色する ・グラフィックソフトの配色機能 ・色と配色が与える印象 ・色と面積 ・対比と同化 ・混色の原理について ・色の錯視 ・ユニバーサルデザインカラーと安全色 ・カラープロファイルとXYZ表色系 ・自然がつくりだす色 ・蛍光色について

スマートフォンサイト制作の定番入門書が2年ぶりに大改訂。iPhone/Androidの仕様、開発環境の準備から、企画・設計、デザイン・制作まで、最低限押さえておきたい「スマホサイトの作り方」を1冊にまとめました。旧版にはなかったRetinaディスプレイへの対応方法やレスポンシブWebデザイン、インブラウザーデザインなどの最新トレンドも紹介。タブパネルやバルーンポップアップなど、スマホサイトの定番サンプルも収録しています。

※この商品は固定レイアウトで作成されています。お使いの端末で無料サンプルをお試しいただいたうえでのご購入をお願いいたします。 ※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 新世代グラフィックソフト「Affinity」でデザインをはじめよう 「Affinity」は買い切りで手頃な価格でありながら、高機能なデザインツールとして注目を集めているソフトウェアです。本書はAffinityの概要から基本操作方法、さらに機能を活用した制作方法までを網羅した入門書。Affinityの初心者、そしてグラフィックデザインに興味を持ち、これからはじめてみたい方に向けた教則本です。「Affinity」は3つのソフトで構成されており、それぞれに用途があります。 （１） Affinity Designer ポスターやチラシなどのレイアウトや、ロゴやWebデザインの作成 （２） Affinity Photo 画像の編集やレタッチ （３） Affinity Publisher 書籍やカタログなどのページ数が多い印刷物のデザイン レイアウト、図形や線の描画、画像の編集、ページデザイン――Affinityの基本的な操作方法やデザインテクニックが、この一冊で身に付きます。 ［読者特典］ダウンロードOK！ ●ショートカットキーの早見表 ●プリントフォーマット（日本の印刷環境対応）

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 レスポンシブWebデザインが“当たり前”の時代の、新しいHTML・CSSの書き方ガイド 現在のHTML・CSSの書き方は、少し前までのHTML・CSSの書き方とは大きく変わっています。本書ではスマートフォン時代に求められる、HTMLを組むときの考え方からCSSの実践的なテクニックまでをきちんと解説。たくさんのサンプルコードに触れていただくことで、最新の、実践で役立つ力がきちんと身につきます。 ＜本書の対象読者＞ ●これからWebサイト制作を学びたい初心者の方 ●最新のHTML・CSSの書き方を知りたい経験者の方 ●フレックスボックスを使ったページレイアウトについて知りたい方

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書はデザイン手法のひとつとしての手描き風デザインやパーツを作成するためのテクニック集です。具体的にはAdobe IllustratorおよびPhotoshopのテクニックとなりますが、ポスターやチラシ、雑誌記事などの紙媒体だけでなく、Webデザインや映像、スマホアプリなどでもよく見かける、味わいのあるラフな手描き感や質感などを活かすポイントを中心に制作方法を解説していきます。 写真をスキャンして質感のあるイラストにする方法、フォントを手書き風文字にする方法、スケッチ風のWebデザインを作成する方法、などなど、Illustrator & Photoshop でのテクニックが満載です。 解説しているサンプルはダウンロードサービスで入手できるので、実際の完成品がどのような構成になっているのかを読者は確認できます（一部の写真などは収録されていません）。さらに、デザイン作例に使用した素材もそのまま収録し、実際の制作も追体験できます。 なお、 Illustrator および Photoshop はCC2018での解説となっており、収録しているデータもCC対応のみとなっています。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 『Illustrator & Photoshop　手描き風アナログデザインのつくり方』の著者による、デザインに悩むデザイナーに向けたデザインの教科書第2弾です。ポスターやチラシ、雑誌記事などの紙媒体だけでなく、Webデザインでもよく見かける、和風デザインのつくり方が学べます。具体的にはAdobe IllustratorおよびPhotoshopのテクニックとなりますが、いちから作品作成の手順を完成まで解説するのではなく、前作と同様に、和風デザインの作成上のポイントを中心として解説していきます。すべてのサンプルはダウンロードサービスで入手できるので、実際の完成品がどのような構成になっているのかを確認できます。さらに、デザイン作例に使用した素材もそのまま収録しているので、実際の制作も体験できます。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「イラレ」を学びたいすべての人へ。 最新のCC（Creative Croud）に対応したIllustratorの入門書。 基本操作から、ロゴやイラストなどのデザイン制作、便利な機能の使いこなしテクニック、入稿データの作成方法まで、 実務に活用できるIllustratorの使い方をわかりやすく解説しています。 はじめてIllustratorを学ぶ方にも、わかりやすいレッスン形式で操作を解説。 紙面で使用しているサンプルデータをダウンロードして、 実際に手を動かしながら学んでいくことで、 1つずつ確実にステップアップしていくことができます。 主にはじめてIllustratorを学ぶ方を対象に解説していますが、 古いバージョンには搭載されていなかった新機能や便利な機能も紹介していますので、 プロの方にもご活用いただけます。 本書は全14章構成。 基本操作から始めて、応用した使い方、 さらに自身でオリジナル作品を作成する流れまでを 丁寧な解説でサポートします。 各章末には章内で学んだことを復習するための 演習問題が付いています。 ◆目次◆ Lesson1 Illustratorとデジタル画像の基礎知識 Lesson2 Illustratorの基本操作 Lesson3 線や図形を描いてみよう Lesson4 オブジェクトを変形してみよう Lesson5 オブジェクトを加工してみよう Lesson6 色と線の設定とアピアランスの活用方法 Lesson7 文字の使い方をマスターしよう Lesson8 Illustratorの便利な機能を使ってみよう Lesson9 パターンとブラシの活用方法を知っておこう Lesson10 イラストやグラフを作成してみよう Lesson11 ロゴやデザインパーツを作ってみよう Lesson12 グラフィックデザインを作ってみよう Lesson13 印刷用データの作成方法 Lesson14 WebデザインでIllustratorを活用しよう

【どんな制作現場でも絶対に活きる基本のノウハウが身につく】 幅広いジャンルの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サイト制作の「正しい基礎」を伝える入門書。 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デザインレシピ集

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

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ゼロからしっかり学べる、本格Webデザイン。 本書は「わかりやすさ」と「内容の充実度」で、 大好評だった入門書の全面改訂版です。 基本文法から、正しいマークアップの作法、 最新のCSSレイアウト、レスポンシブ対応の 画面設計とコーディングまで、しっかり学べます。 考え方や知識を得るための「講義」パートと、 実際に作りながらスキルを身につける「実習」パートからなる、 合計30のLESSONを順番にステップアップしながら学んでいけます。 実習のためのサンプルソースはWebからダウンロードできます。 さらにステップアップするための特典PDFも提供しています。 まさにWeb制作をこれから始める人に最適の1冊です！ 〈本書の特長〉 □レッスン形式なのでマイペースで学習を進められる □「講義」と「実習」で考え方と作り方をまとめて学べる □学習用サンプルを使ってすぐに、効率よく学べる ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 プロの現場で求められる サイト制作のノウハウを徹底詳解！ 第一線で活躍するプロが、実務で培った全知識・全ノウハウを具体的なデザイン案、コード例とともに詳解するスマートフォンサイト制作入門の決定版！ ・スマートフォンサイトに求められるデザインと制作手法 ・既存のPCサイトを元にしてスマートフォンサイトを制作する方法 ・スマートフォンでの閲覧に最適化したサイトを制作する方法 ・レスポンシブWebデザインの基本 断片的な知識や小手先のテクニックだけでは実現できない、スマートフォンに最適化されたサイト制作の基本と実践。 ■基礎知識 スマートフォンサイト制作に必要なHTML5とCSS3の基本コーディング ■デザイン スマートフォン向けのサイト設計と、ページデザインの勘所 ■ワークショップ ９つのデザイン制作で学ぶ、スマートフォンに最適化されたサイトの制作術 ※本書掲載のサンプルデータはすべてダウンロードできます。 さまざまなデバイスで適切に閲覧できる美しいスマートフォンサイトを制作する方法をこの一冊でしっかり習得できる！

【読む×作る＝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担当。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 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ページ作りの「正しい」技術をマスター。 Webページ作りを基礎から習得し、コーポレートサイトを作成。基本文法から各種ボックスの配置法、テーブル、フォーム、シングルカラムレイアウト、段組レイアウト、レスポンシブまで、Webデザインの仕組みをサンプルとともに詳解。 ●こんな人に向けた本です １入門から次のステップに進みたい人 ２コーポレイトサイトを作ってみたい人 ３HTML/CSSの仕組みを学び、現場でワンランク上のアウトプットを目指したい人 ●こんな内容の本です １Webデザインの仕組みをサンプルとともにしっかりと解説しています。 ２HTML/CSSの仕様に基づいた解説で、デザインにプラスアルファの効果を与える正確なマークアップの知識が身につきます。 ３迷ったときに正しい技術を指し示してくれる教科書です。

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

【複数デバイス対応を効率化するフロー&ノウハウがわかる!】 本書は、Webサイトをマルチデバイス対応（レスポンシブWebデザイン対応）させる上での、設計の考え方とCSSフレームワーク（Bootstrap）を利用した実装方法を伝える解説書です。 前半（1～6章）では「コンポーネント」の概念を取り入れた新しいサイト設計の考え方、フレームワークの特徴などを丁寧に紹介しています。実践編となる後半（7～11章）では、代表的なフレームワークであるBootstrapを用いて作成したサンプルをもとに、マルチデバイス対応サイトを設計・制作する手法、BootstrapのSass（SCSS）を使ったカスタマイズ方法を解説。最終章では実装をより効率化・チューニングする手法も紹介しています。なお、本書のサンプルデータはダウンロードにて提供します。 WebサイトがPCだけで見るものではなくなった昨今、サイトのマルチデバイス対応は必須要件となりつつあります。その一方、実装に工数を費やす従来の制作フローでは、作業効率や時間的コストの面で対応し切れなくなっているのが制作現場の実状ではないでしょうか。このような現況やニーズに応えた、「これからの」複数デバイスの考え方・ノウハウを理解していただくための必読の1冊です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 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.初学者必携のチートシート ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

【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サイトを運用する ■チャレンジしてみよう！

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 イラレがはじめてでも大丈夫。作りながら現場で使える力が付く！ 本書はAdobe Illustratorの基本操作から実践で使える知識まで、1冊にまとめたIllustrator初心者に向けた解説書です。 Illustratorには機能がたくさん。どの機能をどう使うのが正解か、頭を悩ませる初心者は多いでしょう。本書ではIllustratorの機能を初級・中級・上級に分け、課題を実際に作りながら学ぶことで「作例をカタチにするためにどの機能を使うのが適切か」「機能をどう使用するか」が自然に身に付くようになっています。 初心者が苦手意識を持ちやすいペンツール機能の練習課題もバッチリ収録。イラレの基本操作からはじめて、本書を読み終わる頃には「フライヤーの入稿データ」と「バナー」が作れるようになります。 ★こんな方におすすめ ・Illustratorのはじめの1冊を探している人 ・仕事でIllustratorを使いたい人 ・現場で困らない技術を身に付けたい人 ★課題のサンプルデータ付き 1日10分からはじめられる課題ですいすい理解！ 作例に必要なデータはすべてダウンロードできるので、本書を手にしたその日からすぐにはじめられます。 ★特典PDF付き 本書に掲載できなかった機能の解説を「補講」として購入者限定特典のPDFで用意しています。 ★解説動画付き 「これでいいのかな？」と操作に不安を感じたらすぐに動画をチェックしましょう！　操作手順は動画でも確認できるので、迷わずすいすい進められます。 目次 「初級」 LEVEL 1 Illustratorの基本知識を身に付けよう LEVEL 2 図形をマスターしよう LEVEL 3 線と塗りをマスターしよう LEVEL 4 文字入力をマスターしよう 「中級」 LEVEL 5 ペンツールをマスターしよう LEVEL 6 図形のアレンジをマスターしよう LEVEL 7 グラデーションとパターンを使いこなそう LEVEL 8 いろいろなアレンジに挑戦しよう 「上級」 LEVEL 9 映画のリーフレットを作成しよう LEVEL 10 映画の上映告知バナーを作成しよう 本書はAdobe Illustratorの基本操作から実践で使える知識まで、1冊にまとめたIllustrator初心者に向けた解説書です。 Illustratorには機能がたくさん。どの機能をどう使うのが正解か、頭を悩ませる初心者は多いでしょう。本書ではIllustratorの機能を初級・中級・上級に分け、課題を実際に作りながら学ぶことで「作例をカタチにするためにどの機能を使うのが適切か」「機能をどう使用するか」が自然に身に付くようになっています。 初心者が苦手意識を持ちやすいペンツール機能の練習課題もバッチリ収録。イラレの基本操作からはじめて、本書を読み終わる頃には「フライヤーの入稿データ」と「バナー」が作れるようになります。 ★こんな方におすすめ ・Illustratorのはじめの1冊を探している人 ・仕事でIllustratorを使いたい人 ・現場で困らない技術を身に付けたい人 ★課題のサンプルデータ付き 1日10分からはじめられる課題ですいすい理解！ 作例に必要なデータはすべてダウンロードできるので、本書を手にしたその日からすぐにはじめられます。 ★特典PDF付き 本書に掲載できなかった機能の解説を「補講」として購入者限定特典のPDFで用意しています。 ★解説動画付き 「これでいいのかな？」と操作に不安を感じたらすぐに動画をチェックしましょう！　操作手順は動画でも確認できるので、迷わずすいすい進められます。 目次 「初級」 LEVEL 1 Illustratorの基本知識を身に付けよう LEVEL 2 図形をマスターしよう LEVEL 3 線と塗りをマスターしよう LEVEL 4 文字入力をマスターしよう 「中級」 LEVEL 5 ペンツールをマスターしよう LEVEL 6 図形のアレンジをマスターしよう LEVEL 7 グラデーションとパターンを使いこなそう LEVEL 8 いろいろなアレンジに挑戦しよう 「上級」 LEVEL 9 映画のリーフレットを作成しよう LEVEL 10 映画の上映告知バナーを作成しよう 瀧上 園枝（たきがみ そのえ） グラフィックデザイナー。有限会社シアン代表取締役。印刷物やPC /スマートフォン等各端末向けウェブサイトなどグラフィックデザインワーク全般を担当。 主な著書に『WebデザインのためのPhotoshop+Illustratorテクニック』（エクスナレッジ）、『やさしいデザインの教科書［改訂版］』（エムディエヌコーポレーション）、『Illustratorデザインの教科書』『プロがこっそり教えるIllustrator 極上テクニック』（マイナビ出版）など。 有限会社シアン

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Webデザインの手法は，UIを考えながら設計するプロトタイプ方式へと急速に変わってきています。Adobe XDはCCアプリの1つとして，業界標準のプロトタイピングツールとなるべく毎月機能が拡充されており，同社のPhotoshopやIllustratorといったアプリとの連携も魅力です。本書ではXDの基本から機能を丁寧に解説し，サンプルサイト制作を通じてXDによる実践的なプロトタイプ作成・公開・共有・改善の流れを学べます。XDビギナーのWebデザイナーはもちろん，導入を検討中のWebディレクターにも役立ちます。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 近年ではデザイナーだけでなくイラストレーターやWebデザインなどにも使われることが多いAdobe Illustrator。誰もが悩むベジェ曲線の扱いから，フォント，レイアウト，デザイン，図表や地図作成，さらに印刷やWeb，3Dなどの出力まで，使いたいこと知りたいことがすぐにわかるように解説しています。もちろん，初心者だけでなく，使いこなしているデザイナーやイラストレーターまで，知りたいことがすぐにわかる，Illustratorユーザーが待ち望んでいた世界一わかりやすい機能（目的）引きです。また，掲載サンプルはダウンロードサービスで入手できるので，紙面そのままをすぐに試してみることができます。CCに対応した内容ですので，これからずっと使うことができます。

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

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 すぐに使える実用サンプルを、作りながら、動かしながら学習！ レスポンシブWebデザインから最新UI/UXまで、この一冊で学べます。

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

最新のWebデザイン、Web制作に合わせて進化を続けているDreamweaverが、CC2017になりました。 CC2017では、コードエディターが「Brackets」ベースのものとなり、コーディングを効率よく行うことができます。また、CSSプリプロセッサーも搭載され、面倒な環境構築をすることなく、LESS、Sass/SCSSを使うことが可能です。 本書では、レッスン形式でDreamweaver CC2017を基礎から応用まで余すところなく学習できます。 サンプルファイルをダウンロードすることで、実際にDreamweaverを操作しながら、ステップバイステップでWebサイト制作の実践を学んでいくことが可能です。 スマホ、タブレット対応が必須になっているため、BootstrapによるレスポンシブWebデザインも、W実例を使って理解できます。また、現場で役立つTipsやヒントも数多く盛り込みました。 本書で最新のWebデザイン手法をマスターしてください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】 Webグラフィックだけじゃない。Web制作におけるFireworksの本当の使い方 Fireworks はCS6 になって、CSS 書き出し機能が充実し、Web グラフィック作成だけでなく、Webサイトのワイヤーフレームやモックアップを作成したり、モバイルサイト用にjQueryMobileテーマのカスタマイズを行えたりと、Web制作にかかせないツールになりました。本書は、このFireworks CS6の基本機能の習得と同時に、ワイヤーフレームの作成からWordPressのテーマデザインまで、WebデザインにおけるFireworksの使い方を学んでいきます。また全30レッスンのカリキュラム形式になっており、本書一冊で手軽に、自分のペースで、楽しく学習を進めていくことができます。Fireworks派もそうでないい人も、満足の1冊です。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※各レッスンで使用するサンプルファイルは本書の記載にそってダウンロードしてください。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「フォトショ」を学びたいすべての人へ。 CS4～CC2017に対応した、いちばんわかりやすいPhotoshopの手引書。 Photoshopは画像処理ソフトとして広く使われており、グラフィックにおいてはの定番のソフトです。 画像を扱うさまざまな分野でも活用されており、特に写真・デザイン分野においては、使えることが必須といえます。 さらにプロだけでなく、写真・イラストなどの趣味においても多くの方に活用されています。 多機能・高機能になったPhotoshopですが、使いこなすためには基本機能の習得が欠かせません。 本書ではPhotoshop初心者が学びやすいように、基本機能から実践的なテクニックまでをレッスン形式で解説しています。 さらにダウンロードで入手できるサンプルデータを使ってステップ通りに進めることで、理解をより深められる実践的な解説を加えています。 作例をもとに解説する部分では「写真の補正やレタッチ」、「さまざまな作品創りへの活用」、「Webデザインでの活用」を題材にしています。 これらをステップ通りに進めることで、実践的な使い方や工程を学べます。 1度、作例通りに学習したら、次は設定値などを変更して補正・加工をしてみましょう。 Photoshopで試行し自分の「好み」に合った結果が得られるようになると、 Photoshopを操作することが楽しくなるとともに、 Photoshopを実際に活用する場面で活かせるようになります。 本書が、Photoshopを仕事に、趣味に、さまざまな目的で活用するための最初の１歩となることを願っています。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 正統派の入門書！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冊を超える。

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