デザインやイラストに好きな1色をセンスよく使用したい、一つひとつの色を深く掘り下げた配色本を紹介します。 本書はちょっとした辞書並みの圧倒的な情報量に、ワクワクする配色がたくさん詰まっています。ピンク、赤、オレンジ、イエロー、黄緑、グリーン、青緑、ブルー、パープルと色相環を1つずつ回るように、1691の配色、259のデザイン作例、665のデザインパターンが収録されています。 たとえば、青緑の中の1つ「レディブルー」は上品で華やかさがあり、優しく静的な印象を与えるカラーです。1つの色に対してさまざまなデザイン・イラスト・写真の配色が収録されており、どれも試したくなります！ 本書は昨日発売されたばかり！ TDC賞・JAGDA・グッドデザイン賞の常連、石黒 篤史氏による、超一流のデザイナーが教える「色で魅せる」デザインの作り方です。1色ごとにカラー別の配色テクニックが解説されており、単なる配色本

HTML Live Standard対応、FlexboxやCSS GridやCSS関数などを活用して、レスポンシブWebデザインを実装するテクニックを学べる解説書を紹介します。 Webページでよく使用されるさまざまなレイアウトやUIコンポーネントの実装、バリエーションやカスタマイズなども詳しく解説されており、これからのWeb制作に間違いなく役立ちます。 IEのサポート終了のお知らせ（Windows Blog）で、ようやくIEから解放されることに喜んでいる人も多いと思います。これによりIEへの対応をしなくてすむだけでなく、新しいHTMLとCSSも自由に使用できるようになります。 著者は、分かりやすい解説で評判のエビスコム様。中級者向けの実践的なテクニックが満載ですが、初心者でもコードとそれがどのような仕組みで実装されているのかていねいに解説されているので、大丈夫だと思います。

Webページに動きやアニメーションを加えたい、毎回検索で探している、実装の手順を解説してほしい、そんな時にすぐに役立つコピペで利用でき実装方法もカスタマイズもていねいで分かりやすい解説書を紹介します。 動きやアニメーションのコードはサポートサイトから最新版がダウンロードでき、要素表示、背景の動き、エリアの動き、画像の動き、テキストの動きなど9種類にバリエーションが100個以上あり、「この1冊が丸ごとカバー」の文字通り大全集です。 既視感を覚えた人は、大正解！ 「動くWebデザインアイディア帳（紹介記事）」の第2弾で、第1弾は基本的な動きでしたが、第2弾の本書は実践編として「印象に関わる動き」となっています。 Web制作者は、1冊持っておくとかなり便利だと思います。こういった気持ちいいアニメーションはクライアントからの要望も多く、喜ばれます。

デザインが上手くなりたい、デザインの考え方を知りたい、具体的な作り方を知りたい、そんなデザイナー初級者・中級者にお勧めの解説書を紹介します。 PhotoshopとIllustratorでのデザインの作り方とアイデアが92種類も揃っており、単なるチュートリアルだけではなく、プロのデザイナーがどのように考えてデザインを作っているのかまで詳しく解説されています。 例えば、上記のタイポグラフィでは平打ちの文字からはじめ、立たせたい文字のサイズを変更し、可読性を意識しながら配置を変え、最後に一番大きな「猫」を基準にデザイン調整をします。調整の数値も具体的に示されており、なぜそうするのか目的も書かれているので、フォントや文字を変更しても応用が効きます。 考え方まで詳しく解説されているのも本書の大きな特徴ですが、さらにすごいのが、すべてのファイルがサポートサイトからダウンロードできます。 全チュートリア

イメージはなんとなく浮かぶけど、じゃあその配色は具体的にどうすれば、、、そんなデザインやイラストの悩みに大活躍する配色本を紹介します。 本書は人気シリーズの第3弾で、今回は「カラー縛り」のデザイン案件に役立つ配色になっています。例えば、レッド系でもさまざまなトーンのレッドと色の組み合わせを写真・イラスト・パターン・キーワードなどさまざまな角度の配色が分かります。 本書は、当ブログでも好評だった「配色デザインインスピレーションブック」の第3弾（第1弾の紹介記事、第2弾の紹介記事）。第1弾も第2弾も発売後は書店でもAmazonでも売り切れ状態がずっと続いていました。 第3弾となる本書もさらに充実しており、前書を持っている人はもちろん、今回初めてという人にもお勧めです。

