2019年8月11日スポンサーリンクこんにちは、emikiです。一目で伝えたいことを伝えることができるデザインは、情報の受け手側に立った素晴らしいデザインと言えます。手法や見せ方は色々あると思いますが、今回は「文字をビジュアル化する」という方法を紹介します。まとめ文字をビジュアル化するとは、伝えたい情報を明確にし、独立させること上の化粧品POPをご覧ください。商品名(容量)商品説明文といった内容が盛り込まれているPOPです。※注意※この化粧品は、私がこの記事のために作ったPOPであり、架空の化粧品です。そのため記載されてある商品説明文は、専門性や薬事法などを気にせず文章を作っています。ビジュアルの見せ方の例としての文面ということを、ご理解いただけたらと思います。例で作った化粧品POPは、癖もなくスタンダードなデザイン手法なんですが、「文字をビジュアル化」させることでさらにデザインを見やすくすることができます。文字をビジュアル化するとは、POP内で伝えたい情報を明確に拾い、独立させる(目立たせる)作業のことです。具体的に解説していきます。レス」「乾燥対策」という文言を商品説明からピックアップして、アイコンとして上部に配置してみました。レス」「乾燥対策」など書いてある内容は「文字」なのですが、文章から切り離すことによって、この化粧品は何に特化しているのか、長い商品説明文を読まずとも、すぐに読み取ることができます。最初に参照した、文字をビジュアル化していないPOP画像と比べてみてください。見てどちらが伝えたい情報をすぐにキャッチすることができるかは、一目瞭然ですね。伝えたい文字のピックアップの仕方は様々なので、クライアントと話し合うと良いでしょう。以下のようにもビジュアル化できます。入った無添加オールインワンジェル。ビジュアル化して独立させました。(※「無添加」という文言はすでにビジュアル化されているので追記する必要がありません。)このように、ビジュアル化すべき箇所は何通りも考えられます。ビジュアル化する魅せ方も様々で、そこがデザイナーの腕の見せどころとなります。スポンサーリンク文字をアイコン化することで、デザインがスッキリする文字をビジュアル化してみる手法を説明しましたが、一番メジャーで分かりやすい方法は、文字の「アイコン化」。文字をアイコン化することにより、紙面(画面)全体をスッキリと見せることができます。誰もがそのアイコンを見て、何のことか理解できる場合は、それをアイコンに置き換えてみましょう。電話番号やSNSが良い例です。画像のように、文字の羅列よりはアイコン化した方が、デザインもスッキリし、仕上がりもキレイですね。「文字のアイコン化」を行う場合、注意しなければならないこともあります。それは、「誰もがアイコンの意味を理解できる」を前提としてアイコンに置き換えることです。電話番号やSNSのアイコンは、ほとんどの人が周知している形でしょう。上に挙げた化粧品POPの「無添加」という文字。自分でがんばって無添加っぽいアイコンを作ったとしても、万人に「無添加である」と理解されるのはほぼ不可能です。マイナーなもののアイコン化は避けた方が良いです。SNSのアイコンに関しては、色やロゴでSNSサイトのことをイプットンしている人がほとんどなので(例:ツイッター→水色、FB→青色、LINE→黄緑色など)、文字で表現するよりも、アイコンで配置した方が断然認知されやすかったりもします。まとめ文字をビジュアル化するためには、伝えたいことを明確にし、伝えたい文言を独立させ、その文字をビジュアル化します。すると、見る側は長い文章を読まずとも、どうゆう特長なのかを数秒で理解することができます。アイコン化することにより、デザインをスッキリさせる効果もあります。文字のビジュアル化やアイコン化などの魅せ方は様々です。「何を伝えたいかすぐにわかる」このようなデザインは、見る側の立場にたった素晴らしいデザインと言えることは確かです。その一つの手法として、文字のビジュアル化を、是非活用してみてください。学び方〜仕事の探し方まで!未経験からデザイナーになるための完全ガイドこんにちは、デザイナー歴10年のemikiです。デザイナーになるには、専門的な技術が必要です。デザイナーに転職しよ...あわせて読みたいグラフィックデザイン勉強のための『おすすめ本7選』デザイン素人でも劇的に見栄えが良くなる4つの法則とは?独学よりオンラインスクールでデザインを学んだ方が費用が安いって知ってる?デザインを独学で学ぶことは可能か〜デザインの学び方を考える〜スポンサーリンクスポンサーリンク【必読】おすすめ記事はこちらからグラフィック・Webデザイナー向けの転職サイト8選はコレ!グラフィックデザイナー・Webデザイナー向けのおすすめ転職サイト・転職エージェントを比較しながら詳しく解説しています!記事本編はこちらから学び方〜仕事の探し方まで!未経験からデザイナーになるための完全ガイドデザインまったくの未経験者が、プロのデザイナーになるまでのステップを詳しく丁寧に徹底解説しています。「デザイナー辞めたい!」一度は考えたことありませんか?そんなデザイナーの不平・不満を調査してみました。デザイナーのみなさんならこの苦労を分かち合えるはずです!記事本編はこちらからWebデザインを安く勉強できるオンラインスクール厳選Webデザインを勉強したい方に向けて、価格や授業内容を比較しながら、おすすめできるオンラインスクールをまとめてご紹介しています。emikig279デザイナーの道しるべスポンサーリンクスポンサーリンクデザイナー兼ブロガーemikiデザイナー歴10年。デザイナーによるデザイナーのための当ブログ運営者です。デザイナーの道しるべ。