[Design Gallery] Daily UI Elements – クールなUI作例を毎日紹介するサイト
dribbbleに上がっているクールなUI作例を毎日紹介するサイト。タイトル100 Days UIとある事から、100日連続でやってるのかもしれません。で、今上がっている最新のものは98番目。となるとあと2日で終了？ なのかどうかはよく分かりませんが、紹介されている作例がどれもオシャレでUIデザインの際の参考になります。デザイナーのネタ帳に是非これひとつ。
Category Archives: UI Design
[Freebie] Apple tvOS UI Kit for Sketch – Sketch用のtvOS UIキット
いやーApple TV楽しみですな。ウチなんかもう2世代前のもの使ってるので（720pのやつ）、早く買い換えたくてしょうがないです。で今回からiOS系のtvOSというものが乗るようで、デベロッパにもTV向けのアプリ開発が開放されます。となると出てくるのはUIテンプレート。今回Sketch用のテンプレートを見つけたので紹介しておきます。PSDのものはまだ見ていませんが、いずれ出てくるでしょう。いやー楽しみだ。Siri Remote早く触ってみたい！
[UI Design] ICNS – iOS Appのアイコンデザインに役立つアプリ
アプリのデザインに役立つアプリって、なんだかややこしいですね。まぁ早い話が、アイコンデザインする時にiPhone使って簡単にプレビューができるから便利だYO！というアプリです。デザインツールは好きなものを使えば良くて、Dropboxに保存するだけでiPhone側がシンクロして保存した画像をアプリアイコンとして表示してくれるものだそうです。Dropboxに保存するだけでプレビューできるというのはスゴい便利。最近やってないけど今度アプリアイコン作る時に早速使ってみようと思いました。
[UI Design] Calltoidea – UIデザイン作例のギャラリーサイト
UIデザイン作例のデザインギャラリー。この手のまとめサイトによくある感じで、ログイン画面やカレンダー、ポップアップ、フォームといった各種場面ごとにカテゴリ分けされて紹介されてます。UIデザインのネタ漁りに使えそうです。このサイトちょっと興味深いのが、レスポンシブレイアウトの手法というか見せ方。1つのカテゴリを3つのスクリーンショットの固まりで表現してるんだけど、後ろの2枚がスライドする形で横幅が可変します。こういうサムネイルの見せ方ってオモろいなーと思ったのであります。
[UI Design] Device Metrics – 各種モバイルデバイスのディスプレイ解像度一覧
各種モバイルデバイスのディスプレイ解像度一覧。Googleがオフィシャルで持っているコンテンツなんですが、なぜかiOS系デバイスも網羅されています。しかもApple Watchまで！ いやこれ便利ですね。ディスプレイサイズだけでなく、プラットフォームや比率、dpとpxなども掲載されています。また各項目ヘッダーをクリックするとソートもできます。スマホアプリやWeb作る際に使えそうです。
[UI Design] UI OH MY – iOS版とAndroid版を見比べる、モバイルアプリのUIギャラリー
モバイルアプリのUIデザインギャラリーサイト。一般的なギャラリーサイトとは違い、同一AppをiOS版、Android版とで並べて配置されています。いやこれなかなか興味深いですね。両OSで異なるデザインフォーマットに合わせてるものもあれば、同じようなレイアウトにしてるものもあります。両OS向けのUIデザインをする際の参考になりそうです。またこの手のサイトでは一般的ですが、各場面ごとに抽出して複数のAppのデザインを見る事もできます。
[UI Design] Device Metrics – モバイル端末のディスプレイ仕様一覧
様々なモバイルデバイスのディスプレイスペックをまとめたサイト。Google DesignというGoogleオフィシャルサイト内にあるコンテンツですが、なぜかiOS系のデバイス情報もまとめられてます。興味深いのは、スマホやタブレット端末に加えてApple WatchやAndroid Wareといったウォッチ系端末の情報もあるという点。またそれぞれディスプレイの物理サイズやピクセル数に加え、dpiや縦横比などの情報もそろっており、コレ系のまとめページとしては情報量が多い方だと思います。Mobile Appやレスポンシブレイアウトのサイト制作時にとっても役に立ちそうです。
[UI Design] UIHAUS – モバイルAppのUIギャラリー
優れたモバイルアプリUIのデザインギャラリー。iOSやAndroid Appの画面デザインが紹介されています。作例の詳細ページでは、アプリ内の各場面が掲載されています。ワードやタグ検索ができ、アプリの投稿もできます。なんとなく最近この「なんとかHaus」系のネーミングって流行ってんのね、とか思いました。