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

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

アクセシビリティとは「利用可能な状況の幅広さ」のこと。より多くの人が，より多くの環境で，より多くの状態で利用できることです。もちろんそこには視覚・上肢・認知などに障害があるケースも含みます。日々繰り返し利用するWebアプリケーションにこそ，アクセシビリティが求められます。 Webサイトに比べて，多くのインタラクションを行うWebアプリケーションでは，アクセシビリティの確保はやや難易度が高いものです。特に既存のWebアプリケーションは複合的な課題を抱えていることが多く，教科書どおりの方法では必ずしも改善できません。 本書では，Webアクセシビリティの基礎である「HTMLとWAI-ARIA」を解説したうえで，Webアプリケーションの要である「フォーム」，色やテキストなど「UIデザインの基本」，モーダルダイアログや通知など「少し複雑なUIパターン」の3分野に分けて，よくある事例を取り上げながら，現実的で段階的な改善方法を紹介します。 さらには，デザインシステムの活用や組織での推進法など，アクセシビリティの取り組みを定着・推進・向上させるためのノウハウも詳説します。

パソコンやスマートフォンなどで文字がどのように表示されているのか、スクリーン（画面）上のタイポグラフィを考えるための書籍です。9 名の執筆者がそれぞれのテーマで論説をまとめ、文字の扱い方が特徴的なWebサイトの事例約80 例を紹介。オンスクリーンで読みやすい本文組みやフォント、印刷物とWebの本文組みの違い、アクセシビリティ、文字組みやWebフォントの技術的変遷など、それぞれの観点からオンスクリーンのタイポグラフィについて論じています。これからますます重要になるオンスクリーンでの文字の見せ方について理解を深めるための一冊です（本書は、2018 年10 月にBNNより発売された書籍『【新版】UI GRAPHICS』のシリーズ書籍として制作されています）。

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「これから人物写真の切り抜きと補正が50点？ もう納期まで時間ないのに……（泣）」「えー、いまさらロゴの文字を直すの？ またいちからやり直しか……（怒）」。本当はもっとクリエイティブなことに時間を割きたいのに、いつも手間のかかる「作業」にばかり時間を取られてしまう。そんなプロのみなさんにおくる、まったく新しいPhotoshopの本ができました。グラフィックデザインに欠かせない素材の作成から、写真のレタッチ、切り抜きといった作業について、５人の“Photoshop使い”が自身の経験から編み出した103本の時短テクニックを紹介。デザインの質を落とさず、効率を上げるアイデアが満載です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 グラフィックデザインに欠かせない、切り抜き、レタッチ、素材作りが驚くほど速くなる！　大好評のPhotoshop時短本『神速Photoshop』に待望の改訂版が登場。Photoshop CC 2015に対応、32ページ分の新テクニックを追加したほか、すべてのテクニックについて操作方法と作例を見直し、より速く、より美しく進化しました。プロのデザイナーだけが知っている、デザインの質を落とさず効率を上げるノウハウが満載の1冊。サンプル画像ダウンロードつき。

「だれでも・効率よく・迷わずに。」を実現するデザインシステムの作り方 「デザインシステム」は、デジタルプロダクト開発においてその必要性や役割を言及されることが多い概念で、プロダクトを提供するためのプロダクト、またはインフラとも呼ばれ、日本の企業・組織でも導入が進んでいます。一般的には、「デザインの再現性を高め、一貫した製品体験を効率よく表現すること」を目的に導入される「ドキュメントやリソース群のこと」と説明されます。 プロダクトの重要性が増すにつれ、プロダクトが示す領域も広がり、デザインシステムが取り扱う範囲も広がってきています。見た目のデザインやUIに関するルール・ナレッジだけでなく、ブランドパーソナリティや文章の表現など、ユーザーとのありとあらゆる接点を網羅し体系化する必要が出てきているともいえるでしょう。 しかし、デザインシステムには決まった在り方がなく、組織の数だけ、その目的の数だけ形を変えます。公開されている個別のデザインシステムを見ても、今の自分たちに必要なのか、作れるのか、そして運用できるのか、疑問は尽きないでしょう。 本書は、人事・労務領域の業務アプリケーションSaaSを提供しているSmartHRのデザインシステムの立ち上げ前から、現在までの取り組みをケースとして扱いながら、デザインシステムの構想・構築・運用について、一般論を含めて解説します。まずはなにもわからなくても大丈夫。デザインシステムを始める目的と、最初に手をつけるべきコンテンツを考えるところからスタートしましょう。

【やってみよう、基本のデザイン。】 デザインを学ぶには、理屈だけでなく実際に手を動かし、自分でデザインすることが欠かせません。本書は基本的な図形や文字、色による平面構成から、実践的なレイアウトまでを、実際に手を動かして学ぶことのできる画期的なトレーニングブックです。本書をひととおり学習することで、「視覚的な表現としての論理」を理解して、デザインを組み立てるための基本的なスキルを身につけることができます。付属CD-ROM（※電子版はダウンロード方式）には、各レッスンのIllustratorの素材と完成ファイルを収録しています。 〈本書の内容〉 第1章　視覚的な表現における「構成」 第2章　基本的な図形による平面構成のトレーニング 第3章　色を使った平面構成のトレーニング 第4章　実践的なレイアウトのトレーニング

【良いデザインは、なぜ良いのだろう。 古今東西、デザインの名作30点を詳細解説！】 本書は『デザインの教室 手を動かして学ぶデザイントレーニング』の続編にあたります。前書ではデザインの「視覚的な表現としての論理」をどのように組み立てるかがテーマでしたが、基本的にそれは変わりません。前書がそれを「手を動かし」「線を引き」「オブジェクトを誌面に置く」ことで実現しているのに対し、本書では「目で見て」「論理を組み立て」「視覚的に理解する」ことで「良いデザインとは何か」を理解し、デザインの実践に活かすことをテーマとしています。 良いデザインをするためには何が必要か、を問われると、個人のセンスや能力に帰結しがちですが、それ以外に必要なものとして“デザインを組み立てる論理”であると著者は考えます。その客観的な能力＝引き出しを養う方法として、デザイン的に特徴のある名作を引用したうえで、その作品がどういった論理で構成されているのか、どういった特徴があり、なぜ良いのかを具体的に解説していきます。 取り上げるテーマ（および作品）はおよそ30点。古典的な作品から、日本古来の美術作品を含め、デザインの名作と謳われる作品を取り上げながら、実践的なデザイン力をつけることをめざします。 〈本書の内容〉 第1章　創作するためのデザインの読み方 第2章　レイアウトの構成術 第3章　色彩の構成術 第4章　タイポグラフィーの構成術

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「時間をかけて作ったのに、最後まで読まれない」「パッと見た瞬間に「読みにくいね」と言われた」「意図したことが、正しく伝わらない」資料づくりでそんな経験はありませんか？PowerPointのスライドもWordの資料も、デザインリテラシーを身につければ誰でも思い通りに作れるようになります。情報の整理の仕方から、秩序のあるレイアウトの考え方、文字（フォント）の選び方、理解を助ける色の使い方など、今すぐ実践できる資料づくりのヒントが満載です。