スタイリッシュで使いやすいUI制作の参考になるWebサイト6選

スタイリッシュで使いやすいUI制作の参考になるWebサイト6選

モモコ

モモコ

お疲れさまです、デザイナーのモモコです。
つい先日大雪が降ったと思えば、もう春一番が吹いたと聞いて、時間の流れは早いなとしみじみしています……まだこたつを仕舞いたくない!

さて、今回はスタイリッシュで使いやすいUI制作の参考になるサイトを6つご紹介します。

スタイリッシュで使いやすいUI制作の参考になる4つのサイト

UYI

UYI

※現在はサービスを終了しています。

インタラクティブなUIを集めたtumblrページ。左メニューのArchiveから今まで投稿されたものを一覧で見る事が出来ます。
サムネイルにGIFアニメを使用しており、実際の動きを確認しながら見られるのが良いですね。

UNHEAP

UNHEAP

綺麗で実用的なUIが作成できるjQueryプラグインを多数紹介しているサイト。
フラットデザインで作成されたサムネイル画像やサイトのデザイン自体も参考になります。

motions

motions

※現在はサービスを終了しています。

「気持ちいい動き」のインフォグラフィックスやUI、アイコン等をアーカイブしているサイト。それぞれタグ付けされているので絞り込んで検索する事が出来ます。
こちらもサムネイルがGIFアニメなので理想の動きが探しやすいです!

UIBox

UIBox

※現在はサービスを終了しています。

各種使い勝手の良いUIをアーカイブしているサイト。デモページやドキュメントがしっかり用意されているのでJSに不慣れな人にも親切です。
いいね!数やダウンロード数も表示されているので、どのUIが使われているのか一目で分かります!

Flat UI Design

Flat UI Design

フラットデザインで優秀なUIに特化してアーカイブしているサイト。
導線が分かりやすく、すっきりとしたデザインのWebサイトが多いです。

codrops

codrops

Webの新しい技術や情報について毎日更新している海外ブログ。
UIのチュートリアル記事も多く上がっており、DEMOページのクオリティも高いので非常に参考になります。

まとめ

いかがでしたでしょうか?
CSS3やJSを使ってアニメーションを比較的気軽に付けられるようになった今こそ、「気持ちいい」と感じる動きにこだわっていきたいですね。

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

デザイナーのモモコです。ジャンプは単行本派です、よろしくお願い致します。

このメンバーの記事をもっと読む
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL