Webデザインのカラー、レイアウト、エフェクトなどのアイデアに困った時に時間をかけて見たいサイトのまとめ
Post on:2015年1月27日
Webデザインに関するアイデアやインスピレーションが得られるサイトを紹介します。
自分の引き出しには無い何かがきっと見つかる、たぶん見つかる!
![Webデザインのアイデアに困った時にチェックしたいサイトのまとめ](http://coliss.com/wp-content/uploads-201501/2015012700.png)
なんとなく見ているだけで、あっという間に時間がたってしまうサイトばかりです。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015012701-01.png)
Material Designといえば、その特徴的なカラーや使いやすさを重視したUX。ここではそんなMaterial Designのさまざまなインタラクションが楽しめます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015012701-02.png)
今っぽいカラーをちょっと使ってみたい、そんな人にぴったり!
Material Designにあうカラーパレットからカラーを2つ選択すると、それにマッチしたカラーパレットがダウンロードできます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015012701-05.png)
Dairy Material Design Inspiration
上記と同作者のサイトで、Material DesignのインスピレーションがもらえるWebサイトやアプリ、コンセプト、イラストなどのギャラリーです。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015012701-03.png)
スマホでのユーザーのさまざまなインタラクションをアニメーションで楽しめます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015012701-04.png)
dribbbleのクリエイティブなアートワークを次々に表示します。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015012701-06.png)
Webページやスマホで使われているさまざまなコンポーネント、レイアウト、カラーなどのギャラリー。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015012701-07.png)
当ブログでもちょくちょく記事にするCodropsから、彼らがオススメするCSSやJavaScriptのエフェクトのまとめ。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015012701-09.png)
「FUI」は「Future User Interfaces」「Fantasy User Interfaces」の頭文字で、映画やテレビにでてくる近未来のUIがまとめられています。映画だけでも100以上あり、動画や画像を楽しむだけで一日が終わってしまいそうです。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015012701-08.png)
最後は、息抜きに。
子供の頃に遊んだ人も多いと思います。歯車の穴にエンピツを入れてぐるぐるしてサイクロイド曲線を描く「スピログラフ」をブラウザで楽しめます。
sponsors