Life is bitter

日常生活で考えたことやデザイン・写真・インテリアをはじめとした役に立ちそうな知識をまとめて記しています。

参考にしたい!UIデザインのトレンドが一目でわかるサイト11選

f:id:life-is-bitter:20170609200958j:plain

UIデザインのトレンドは比較的移り変わりが早いですが、特にネイティブアプリに関しては日々新しいアイデアやインタラクションが生まれています。DribbbleBehanceで世界中のデザイナーが考えたコンセプトデザインやモックアップをチェックするのもありですが、本当に見たい作品だけをピックアップしてチェックするのは意外と面倒なもの。

今回はUIデザイン、とりわけネイティブアプリ(一部WEBもあり)に特化して作品がまとめられていたり紹介しているサイトをまとめました。昨今のUIデザインのトレンドを抑えておきたいという方、必見です。

UI Movement

f:id:life-is-bitter:20170610011919p:plain
https://uimovement.com/

言わずと知れたUI Movement。
更新頻度が高くGIFで動きがわかるので画面設計とインタラクションとトランジションの全てが参考になります。UIデザイナーならこまめにチェックするのがマストなサイト。

pttrns

f:id:life-is-bitter:20170610012308p:plain
https://pttrns.com/

MOBILE MOZAIC

f:id:life-is-bitter:20170610012447p:plain
http://www.mobilemozaic.com/

UI PARADE

f:id:life-is-bitter:20170610012611p:plain
http://www.uiparade.com/

Collect UI

f:id:life-is-bitter:20170610012719p:plain
http://collectui.com/designs

UltraUI

f:id:life-is-bitter:20170610012834p:plain
http://ui.theultralinx.com/

Collect UI Design, UI / UX Inspiration Blog

f:id:life-is-bitter:20170610012955p:plain
https://medium.com/collect-ui-design-ui-ux-inspiration-blog

こちらはブログなのですがUIデザインに関して参考になる作品をキュレーションしています。
アプリだけでなくWEBに関しても扱っています。

UI Garage

f:id:life-is-bitter:20170610013059p:plain
http://uigarage.net/

Muzli

f:id:life-is-bitter:20170610013158p:plain
https://medium.muz.li/

こちらもブログですがUI interactions of the weekシリーズの記事が大変参考になります。
また、デザイントレンド全般に関して扱っているので他の記事も要チェック。

Mobile Design Inspiration

f:id:life-is-bitter:20170610013258p:plain
https://inspirationmobile.tumblr.com/

Inspired UI

f:id:life-is-bitter:20170610013408p:plain
http://inspired-ui.com/

最後に

UIデザインに関して参考になりそうなサイトを見つけ次第、随時更新していこうかと思います。
やはり、こうしたデザイントレンドに関してアンテナを張るには海外サイトをチェックしなくてはなりませんね...。