[technique 16]雑誌からデザインインスピレーションを得る | デザインってオモシロイ -MdN Design Interactive-

[technique 16]雑誌からデザインインスピレーションを得る

2024.4.20 SAT

【サイトリニューアル!】新サイトはこちらMdNについて

作業効率がアップする隠れた使い方教えます!

WEB制作、プロの無料サービス活用術
──デザインに使えるツール(2)


[technique 16]

雑誌からデザインインスピレーションを得る

文=伊東美沙貴(AISHA)

Tool Color of Book
URL http://colorchart.jp/

pinpoint-30

デザインや色彩を検討するとき、Webデザインギャラリーサイトを眺めてもインスピレーションがわかないときがある。そんなときに活用したいツールが「Color of Book」だ。

このオンラインツールは、amazon.co.jpで取り扱っている本や雑誌の表紙で使用されている色彩をRGBで解析することができる。このColor of Bookを使うときは、ターゲットが読む本や雑誌をいくつかピックアップし、本の名前や雑誌名で検索するだけでよい。

また、ファッションとスポーツ誌はプルダウンメニューから検索できる。それぞれのターゲット層に合わせたビジュアルや色が閲覧できるため、インスピレーションがわきやすい。また、このツールを使ってイラストやコピー、フォントの使い方を観察するのもおもしろい。あえてWebとは違う媒体に触れることで、Webデザインの新しいヒントが得られるであろう。

本や雑誌の表紙の色を解析する「Color of Book」
本や雑誌の表紙の色を解析する「Color of Book」


検索一覧ページでは本の表紙を眺めるだけでも楽しい
検索一覧ページでは本の表紙を眺めるだけでも楽しい


色彩を解析したページ。色はRGBで表示する
色彩を解析したページ。色はRGBで表示する


色が多数使用されている場合もていねいに分析してくれる
色が多数使用されている場合もていねいに分析してくれる


[INDEX]

>>> [technique 13]自由な文字レイアウトをCSSジェネレータで実現する
>>> [technique 14]外出先での作業に便利な画像編集ツールを使う
>>> [technique 15]Webサイト内の画像ファイル 全体を確認修正ができる
>>> [technique 16]雑誌からデザインインスピレーションを得る
>>> [technique 17]超お手軽ビットマップフォント作成
>>> [technique 18]黄金比計算機を使って手早くデザインに生かす

COVER101

本記事は『web creators』2010 vol.101からの転載です。本特集全記事は誌面で読むことができます。
月刊『web creators』掲載記事号の情報はこちら!
>>>
twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在