Webデザインのカラー、レイアウト、エフェクトなどのアイデアに困った時に時間をかけて見たいサイトのまとめ

Webデザインに関するアイデアやインスピレーションが得られるサイトを紹介します。
自分の引き出しには無い何かがきっと見つかる、たぶん見つかる!

Webデザインのアイデアに困った時にチェックしたいサイトのまとめ

写真:Gratisography

なんとなく見ているだけで、あっという間に時間がたってしまうサイトばかりです。

サイトのキャプチャ

Material Interaction

Material Designといえば、その特徴的なカラーや使いやすさを重視したUX。ここではそんなMaterial Designのさまざまなインタラクションが楽しめます。

サイトのキャプチャ

Material Design Color Pallet

今っぽいカラーをちょっと使ってみたい、そんな人にぴったり!
Material Designにあうカラーパレットからカラーを2つ選択すると、それにマッチしたカラーパレットがダウンロードできます。

サイトのキャプチャ

Dairy Material Design Inspiration

上記と同作者のサイトで、Material DesignのインスピレーションがもらえるWebサイトやアプリ、コンセプト、イラストなどのギャラリーです。

サイトのキャプチャ

User Flow Patterns

スマホでのユーザーのさまざまなインタラクションをアニメーションで楽しめます。

サイトのキャプチャ

Tindddle

dribbbleのクリエイティブなアートワークを次々に表示します。

サイトのキャプチャ

Call to Idea

Webページやスマホで使われているさまざまなコンポーネント、レイアウト、カラーなどのギャラリー。

サイトのキャプチャ

Codrops resources of 2014

当ブログでもちょくちょく記事にするCodropsから、彼らがオススメするCSSやJavaScriptのエフェクトのまとめ。

サイトのキャプチャ

Kit FUI

「FUI」は「Future User Interfaces」「Fantasy User Interfaces」の頭文字で、映画やテレビにでてくる近未来のUIがまとめられています。映画だけでも100以上あり、動画や画像を楽しむだけで一日が終わってしまいそうです。

サイトのキャプチャ

Inspirograph

最後は、息抜きに。
子供の頃に遊んだ人も多いと思います。歯車の穴にエンピツを入れてぐるぐるしてサイクロイド曲線を描く「スピログラフ」をブラウザで楽しめます。

sponsors

top of page

©2018 coliss