デザインで、タイトルや見出しのアイデアに困った時に! 国内の優れた実例がまとめられたデザイン書 -[DESIGN IDEA 100]タイトルまわり
Post on:2023年12月8日
※本ページは、アフィリエイト広告を利用しています。
タイトルや見出しをデザインするアイデアに悩んだことはありませんか?
タイトルまわりの文字やあしらいをテーマにした実例がまとめられたデザイン書を紹介します。ポスターなどの広告媒体、書籍や雑誌、Webサイトなどに使用されているタイトルと見出しのデザインがたっぷり収録された一冊です。
![[DESIGN IDEA 100]タイトルまわり](http://coliss.com/wp-content/uploads-202304/9784802512428-01@2x.png)
本書は「DESIGN IDEA 100」シリーズで、第2弾となる「タイトルまわり」です。第1弾の「展開・バリエーション(Amazonで見る)」はプロダクトが多かったので、当ブログでは取りあげなかったのですが、第2弾の「タイトルまわり」は参考になるビジターも多いかなと思いました。
Kindle版も発売されています!
版元様より許可をいただいたので、紙面のキャプチャを少しだけご紹介。
本書は、デザインのひきだしを増やすための優れたデザインの実例をテーマごとに収録されたビジュアル資料集のシリーズ「DESIGN IDEA 100」の第2弾です。収録されている実例は100以上!
本書では172の実例が収録されています。

カラフル
各デザインには、タイトルまわりのデザインの特徴を言語化して分類しており、上記は「カラフル」です。ほかにも「グラデーション」「ケイ線」「斜め」「囲む」「手書き」「漫画風」「重ねる」「フォーカス」「アイコン+文字」などがあります。

左: グラデーション、右: グラデーション
デザインに使用されているフォント、和文・欧文書体もくわしく掲載されているので、気になった書体は要チェックです。

左: 帯、右: 帯

左: 囲む、右: 囲む
ポスターやフライヤーなど紙デザインが多く、WebサイトやスマホアプリのUIデザインで使用されるタイトルや見出しとは扱い方が異なりますが、本書から得られるデザインのアイデアがあると思います。

記号

動かす

隠す

左: フォーカス、右: フォーカス

左: 白抜き、右: 白抜き

左: 絵+文字、右: 絵+文字

左: シンプル、右: シンプル
右の「シンプル」はWebサイトの事例です。
[DESIGN IDEA 100]タイトルまわりの目次
![[DESIGN IDEA 100]タイトルまわりの目次](http://coliss.com/wp-content/uploads-202304/9784802512428-04-01@2x.png)
[DESIGN IDEA 100]タイトルまわりの目次
![[DESIGN IDEA 100]タイトルまわりの目次](http://coliss.com/wp-content/uploads-202304/9784802512428-04-02@2x.png)
[DESIGN IDEA 100]タイトルまわりの目次
![[DESIGN IDEA 100]タイトルまわりの目次](http://coliss.com/wp-content/uploads-202304/9784802512428-04-03@2x.png)
[DESIGN IDEA 100]タイトルまわりの目次
![[DESIGN IDEA 100]タイトルまわりの目次](http://coliss.com/wp-content/uploads-202304/9784802512428-04-04@2x.png)
[DESIGN IDEA 100]タイトルまわりの目次
こういったデザインの実例がまとめられた資料集、特に国内のデザインがまとめられているものは貴重です。タイトルまわりを軸にしてカテゴリごとにデザインがまとめられているので、デザインに困った時にパラパラ見るのにぴったりだと思います。
献本の御礼
最後に、献本いただいたビー・エヌ・エヌの担当者さまに御礼申し上げます。
当サイトでは随時、献本を受け付けています。
お問い合わせは下記よりお願いいたします。
sponsors