【実例で解説】“読みやすさ”だけではない…デザインのプロが駆使する「文字」のテクニック
THE GOLD ONLINE(ゴールドオンライン) / 2024年6月9日 17時30分
![【実例で解説】“読みやすさ”だけではない…デザインのプロが駆使する「文字」のテクニック](https://media.image.infoseek.co.jp/isnews/photos/goldonline/goldonline_60665_0-small.png)
(※写真はイメージです/PIXTA)
デザイナーは普段、どのような視点からデザインを生み出しているのでしょうか。実際の画像をもとにデザインを比較しながら、文字の効果について見ていきましょう。デザイン研究所による著書『デザインのミカタ 無限の「ひきだし」と「センス」を手に入れる』(KADOKAWA)より、詳しく解説します。
もしそのテクニックを使わなかったら?
もし〇〇(例えば、明朝体)でなかったら? デザイナーはこのように考えながら試行錯誤してデザインしています。逆に言えば、デザインを観察する時にこの視点を取り入れることで、デザイナーのなぜ(意図)を汲み取ることができます。
2つのデザインを比較した設問を用意しているのは、その力を育むためでもあります。
![](https://ggo.ismcdn.jp/mwimgs/4/d/800m/img_4d6f7155fe80ec36e537ee63db28b1591781342.jpg)
明朝体が使われているデザインを発見した時に明朝体ではない場合を考えてみる
見方を身につけるために覚えておきたい文字の知識文字の整列、基本は目線の流れを考えて左揃えになっている
プロのデザイナーは文字をどのように配置しているのでしょうか? 文字の配置には、目線の流れが大きく関わっています。
①中央揃えのデザイン
文字をずらして配置するテクニックを解説しましたが、複数の文字の基本的な配置は左揃え、中央揃え、右揃えがあります。[画像2]のデザイン①は中央揃えですが、コンテンツ量が多く、長文のため読みにくい印象を抱きます。
![](https://ggo.ismcdn.jp/mwimgs/f/b/800m/img_fb71156116404a1a9c6eb47285c183fe699714.jpg)
➁左揃えのデザイン
横書きの場合、左上から右下に向かって読み進めるため、左に揃っている方が読みやすく、プロは、文章を左揃えにすることが多いです。特に文章量が多い時は、目線の流れに合わせて左揃えにします。
![](https://ggo.ismcdn.jp/mwimgs/8/5/800m/img_85f1c2481f5f2d6ae2c9e310a7b508eb4667177.jpg)
デザインを目にして感じた“なぜ?”を深堀る
なぜ文字をカーブに沿わせているのか?
![](https://ggo.ismcdn.jp/mwimgs/d/c/800m/img_dc6209f333d70e1fc829f5dfb888b979520301.jpg)
![](https://ggo.ismcdn.jp/mwimgs/a/1/800m/img_a14967fc736f787a1e99ac0ce2a4f8bd1279287.jpg)
![](https://ggo.ismcdn.jp/mwimgs/d/9/800m/img_d9845c06da3346e993099de6a07656b123449.jpg)
白の流体シェイプのカーブに沿った文字にすることで、縦や横の文字と比べてポップな印象を与えています。
![](https://ggo.ismcdn.jp/mwimgs/4/a/800m/img_4ae6647894fbd104af20d8cee3c5e8cc311981.jpg)
グワングワンのお碗ブランドという文字情報を表現するために、曲線のカーブに沿わせて文字を配置しています。
![](https://ggo.ismcdn.jp/mwimgs/0/0/800m/img_0015e2d13eb49c768432eb2a408291a7508530.jpg)
POINT01とPOINT02のどちらも同じようなカーブに沿わせることで統一感を生んでいます。
文字をカーブに沿わせるテクニックを使っていますが、それぞれに別の意図があります。しかし全体として、グワングワンというコンセプトを表現するために、文字をカーブさせるというテクニックを多用しています。
-CHECK-1つのデザインで共通するテクニックを使うこともあるが、それぞれに別の意図がある場合もあります
![](https://ggo.ismcdn.jp/mwimgs/c/1/800m/img_c1eb4de38b3083945eb3a11a70d2464d3846399.jpg)
木:カーブに沿わせることでポップな印象に。また広い範囲を占有しているタイトルをカーブさせているため、全体の印象もポップになっている
森:ポップな印象を作りたい時に、文字をカーブさせる。沿わせる方法は円形にしたり、対象物の形をなぞったりする
![](https://ggo.ismcdn.jp/mwimgs/0/9/800m/img_091e13faf6a6142d8df40d48daddb2cd501952.jpg)
木:ネオン管の形状と商品名の配置が同じであるため、統一感が生まれている。文字の配列をカーブさせることで、「へのへのもへじの和製モナリザネオン」という商品に合ったポップなデザインとなっている
森:上の森を見ると同じ
デザイン研究所
外部リンク
この記事に関連するニュース
-
「センスがいい」と言われたい!…デザインで“初心者っぽさ”を消す4つのポイント【プロのデザイナーが解説】
THE GOLD ONLINE(ゴールドオンライン) / 2024年6月16日 17時30分
-
NHK PR公式Xもやってみた「手持ちの写真に『連続テレビ小説』を乗せて朝ドラ風味に」
J-CASTニュース / 2024年6月11日 13時22分
-
“思わず目を引くデザイン”の「文字」に隠されたテクニック【画像で確認】
THE GOLD ONLINE(ゴールドオンライン) / 2024年6月2日 9時15分
-
もはやSF映画の世界じゃん... 雨降る夜の大宮がめっちゃサイバーパンクな件
Jタウンネット / 2024年6月1日 18時0分
-
《スウォッチ》から80年代、90年代のアイコニックなモデルをベースにした「NEON」コレクションが登場!鮮やかでプレイフルなデザインに注目して
fudge.jp / 2024年5月30日 17時30分
ランキング
-
1新NISAで人気の「NTT株」が5月から急落した深層 個人株主は急増も、海外投資家と思惑のズレ?
東洋経済オンライン / 2024年6月26日 8時10分
-
2テスラ、新型EVリコール 1万台超、不具合相次ぐ
共同通信 / 2024年6月26日 7時12分
-
3青森のサクランボ農園で実が割れる被害、佐藤錦は1〜3割が裂果…9園が一般客の受け入れ断念
読売新聞 / 2024年6月25日 23時0分
-
4売上2兆円、ドン・キホーテ創業者が「日本経済を決定的にダメにした」と断言する“A級戦犯”とは?
文春オンライン / 2024年6月26日 6時0分
-
5スーパーで無料提供されている「割りばし」を大量に持って帰るのはあり?無料とはいえマナー違反になる…?
ファイナンシャルフィールド / 2024年6月26日 2時10分
記事ミッション中・・・
記事にリアクションする
![](/pc/img/mission/mission_close_icon.png)
記事ミッション中・・・
記事にリアクションする
![](/pc/img/mission/point-loading.png)
エラーが発生しました
ページを再読み込みして
ください
![](/pc/img/mission/mission_close_icon.png)