[UI Design] Device Metrics – 各種モバイルデバイスのディスプレイ解像度一覧
各種モバイルデバイスのディスプレイ解像度一覧。Googleがオフィシャルで持っているコンテンツなんですが、なぜかiOS系デバイスも網羅されています。しかもApple Watchまで！ いやこれ便利ですね。ディスプレイサイズだけでなく、プラットフォームや比率、dpとpxなども掲載されています。また各項目ヘッダーをクリックするとソートもできます。スマホアプリやWeb作る際に使えそうです。
Tag Archives: Android
[UI Design] Material Palette – マテリアルデザインに対応したカラーパレットツール
Googleの新しいデザインルールであるマテリアルデザインに準拠した、カラーパレット生成ツール。表示される各色の中から2色を選ぶと画面右側にプレビュー画面が出るので、それを見ながら配色を選ぶという仕組み。チョイスした色は画面右下の「Your Palette」エリア内に残るので、そこをクリックするとHEX指定で色の値をクリップボードにコピーできます。Androidアプリ作る際の配色決めに使えそうです。GoogleアプリのiOS版にもこのデザインルールは部分的に導入されつつあるので、Android AppっぽいUIのiOS Appを作る際にも使えそう。個人的にはiOSの文化にAndroidのルールを持ち込むのってあんまし好きじゃないですが。ハンバーガーメニューとかiOSユーザーには「？？？」ですしね実際。
[Design] Starter Kit – 開発を始める際に便利なスターターキットをまとめたサイト
WebやMobile Appなどの様々な開発を始める際に便利なスターターキットをまとめたサイト。紹介されてる内容がかなり幅広いんだけど、例えばiOSやAndroidなどのMobile Appの開発、Webのデザインに使えるHTMLやCSSの情報リソース、アイコンやイラストなどの画像素材、フォント、マーケティングリソース、SEO、ビデオ、UI / UX関連リソースなどがあります。サイト内の情報はタグ付けされて管理されているので、調べたい分野を絞る事ができます。ある程度知識があれば、いちから自分で作るよりもこうした素材やフレームワークを使った方が効率良く仕事できますしね。なかなかナイスなコンセプトのサイトだと思います。
[Software] Keyboards Club – iOSやAndroid用の社外キーボードをまとめたサイト
iOSやAndroid端末用の社外ソフトウェアキーボードをまとめたサイト。トップではまずiOS or Androidのどちらかを選びます。するとプラットフォームに応じた社外キーボードが出てくるので、「Download」から配布元に行けるという仕組み。純正キーボードが使いづらいという不満がある場合に、ここでまとめて選ぶ事ができるので便利です。iOSも8から社外キーボードというかIMEを選べるようになったので、このジャンルの需要は急増しそうですな。ちなみに元ATOKユーザーの俺ですが、今んとこATOK for iOSは見送る予定。まぁ正直iOSのことえりもバカではあるけど、使ってるとバカなのに慣れちゃいますな。
[UI Design] UXPorn – モバイルアプリのUIギャラリー
iOSやAndroidなどの、モバイル端末向けアプリのUIギャラリーサイト。これ系のサイトによくある感じで、様々な場面ごとにカテゴリー分けされて紹介されています。サインアップ画面やリスト画面など、同一場面での異なるアプリのUI作例を見る事ができるので、UIデザインする際の参考になりそうです。そして何よりもサイト名がアツいです。「UXポルノ」って。そういや映画のパシフィック・リムも「ロボットポルノ」とか言われてましたね。最近こういう言い方流行ってるんでしょうか。
[UI Design] 20 Beautiful Android L App and Icon Designs – Android Lに関するデザインリソースまとめ
Android Lに関する、UIやアイコンのデザインリソースをまとめた記事。この前発表されたばかりなのにもう色々と作られてるんですねー。マテリアルデザインにおけるアニメーションや、UIキット、アイコン素材、各種モックアップなどが紹介されてます。既存Appのモックアップ類は、いわゆる妄想系のようです。それぞれリンク先でPSDとか配布してるので、Android Lを対象としたアプリをデザインする際のリソースとなりそうです。
[UI Design] Inspired UI – Mobile AppのUIギャラリー
Mobile AppのUIギャラリーサイト。iPhone, iPad, AndroidのUI作例を扱っていて、ページ上部のアイコンで各プラットフォームごとに作例を抽出できます。またCategoriesからは、App内に共通する各場面ごとの画面キャプチャを抽出する事もできます。iOSだけでなくAndroidの作例も扱っている点が、ネタ帳としてナイスですね。今仕事でAndroid App作ってるんですが、普段使わない（というか興味がない）のでこの手のギャラリーサイトはとっても助かります。
[Sketch] Sketch Android Kit – Sketch用のAndroid UIキット
Sketch用のAndroid UIキット。Androidの標準的なUIパーツ一式が揃ってます。今ちょうど仕事でAndroid AppのUI作ってるんだけど、仕事始める前にこれ知ってたら使ってたかも。まぁ俺まだSketch買ってないんですけどね・・・。脱Adobeの流れ的にも早いとこ慣れておかなきゃなー、と思いつつなかなか重い腰が上がりません。半額セールしてくれると助かるんだけどなぁ。