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

Browse By

Category Archives: UI Design

[UI Design] MOBILE PATTERNS – Mobile AppのUIデザインギャラリー

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

Mobile AppのUI作例をまとめたデザインギャラリー。掲載作例のほとんど(というか見た感じは全部)iPhone用アプリのもののようです。このギャラリーの特徴は、場面ごとに複数のアプリの画面を横断して見る事ができる点です。例えばカメラの画面や検索画面、スプラッシュやリスト表示など。似たような場面において複数のアプリがそれぞれどのように表示されるのかをまとめて見る事ができます。UI設計・デザインする際にとっても役立ちそうです。

[UI Design] 50 AWESOME MOBILE USER INTERFACES – クールなMobile Appのユーザーインターフェース作例

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

Mobile Appのクールなユーザーインターフェース作例を紹介した記事。50の作例が紹介されてます。Mobile Appとは言っても、ザっと見たところほとんどがiPhone Appのようです。各作例はdribbbleにリンクしている場合が多く、実在するAppとそうでないのが混在してる感じ。どのMobile App UIもよく練られていて、UIデザインの際にかなり参考になりそう。素晴らしいまとめ記事。

[PSD] PixelBin – フリーのPSD素材配布サイト

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

フリーのPSD素材の配布サイト。あちこちから素材を集めてくるタイプのサイトではなく、自前で製作した素材を配布しているようです。そのため数はあまり多くないけど、その代わり1点1点の素材の質が高いです。試しに1点ダウンロードしたんですが、レイヤーも分かりやすく整理されていて、とっても手の込んだ作品でした。レイヤースタイルのネタ取りにもイイと思います。素材の種類はUIパーツやWebデザイン、アイコン、テクスチャなど色々あります。この手のギャラリーサイトって見てて楽しいですね。

[UI Design] Creative UI Design Examples for Great UX – 素晴らしいUXのためのクリエイティブなUI

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

Creative UI Design Examples for Great UX。いやこれいいですね。まず何よりもタイトルがいいです。素晴らしいユーザーエクスペリエンスのためのクリエイティブなユーザーインターフェース。UXのためにこそUIは大事なんだっていう、まぁ言ってみりゃごくごく当たり前の事ではあるんですが、そうした姿勢というか意見が伝わってきます。UXのためとはいえ、ここで紹介されている内容は優れたUIを持つMobile AppやタブレットAppです。蛇腹のリストや円形のツール選択、Pathの省スペースなメインナビゲーションなど、この手のデザイナーなら誰でも知っている有名な作例が紹介されてます。いやこの考察記事、スゴくいいですね。

[UI Design] Designing For Device Orientation: From Portrait To Landscape – Mobile Appでの縦位置/横位置でのUI変化に関する考察

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

Mobile Appやタブレット用 Appにおける、ポートレイト(縦位置)とランドスケープ(横位置)によるUI変化に関する考察記事。いくつかのAppを例として挙げて、それらのデザインフィロソフィーについて論じられてます。アプローチの仕方は色々あるんだけど、こういうのって結局はApp内で扱うコンテンツ次第だと思うんですよね。イイ例もあれば悪い例もあり、最近だとiPad用のTwitter Appの改悪とかちょっと話題になりましたね。UIデザインに関わる人に是非。

[UI Design] 40 Beautifully Designed Mobile Apps With Excellent UI Experience in Mind – 優れたユーザーインターフェースのMobileApp

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

MobileAppの優れたUIを紹介した記事。見た感じiPhoneとAndroidが混在しているようです。いやーかっこいいデザイン多いっす。けど重要なのはただかっこいいという事ではなく、優れたユーザーエクスペリエンスを提供するという点。この記事で紹介されている作例は、どれもそれらに注意を払った優れた作例らしいです。アプリのUIデザインをする際のネタ帳としてナイスです。

[UI Design] App UI – クールなMobileAppのUIまとめPinterest

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

クールなMobileAppのUIデザイン作例をまとめたPinterestボード。最近こういう画像まとめ系ではよくPinterestが使われますな。数はそれほど多くないんだけど、掲載されているUI作例の質が高く、デザイナーのネタ帳として使えそうです。ザっと見た感じ全てがiOS Appのようです。iOSの方がデザイナーも仕事しやすいので、自然と腕の良いデザイナーが集まった結果でしょうか。いやこれナイスです。テクニックといいアイデアといい勉強になります。

[UI Design] 35 Free “Call To Action” Button Templates (PSD) – ボタンデザイン作例のPSDまとめ

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

様々なボタンデザインの作例を紹介した記事。ページ下部まで行くと2ページ目へのリンクがあります。全部で35種類紹介されているようで、どれもリンク先ではPSDが配布されています。かっこよくデザインされた作例が多く、ボタンデザインのネタ帳に最適ですねこれ。WebデザインだけでなくMobileAppのUIデザインにも使えそうです。