Tag : web Design

- 71 Articles -

素敵なデザインからユニークな仕掛けまで、404ページのデザインショーケース 30

Read Article

素敵なデザインからユニークな仕掛けまで、404ページのデザインショーケース 30

デザイン備忘録。デザインが素敵だったり見せ方が面白いなと思った404ページ(エラーページ)のデザインショーケースです。このように一覧化しているとゲームができたりアニメーションが付いていたりといった遊び心あるサイトが目に止まりますが、エラーページに辿り着いてしまったユーザーに対してどのように目的のコンテンツへ誘導させているかなど、そういった面で参考になるものもあります。

  • Inspiration
最近気になったハイクオリティなUIキット #11

Read Article

最近気になったハイクオリティなUIキット #11

ここ最近気になったハイクオリティなUIキットのまとめです。見た目や各パーツ・カラーの組み合わせ方などデザインの参考にするだけでなく、それぞれ実際に作成されたファイルをダウンロードすることもできるので、どのようなレイヤースタイルで作られているかを参考にしたり、ライセンスが問題なければデザインで利用させてもらうこともできます。今回はダッシュボードデザインが幾つかあります。

  • Material
スライドショーで実装されているページネーションのデザインショーケース

Read Article

スライドショーで実装されているページネーションのデザインショーケース

デザイン備忘録。Webサイトでよく見かけるコンテンツのひとつにスライドショーがありますが、実装している多くのサイトでスライド切り替えができるページネーションが設置されています。サイトによってはこのページネーションの部分もしっかりとデザインしているところもあるので、同じくこういった細かいところまでこだわりたい時に参考になりそうなページネーションデザインをタイプ別にまとめてみました。デザインショーケー…

  • Inspiration
最近気になったハイクオリティなUIキット #10

Read Article

最近気になったハイクオリティなUIキット #10

ここ最近気になったハイクオリティなUIキットのまとめです。見た目や各パーツ・カラーの組み合わせ方などデザインの参考にするだけでなく、それぞれ実際に作成されたファイルをダウンロードすることもできるので、どのようなレイヤースタイルで作られているかを参考にしたり、ライセンスが問題なければデザインで利用させてもらうこともできます。また、今回はよく見かけるタイプのUIキット以外に大容量のApple Watc…

  • Material
最近気になったハイクオリティなUIキット #9

Read Article

最近気になったハイクオリティなUIキット #9

ここ最近気になったハイクオリティなUIキットのまとめです。見た目や各パーツ・カラーの組み合わせ方などデザインの参考にするだけでなく、それぞれ実際に作成されたファイルをダウンロードすることもできるので、どのようなレイヤースタイルで作られているかを参考にしたり、ライセンスが問題なければデザインで利用させてもらうこともできます。

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

Read Article

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

引き続きDribbbleで見かけたのを中心に、参考にさせてもらおうと思いメモしていた管理画面・ダッシュボードのデザインのまとめです。こちらはグラフやチャートなどの要素が多く使われているもので、アクセス数や売上推移などの情報を掲載しているような管理画面・ダッシュボードのデザイン時に見せ方など参考になります。

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

Read Article

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

Dribbbleで見かけたのを中心に、全体的なデザインや各要素の配置レイアウトなど参考にさせてもらおうと思いメモしていた管理画面・ダッシュボードのデザインが溜まってきたので、自分の整理も兼ねてまとめました。管理画面やダッシュボードで重要なのは見易さや操作性の高さだと思いますが、デザインにもこだわりたいという場合にいろいろ参考になります。

  • Inspiration
最近気になったハイクオリティなUIキット #8

Read Article

最近気になったハイクオリティなUIキット #8

ここ最近気になったハイクオリティなUIキットのまとめです。そのまま素材として使用するだけでなく、各パーツやカラーの組み合わせ方やどのようなレイヤースタイルで作られているかなど、何かと参考にさせてもらうこともできます。今回はかなり大容量なものやMaterial Designを用いたものが幾つかあります。

  • Material
Webデザイントレンドがまとめられたインフォグラフィック「The Decade in Web Design Trends」

Read Article

Webデザイントレンドがまとめられたインフォグラフィック「The Decade in Web Design Trends」

今年ももうすぐ終わりということもあって、デザイントレンドの振返りや来年のトレンド予測したものは様々なところで見かけますが、ざっくりと過去数年間のWebデザインのトレンドを見たい時に良いなと思ったのでご紹介。「The Decade in Web Design Trends」は様々なテンプレートを配布している「TemplateMonster」がリリースしたインフォグラフィックで、2004年から2015…

  • Inspiration
カラー・グラデーションフィルターが美しいWebデザインのショーケース

Read Article

カラー・グラデーションフィルターが美しいWebデザインのショーケース

デザイン備忘録。いずれも海外のWebデザインになりますが、カラー・グラデーションフィルターを用いた美しいWebデザインのまとめです。メインビジュアルの大きな写真や動画と組み合わせているのが多いですが、それ以外にも各セクション毎で変更していたり、ホバー時のエフェクトなど細かい部分にも用いているサイトもあります。

  • Inspiration
配色に悩んだ時に役立つ便利なサイトやカラー関連ツールまとめ

Read Article

配色に悩んだ時に役立つ便利なサイトやカラー関連ツールまとめ

「いつも同じような感じになってしまう」「このキーカラーに対してどんなアクセントカラーが合うのか」といったデザイン(配色)時の悩みを手助けしてくれるものやインスピレーションをもらえるもの、オリジナルのカラーパレットを簡単に作成・出力できるなど、配色・カラーに関連する便利なサイトやツールのまとめです。似たようなサイトも多いですが、使いやすさ・見やすさ・情報量などの点でそれぞれ違いがあるので、こういった…

  • Services & Resource

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