Category : Inspiration

- 67 Articles -

追従ヘッダー実装時に使える動作・デザインパターン例

Read Article

追従ヘッダー実装時に使える動作・デザインパターン例

常にユーザーの視線に入るようにしておきたいとかサイトの回遊率をあげたいなどの理由で実装を頼まれることが多いと追従ヘッダー。単純に基本となる見栄えを維持してそのまま追従させることも多いですが、少し変化を加えてほしいという要望をもらうことも少なくないので、そういった場面で提案しやすいようによくある動作・デザインのパターン例をまとめました。

  • Inspiration
ECサイトやプロダクト紹介サイトで、商品イメージを配置する際に覚えておきたい見せ方のパターンや機能

Read Article

ECサイトやプロダクト紹介サイトで、商品イメージを配置する際に覚えておきたい見せ方のパターンや機能

特にECサイトで売上に影響してくるポイントのひとつである、商品イメージを配置する際に覚えておきたい見せ方のパターンやユーザーにイメージを通してより情報を伝えるのに役立つと思う機能をいくつか紹介します。また、紹介するものによっては見た目だけでなく、実店舗とは違って実際にユーザーが商品を手にとることができないことから生じるオンラインストア特有の問題などを予め防ぐことにも繋がってくると思います。

  • Inspiration
スプリットスクリーンレイアウトを採用しているwebデザインのショーケース

Read Article

スプリットスクリーンレイアウトを採用しているwebデザインのショーケース

画面を大胆に分割することでそれぞれのコンテンツを引き立たせるスプリットスクリーンレイアウト(分割画面レイアウト)を採用しているwebデザインのまとめです。同レベルのコンテンツを並べる、対比をより効果的に見せる、イメージとテキストをはっきりわける、半分を背景のように見せる、スクロール時に半分だけアニメーションを加えるなど、紹介するサイトにもあるように様々な見せ方が可能です。

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

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

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