「デザイン」 「デザイン思考」 「デザイン経営」 これらの用語を、きちんと区別をしたうえで説明できますでしょうか？ おそらく、デザインの本質や全体像を理解しておかないと、上記の用語を自分の言葉で説明するのは難しいはず。 では、デザインを理解するとは、どういうことでしょうか？ デザインの理解度は4段階ある 物事の理解度は、大きく4段階に分けることができます。 ①知らない、②知っている、③わかっている、④できる この4つです。 この4段階を、デザインに当てはめると、次のように整理できます。 レベル1：知らない デザインって見た目の話でしょ？ オシャレな組み合わせを考えることがデザインじゃないの？ …くらいの理解度で、デザインについて勘違いしている段階。 レベル2：知っている デザインとは「設計」のことだ。設計の対象は、モノだけではなく、コトも含む。 デザインは観察から始まる。 …こんな感じで、

Adobe XDでWebサイトを制作したい、ワイヤーフレームの作り方を具体的に知りたい、コミュニケーションやプレゼンテーションツールとして活用したい、基本操作から実務レベルの使い方まで詳しくていねいに解説した一冊を紹介します。 Adobe XDは、Webサイトやアプリの制作で欠かせないツールの1つとして多くのユーザーに支持されています。Adobeユーザー（登録無料）なら無料で利用でき、Webサイトやアプリの制作だけでなく、コラボレーションツールやコミュニケーションツールとしても活躍します。 本書は現役のデザイナー・ディレクター陣が執筆した、Adobe XDの解説書です。基本的な操作から、WebサイトやスマホアプリのさまざまなUIデザインやワイヤーフレームの作成方法、オンラインディスカッションやプレゼンテーションなどの活用方法まで、実務で役立つテクニックが詳しく解説されています。 学べるだけ

企業サイトをはじめ、オンラインショップ、スマホアプリ、そしてブログでも制作する上で一番重要なのはライティングだと思います。 ボタンの文言は言葉を適切に選ぶだけで、クリック率は格段にアップします。また、コンテンツのライティングでユーザーエクスペリエンスは上昇し、フォームや登録画面のライティングで誤操作は減少します。 ユーザーエクスペリエンスにおけるマイクロコピーを実例とともに詳しく解説した良書を紹介します。 マイクロコピーとは、UIに付記するちょっとした言葉や短文のことです。ボタンの文言、登録を促す文言、エラーの文言、エンプティ時の文言など、WebページやスマホアプリのさまざまなUIに使用されています。 本書は当ブログでも大好評だった「ザ・マイクロコピー（紹介記事）」と同じ監修者のもと、ユーザーエクスペリエンスに特化された内容となっています。

2021年1月29日 書評 Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しました。その中でいいなと思った物、オススメの物をいくつか紹介します！ ↑私が10年以上利用している会計ソフト！ イメージをパッと形に変えるデザイン大全

デザインが上手くなりたい、自分のデザインをよくするためにはどうすればよいか、そんな悩みをもっている人に確かなデザイン力が身につく良書を紹介します。 プロのデザイナーによるデザインの思考プロセスが丁寧に解説されており、UIデザイン、グラフィックデザイン、プロダクトデザインの実例を見ながら、しっかりとデザインの理論とテクニックを学べる一冊です。 デザインに使用されたさまざまな工夫がよく分かり、知的好奇心も刺激されます。 本書は当ブログでも大好評だった「デザイン力の基本（紹介記事）」のウジ トモコ氏の新刊です。前書が未の人でも大丈夫、「人を動かすデザイン22の法則」はUIデザイン、グラフィックデザイン、プロダクトデザインで、今すぐに使いたくなるデザインが満載の一冊。

「これなら簡単にできる」「すぐにマスターしてうまくなる」という絵の解説書を読んでみたけど、思っていたようにはうまくならない、そんな経験はありませんか？ 絵がうまく描けなくて悩んでいる人にお勧めの本を紹介します。 絵は好きだけどどう勉強すれば分からない、絵の勉強を感覚的にではなく理論的に進めたい、絵の解説書を何冊も積読している、そんな人にお勧めです。 本書は「簡単にできる」「すぐにマスター」のように短期間でテクニックを身につけられる解説書とは正反対の本です。絵には「すぐに上手くなる部分」と「すぐに上手くならない部分」があり、それらを分類して、自分に何が必要でどのように学べばよいのかがよく分かる指南書です。 絵がうまくなるために、自分が何をすればよいか、どのような解説書がよいか、本書を読むとすっきり分かると思います。

クライアントから「可愛くしてください！」「おしゃれにしてください！」「かっこよくしてください！」「企業イメージ出してください！」 デザイナーなら誰もがそんな要望を受けたことがあると思います。 そんなふわっとしたリクエストや要望、赤字に応えるためのデザインの修正方法・テクニックを解説したデザイン書を紹介します。 本書は、今年も快進撃が止まらないソシム社の新刊。 またもや興味深い、面白い書籍の登場です！ 今回はデザインの何かに特化して学ぶ的なものではなく、デザインの方向性、修正・手直しの方法を解説した一冊です。リクエストや赤字の具体例が数多く掲載されており、「あるある！」と心の声で叫びながら、デザインを楽しく学べます。

