Category : Inspiration

- 62 Articles -

情報やデータを視覚的に表現するインフォグラフィックデザインがまとめられているデザイン参考サイト

Read Article

情報やデータを視覚的に表現するインフォグラフィックデザインがまとめられているデザイン参考サイト

インフォグラフィックとは情報やデータを視覚的に表現したもので、文字や言葉にすると膨大な量になってしまったり表現がわかりづらくなるものをイラスト・グラフ・図・ピクトグラムなどを用いてわかりやすく見せることができます。そんなインフォグラフィックデザインが多数まとめられたデザイン参考サイトをいくつか紹介します。全体的な配色や配置といったバランス、様々な形状やサイズの要素の組み合わせ方など、インフォグラフ…

  • Inspiration
様々なチャートデザインを簡易的な説明や実例付きでまとめている「Data Viz Project」

Read Article

様々なチャートデザインを簡易的な説明や実例付きでまとめている「Data Viz Project」

表やグラフといったチャートデザインをする際に参考になりそうだし、個人的にもこれは覚えておきたいと思ったので紹介します。「Data Viz Project」は様々なチャートのデザインパターンを紹介しているサイトで、パッと見ではこれら以外の見せ方が思い浮かばないぐらいひと通りのデザインパターンが掲載されています。

  • Inspiration
UIデザインの引き出しを増やしたいときや悩んだときに参考になるデザインギャラリー 20

Read Article

UIデザインの引き出しを増やしたいときや悩んだときに参考になるデザインギャラリー 20

WebサイトやアプリなどのUIデザインに悩んだときに参考になるデザインギャラリーを全20サイト紹介します。よくあるコンポーネントのデザインや配置の仕方、カラーの組み合わせ方を眺めるだけでなく、ギャラリーによってはクールなものからユニークなものまである様々なアニメーションをまとめているところもあるので、デザイン以外の部分でも参考になるギャラリーもいくつかあります。また、悩んだ・困ったときに見るだけで…

  • Inspiration
様々な料金ページデザインを集めたデザインギャラリー「Pricing Pages」

Read Article

様々な料金ページデザインを集めたデザインギャラリー「Pricing Pages」

「Pricing Pages」はその名の通り料金ページデザインのみを集めたデザインギャラリーです。海外サイトのデザインのみという点やサムネイルが若干小さめというのがありますが、全体的な配置や配色をはじめ、目立たせたい部分をどのように表現しているかなど参考になりそうなデザインが多くあります。

  • Inspiration
デザインやレイアウトの参考になる、管理画面・ダッシュボードのデザインショーケース #3

Read Article

デザインやレイアウトの参考になる、管理画面・ダッシュボードのデザインショーケース #3

DribbbleやBehanceで見かけた管理画面・ダッシュボードデザインのまとめです。管理画面・ダッシュボードは見易さや操作性の高さが特に重要だとは思いますが、デザインにもこだわりたいとか表だけでなくこういった裏側もオリジナルにしたいという場合に、各要素の配置・見せ方・配色などいろいろと参考になります。

  • Inspiration
&(アンパサンド)のデザインが美しいGoogle Fonts

Read Article

&(アンパサンド)のデザインが美しいGoogle Fonts

ちょっと必要があって手軽に利用できるGoogle Fontsの中で&(アンパサンド)のデザインが特徴的なフォントを探したのですが、個人的に好みで覚えておきたいなと思うデザインが意外とあったのと今後同じような時にまた探すのは面倒なので備忘録として残しておこうと思います。デザインフォントでパッと見気になるのはやはりアルファベットだと思いますが、こうして見てみると記号のデザインもフォントによって様々で見…

  • Inspiration
タイポグラフィーデザインの参考になるギャラリーやデザインプロジェクト

Read Article

タイポグラフィーデザインの参考になるギャラリーやデザインプロジェクト

欧文フォントを使ったものが多めですが、参考になるタイポグラフィーデザインが多数まとめられているギャラリーやWebフォントを利用して様々なデザインを表現しているプロジェクトなど、タイポグラフィーやフォントに関連するようなものを幾つかまとめてみました。ちょっと特徴的なフォントがどのようにしてデザインに上手く取り入れられているかとか複数のフォントを用いた場合の組み合わせ方など勉強になる部分も沢山あります…

  • Inspiration
パントンカラーを用いたNIKE AIR FORCE 1 LOWのスニーカーデザイン「Pantone + Nike – Perfect for this Spring」

Read Article

パントンカラーを用いたNIKE AIR FORCE 1 LOWのスニーカーデザイン「Pantone + Nike – Perfect for this Spring」

素敵だったのでご紹介。毎年Pantone Color of the Yearで発表されているトレンドカラーですが、発表後はそのカラーを用いた様々なデザインが各箇所でアップされます。今回紹介するのもそのひとつで、今年のカラーとして発表された Rose Quartz と Serenity を、NIKEの人気スニーカーであるAIR FORCE 1 LOWに用いたスニーカーデザインです。

  • Inspiration
バナーデザインの制作フローやレイアウト、参考になるエントリー・デザインギャラリーをまとめてみました

Read Article

バナーデザインの制作フローやレイアウト、参考になるエントリー・デザインギャラリーをまとめてみました

バナーデザインは決められた領域内でどれだけユーザーやターゲットの目にとまるようなデザインにできるかが重要になってきます。デザイン制作したことあるなら一度は経験したことあると思いますが、領域が決められているけどその中でしっかり伝えたい内容を目立たせる必要があるので、何度もレイアウトを調整したり、結局時間をかけて完成してもいまいちな出来になってしまったりなんてことも...。そこで今回は、バナーデザイン…

  • Inspiration
綺麗でカラフルなグラデーションが一覧化されている「colorful gradients」

Read Article

綺麗でカラフルなグラデーションが一覧化されている「colorful gradients」

覚えておきたいと思ったので備忘録兼ねて。「colorful gradients」はサイト名にもあるようにカラフルなグラデーションを一覧化しているギャラリーで、綺麗で美しい色合いのグラデーションを多数見ることができます。全体的に淡い色合いのものが多い感じなので、そういったカラーが好みの人や参考にしたい人にはおすすめです。

  • Inspiration

Close the search window,
please press close button or esc key.