[Mobile UI] lovely ui – スマートフォンのクールなUIを集めたサイト
モバイルアプリ（とは言っても大半はiPhoneアプリです）のクールなUIを集めて、スクリーンショットを蓄積しているサイト。モバイルアプリのUI制作時に参考になりそうです。アプリのUIデザインとなると、Webよりもさらに機能性が求められるので、使い勝手やムダのない遷移なども含めた考察が必要です。こうしたネタ帳サイトはいざソレ系の仕事が来た時に重宝しそうです。
Tag Archives: UIDesign
[App Design] Mobile UI Patterns – モバイルAppのUIパターン
モバイルAppのUIデザインをまとめたサイト。foursquareやSkype、Grouponあたりがこの中じゃ有名ですね。このサイトで興味深いのは、各アプリの共通シーンごとにスクリーンショットがまとめられている点。例えばスプラッシュスクリーン、アクティブなフィード、ユーザープロフィール、チェックイン時、リスト表示など。各シーンごとにどのようなレイアウトやデザインが使われているのかについて、並べて表示する事ができます。モバイルAppとは言うものの、ここで紹介されているのはiPhone Appばかりですが、この手のデザインをする際の助けになってくれそうなナイスなサイト。個人的にとっても助かります。
[UI DESIGN] A UI Design and Prototyping Treasure Chest – UIやプロトタイピングを考える際に便利なパーツセット
ウェブサイトのユーザーインターフェースをデザインする時や、プロトタイピング時に役立つ各種パーツがセットになったものをまとめた記事。ボタンやフォーム用のパーツ、iPhoneや各種OSなど固有のインターフェースを持つガジェットのUIパーツ、アイコンセット、ブラウザウィンドウ枠など色々あります。ラフデザインとか書く時って、たいていいつも用意してるスタート用のPSDから始めるんですが、そのPSDに放り込んでおくと便利だなぁと思うパーツがいくつかありました。なかなかナイスです。