2020年11月2日 書評 Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しました。その中でいいなと思った物、オススメの物をいくつか紹介します！ ↑私が10年以上利用している会計ソフト！ あたらしい、あしらい。 あしらいに着目したデザインレイアウトの本

等間隔なのに不揃いに見える、青と黒なのに白と金の組み合わせに見える、白なのにぼんやりとシャドウが見える、ボーダーを加えたら塗りも変わったように見える。 色や形によるデザインの原則と目の錯覚を効果的に使ったUIデザイン、ロゴ、イラスト、文字組みのデザインテクニックが満載、色と形のデザインの法則150個がまとめられた保存版の一冊を紹介します。 本書はロングセラーで人気が高い「要点で学ぶ、デザインの法則150」の第3弾、デザインの中でも色と形に特化されたデザインの法則がまとめられた一冊です。 150個の法則は要点が簡単につかめるようにまとめられており、パラパラとページをめくるだけでインスピレーションが刺激されます。 デザインに携わるすべての人にお勧めです！

デザイナーのありさんです。 LIGが運営しているWebクリエイタースクール「デジタルハリウッドSTUDIO by LIG」で、授業の講師を担当することがあります。今回は、デザインを勉強している受講生さんに個人的におすすめしているデザインの勉強に役立つ本を25冊ご紹介します！ 同じジャンルの本を1冊ではなく何冊も読むと、同じことをいろいろな切り口で説明してもらえている気がして理解が深まります。なのでいつも本はいっぱい買っちゃう派です（笑）。そのなかでも初級〜中級者の方向けにおすすめの本をピックアップしています。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめ

これからのWebサイトに求められる要件「高速化」「メタデータ」「PWA」などに対応するための一つの答えが、静的サイトジェネレーターだと思います。Reactベースの静的サイトジェネレーター「GatsbyJS」で、Webサイトやブログを構築する手順を詳しく解説した入門書を紹介します。 ReactやJavaScriptに自信が無くても、非常に分かりやすい解説なので、必要となる制作知識を身につけることができます。 本書は、6/1発売です！ 著者はWeb制作系の解説書で分かりやすさで評判のエビスコム様。初心者の人でもサンプルサイトを制作しながら、ステップ・バイ・ステップで静的サイトジェネレーターの構築を学ぶことができます。

2020年3月30日 書評 Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しました。その中でいいなと思った物、オススメの物をいくつか紹介します！ ↑私が10年以上利用している会計ソフト！ [改訂版]WordPress 仕事の現場でサッと使える! デザイン教科書[WordPress 5.x対応版]

私の読書スタイル子供のころには本を読む習慣は全然なく、夏休みの宿題で一番苦手だったのは読書感想文でした（大人になった今でも漫画は大量に読みますが 笑）。小説などをほとんど読まなかったことは、大人になった今になって語彙力や表現力の足りなさを実感するため本当に後悔をしています。 読書にハマるようになったのは社会人になってからです。仕事上でモヤモヤしていたものが綺麗に整理されたり、新しい情報や知識に触れることが非常に効率的にできるという、ごく当たり前のことに気づいたからです。仕事に必要なテーマの本から始まり、いつの間にか大量の本が家に山積みになっていました。 引っ越しを機にIKEAで大きな本棚を買いましたが、それも埋まってしまったので一時期は読書も停滞していました。しかし、Kindleを使うようになってから、スペースを気にしなくても良くなるだけでなく、読書スピードが上がったため、現在では書籍だけ

私のCSSはこのままでいいのだろうか、他の人はどのように取り組んでいるのか、CSSのスキルアップを考えているWeb制作者・デベロッパーに、ぜひ手に取ってほしい一冊を紹介します。 本書ではCSSのさまざまな設計手法を解説するだけでなく、最適解となるコードに至るまでの思考プロセスも非常に詳しく解説されています。デベロッパーの頭の中で考えていることが言語化されており、自分のCSSを見直したい人、より効率的なCSS開発を探究している人にお勧めです。 本書は、CSSの中・上級者向けの内容をていねいに詳しく解説したものです。初心者向けのブログやお店ページの例などは一切なく、モジュールベースのコンポーネントやレイアウトが主体で、プロジェクトレベルのCSS設計について解説されています。

今年の年末年始休暇は一般的な企業で、2019年12月28日(土)～2020年1月5日(日)の9日間だとすると、読書のチャンス！と思いませんか？？ 年末年始にマーケターの皆様に読んでいいただきたい行動デザイン、行動経済学関連の書籍をご紹介したいと思います。 目次入門者におすすめ！漫画で手軽に読める行動デザインを知りたかったらこの一冊デザインからのアプローチじっくり読みたい