Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: Mobile

[UI Design] Device Metrics – モバイル端末のディスプレイ仕様一覧

  • Pocket
  • このエントリーをはてなブックマークに追加

様々なモバイルデバイスのディスプレイスペックをまとめたサイト。Google DesignというGoogleオフィシャルサイト内にあるコンテンツですが、なぜかiOS系のデバイス情報もまとめられてます。興味深いのは、スマホやタブレット端末に加えてApple WatchやAndroid Wareといったウォッチ系端末の情報もあるという点。またそれぞれディスプレイの物理サイズやピクセル数に加え、dpiや縦横比などの情報もそろっており、コレ系のまとめページとしては情報量が多い方だと思います。Mobile Appやレスポンシブレイアウトのサイト制作時にとっても役に立ちそうです。

[Hardware] Cell Phone Screen Resolution, sorted by brand and model – 様々な携帯電話のディスプレイサイズをまとめた記事

  • Pocket
  • このエントリーをはてなブックマークに追加

様々な携帯電話のディスプレイサイズをまとめたデータベース。メーカーごとに抽出する事ができます。この手のツールでは普通スマートフォンのみを対象にする事が多いんだけど、ここでは昔懐かしいガラケーの情報も含まれています。そのためデータ量がとっても多く、基本的にメーカーで抽出して探すという使い方の方が便利です。試しにAppleで探してみたら、まぁだいたいのモデルが出てきました。次にSONYで探してみると、ソニエリ時代のものも含めて膨大な数のモデル一覧が出ました。こんなに作ってたんだ・・・。ところでSONYっていつまでこうしたガジェット作ってくれるんでしょうね。3年後には金融しかやってないとか、シャレじゃなくありそうなんですが。好きなメーカーだけに頑張ってほしいんですけどね。PS4も買っちゃったし。

[Hardware] Viewport Sizes – 各種モバイル端末のハードウェアスペックを網羅したサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

様々なモバイル端末のハードウェアスペックを検索できるサイト。ズラーっと並んでますが、画面上部の「Filter」エリアにタイプする事で抽出ができます。iPadなども掲載されているのでモバイルフォンだけでなくタブレットも対応内のようです。掲載されている情報はプラットフォーム、出荷時のOSのバージョン、縦と横のディスプレイドット数、発売日の5つ。端末のハードウェア情報としてはミニマムではあるけど、OSのバージョンとディスプレイ解像度だけでもこれだけ簡単に検索できれば便利っすね。MobileApp作る時などに重宝しそうです。

[UI Design] Mobile UI Patterns – Mobile AppのUIギャラリー

  • Pocket
  • このエントリーをはてなブックマークに追加

Mobile AppのUIデザインギャラリー。最近こういうサイト多いですね。閲覧方法もわりとよくある感じで、場面ごとにタグ付けされてて、同じ場面の異なるApp間でデザイン比較をする事ができます。掲載されている作例の数はそれほど多くないので、今後に期待といったところ。ちなみにAndroid Appはなく、iOS App専門っぽいです。

[SmartPhone] Mobile Development Toolkit – モバイルサイト向けの素材やツール

  • Pocket
  • このエントリーをはてなブックマークに追加

スマートフォン対応サイト制作時に役立ちそうなリソースやツールを集めた記事。ハードウェアのパーツやUIに関するPSD、サイト制作時に役立つJavascript、プロトタイピングのための素材やツール、そして記事後半ではクールな作例についても紹介されてます。制作会社で働いてる人なら「最近スマートフォン対応の案件多いなー」とか思ってるんじゃないでしょうか。ウチもそうです。ネタ収集や技術面に関するリソース集めの際になかなかナイスな記事。

[ICON] 14 Free Mobile Application Development Icon Sets – モバイルアプリケーションの開発に便利なアイコンセット

  • Pocket
  • このエントリーをはてなブックマークに追加

モバイルアプリケーションの開発に使えそうなアイコンセットのまとめ記事。パっと見た感じ、iPhoneのインターフェースに合いそうなものが多いです。シンプルで、かつ役割が見た目に反映されてて、モバイル環境でなくても普通にウェブ素材として使いやすい感じですね。アイコン以外にもローディング用のプログレスバーなど、各種パーツもいくらか紹介されているようです。