言葉をイメージに変える ひらめきデザインひき出し帖(コトバヲビジュアルニカエル ヒラメキデザインヒキダシチョウ)
- 著者:
- pasto(パスト)
- 出版社:
- 技術評論社
- 出版日:
- 2022年09月15日頃
- ISBN:
- 9784297130060
- 在庫:
- 在庫あり
なぜ注目されているか
書籍紹介
クライアントからの依頼時には「ターゲット」と「コンセプト」が提示されます。ターゲットや商品サービスのコンセプトは具体的でも、それを伝えるビジュアルに落とし込むには「イメージキーワード」が重要になります。そして提案デザインのバリエーションを広げるには、キーワードの深掘りだけでなく広がりも大切。クライアントとデザイナー/クライアントとクライアントのお客様のコミュニケーションを成立させるには、ことばをビジュアルに落とし込む作業は必須なのです。
本書は、デザイン発注時に頻出する、イメージが無限に広がる定番のことばをビジュアル化するのに役立つデザイン知識 (ことばのアイデアツリーと配色、フォント選び) とデザイン見本 (具体的なデザインパターン) を提供します。 42 のメイン頻出キーワードと 182 のサブキーワードを掛け合わせた“イメージキーワード辞典”として、デザインの“今すぐひらめきたい”に応えます。
Introduction
言葉からデザインをひき出すためのヒント
イメージを広げるアイデアツリーの使い方、教えます
PART 1 “らしさ”を訴求するデザインのひらめき IDENTITY
PART 2 高級感を伝えるデザインのひらめき EXPENSIVE
PART 3 親しみ感のあるデザインのひらめき FRIENDLY
PART 4 エコなデザインのひらめき SUSTAINABILITY
PART 5 感情を表現するデザインのひらめき EMOTIONAL
PART 6 時代感が伝わるデザインのひらめき GENERATION
コラム「 Design 基本ルール」
温度を感じる色、重さを感じる色
フォントファミリーとは
レイアウトスペースについて
グリッドレイアウトを活用する
シンメトリーレイアウトのポイント
カラートーンを意識する
カラー比率を意識する、 3 色以上を使う場合の比率
欧文フォントについて
文字の表現方法
膨張色と収縮色、進出色と後退色
逆三角形のレイアウト、ジャンプ率を高める
補色と反対色
余白による強調効果
人工的な配色にするには
二分割構図、トンネル構図
技書の森解説
「かわいい感じで」「信頼感のある雰囲気で」。クライアントや上司から投げられる抽象的な言葉を、具体的なビジュアルに落とし込む作業は、デザイナーが日常的に直面する翻訳行為です。本書はその翻訳のヒントを大量に収録した、発想のためのビジュアルカタログです。著者の pasto 氏はエディトリアルやグラフィックを幅広く手がけるデザイナーで、言葉から視覚表現への変換パターンを体系的にまとめています。
構成は辞書的で、「温かい」「都会的」「和風」といった印象語ごとにデザインサンプルが並びます。通読するよりも、制作前のアイデア出しの段階でパラパラとめくり、方向性の候補を複数拾い上げる使い方が噛み合います。自分の中に引き出しが少ないと感じている若手デザイナーや、デザインの方向性をチームで共有するための視覚的な語彙を増やしたい方にとって、手元に置く意味のある一冊です。
技法やソフトウェアの操作を教える本ではないため、 Photoshop や Illustrator のスキルアップとは別軸の存在です。「手は動くがアイデアが出ない」という状態に対して効く本だと捉えると、役割が明確になります。
この本に興味がある方におすすめ
この本に関連
pasto の他の書籍
関連記事
あの有名 OSS のコードは、この本の影響を受けている
広く使われているオープンソースソフトウェアの設計には、特定の技術書の影響が色濃く反映されています。OSS のコードと技術書の関係を知ると、両方の理解が深まります。
OS・低レイヤー本ガイド - コンピュータの仕組みを学ぶ技術書の選び方
OS、コンパイラ、ネットワークなど低レイヤーを学べる技術書の 4 ジャンルと、どこから始めるべきかの指針、賞味期限の見極め方を紹介します。
チーム開発・マネジメント本ガイド - 技術リーダーが読むべき本
チーム開発、1on1、技術マネジメントを学べる技術書の選び方を紹介。メンバー時代からマネージャーまで、段階別の読書ロードマップを解説します。
関連用語
CSS Grid
2 次元のグリッドレイアウトを宣言的に定義する CSS のレイアウトシステム
WebSocket API
API Gateway の WebSocket API でサーバーレスなリアルタイム双方向通信を実現する仕組み
CLS
ページの読み込み中に発生する予期しないレイアウトのずれを測定する Core Web Vitals の指標
GraphQL Subscription
GraphQL でサーバーからクライアントへリアルタイムデータ更新を配信する仕組み
BFF (Backend for Frontend)
フロントエンドごとに専用のバックエンドを用意し、クライアントに最適化された API を提供するパターン
べき等キー
API リクエストの重複実行を防ぐために、クライアントが付与する一意な識別子