Careerスタイリッシュで使いやすいUI制作の参考になるWebサイト6選モモコ2014.04.03Web制作デザインShareお疲れさまです、デザイナーのモモコです。先日大雪が降ったと思えば、もう春一番が吹いたと聞いて、時間の流れは早いなとしみじみしています......まだこたつを仕舞いたくない!さて、今回はスタイリッシュで使いやすいUI制作の参考になるサイトを6つご紹介します。スタイリッシュで使いやすいUI制作の参考になる4つのサイトUYIhttps://useyourinterface.com/※現在はサービスを終了しています。インタラクティブなUIを集めたtumblrページ。左メニューのArchiveから今まで投稿されたものを一覧で見る事が出来ます。サムネイルにGIFアニメを使用しており、実際の動きを確認しながら見られるのが良いですね。UNHEAPhttps://www.unheap.com/綺麗で実用的なUIが作成できるjQueryプラグインを多数紹介しているサイト。フラットデザインで作成されたサムネイル画像やサイトのデザイン自体も参考になります。motionshttps://motions.me/※現在はサービスを終了しています。「気持ちいい動き」のインフォグラフィックスやUI、アイコン等をアーカイブしているサイト。それぞれタグ付けされているので絞り込んで検索する事が出来ます。こちらもサムネイルがGIFアニメなので理想の動きが探しやすいです!UIBoxhttps://www.uibox.in/※現在はサービスを終了しています。各種使い勝手の良いUIをアーカイブしているサイト。デモページやドキュメントがしっかり用意されているのでJSに不慣れな人にも親切です。Designhttps://fltdsgn.com/フラットデザインで優秀なUIに特化してアーカイブしているサイト。導線が分かりやすく、すっきりとしたデザインのWebサイトが多いです。codropshttps://tympanus.net/codrops/Webの新しい技術や情報について毎日更新している海外ブログ。UIのチュートリアル記事も多く上がっており、DEMOページのクオリティも高いので非常に参考になります。まとめいかがでしたでしょうか?CSS3やJSを使ってアニメーションを比較的気軽に付けられるようになった今こそ、「気持ちいい」と感じる動きにこだわっていきたいですね。LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。このメンバーの記事をもっと読むデザイナーのモモコです。ジャンプは単行本派です、よろしくお願い致します。PopularPR連載一覧イベント情報Web制作デザインTechnologyAIオウンドメディアSEO対策アプリ開発システム。