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

Browse By

Tag Archives: iOS

[UI Design] 40 Quality Examples of iOS User Interface Designs – iOS Appのクールなインターフェース作例

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

iOS Appのクールなユーザーインターフェース作例のまとめ記事。iPhoneとiPadアプリに関して紹介されてます。このまとめ記事、チョイスされてるAppのクオリティ高いっス。どのAppもテクスチャなどによる質感の表現がうまくされていて、今時のデザインだなーという印象。こうしたデザイントレンドってRetinaディスプレイの恩恵だなーと思うのであります。いやーそれにしてもかっけー。色々参考になります。

[Icon Design] The Art Of The iOS Icon – iOSアイコンのアートワークまとめ

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

iOS Appアイコンの作例まとめ。実在するアプリかどうかは別として、様々なデザイナーの作例が集められてます。どの作例もクオリティが高く、ただの角丸の正方形をこんな風に使うのかと感心できるものばかり。ボクサーグローブとかトランクスとか発想がスゴいw デザイナーがアプリアイコンを作ってる動画なんかもあり、アプリのデザイニングに関わる人なら楽しめる内容かと。

[Software] Dev Rocket – iOS App制作に役立つPhotoshop用プラグイン

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

iOS用Appの制作に役立つ、フォトショップ用プラグイン。10ドルします。普段あまり有料のものは紹介しないようにしてるんだけど、これはちょっとスゴいので買おうかどうしようか迷っております。機能概要については動画を見ればだいたい分かりますが、iOSデバイスぴったりサイズのキャンバス生成、グリッド、Retinaイメージの生成、UIパーツのスニペット管理、iPhone, iPadへのアイコン書き出しなどができるようです。iOS AppのUIやアイコン制作をする際に使えそうな機能満載で、書き出しまでサポートしてるようです。けど支払いPayPalかー、まぁ独立AppじゃないからMacApp Storeにも並べないしなー、どうしよっかなー、ぬーん。

[Icon Design] iOS Icon Gallery – iOSアプリのアイコンギャラリー

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

iOSアプリのアイコンギャラリー。ズラっとページングする形で並べられてますが、カテゴリーによる抽出もできます。かっこいいアイコンしか集められてないので、アプリのアイコン制作をする際のネタ帳としてとってもナイス。多色、テクスチャ使用、立体的なデザインなど、アプリごとに色々と趣向を凝らして目立つ方法を模索してるという印象。まぁアプリのアイコンってAppStore内で目立ってナンボ、Home画面内でも目立ってナンボ。けどiPhoneユーザーの特性を考えると品良く作らなきゃなんない、というあたりが制作する側としては特に気にする部分ですな。

[UI Design] lovely ui – iPhone, iPad, AndroidアプリのクールなUIを紹介するサイト

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

iPhone, iPad, AndroidアプリのクールなUIを紹介するサイト。これ系のUIまとめサイトらしく、アバウト、プロフィール、ナビゲーション、スプラッシュといったように各場面ごとにカテゴリ分けして抽出する事もできます。アプリのUI制作や、クールなルック&フィールのネタを探す際に使えそうなサイト。ウェブデザインとアプリのUIデザインって共通点も多いから、最近じゃUIに移行してたり並行してやってるデザイナー多そう。

[iOS] iOS5 Settings Panel Shortcuts – iOSの各種設定パネルへのショートカット作成

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

ちょっと前からチラホラ見かける、iOSの各種設定パネルへのショートカット作成。なんか1度ブラウザ経由するし、別に普通に設定から行けばイイやって思ってたんだけど、これ見たら入れたくなってサクっとインスコしてみました。自分がその気になったのはアイコンの美しさ。あとウェブも綺麗にできてます。インストール手順はわりと簡単で、ホーム画面に追加したい項目を選択、その後アイコンを選択してインストールをタップします。次にプロファイルのインストールがあるんですがここは自己責任でひとつ。そうする事でホーム画面にアイコンが追加され、指定した設定パネルへのショートカットが完成します。プロファイルのインストールがあるという点が気になるところだけど、わりとイイ感じに動作してくれてます。自分の場合WiFiのオンオフとかよく使うので便利っす。あ、リンク先はPCからのアクセスでは表示されません。iOS機器からどうぞ。

[UI Design] iOS Pirations – iOSアプリのアイコンやUIのクールデザインまとめ

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

クールなiOSアプリのデザイン例をまとめたサイト。アイコン、UIデザイン、iPad用アプリ、iPhone向けサイト、アプリの紹介サイトといった感じでカテゴリ分けされて、それぞれのクールな作例を紹介しています。こうした分け方をされると、例えば「アプリ紹介サイトの作例だけを見たい」って場合などに便利ですね。アイコンデザインやUIデザインのネタ帳としてなかなかナイスなサイト。ってか早速アイコンデザインのまとめをゴリゴリ見てます。結構ね、なんつーかね、難しいもんスよね・・・。

[UI Design] Pttrns – 様々なiPhone AppのUIデザインを場面ごとにまとめたサイト

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

様々なiPhone AppのUIデザインを場面ごとにまとめたサイト。左側にカテゴリがズラっと並んでいますが、これはアプリによくある場面です。例えば起動時のスプラッシュ、アバウト画面、ログイン画面、ユーザープロフィール編集画面、リスト表示、ニュース画面など。異なるアプリの同じ場面をまとめて見る事が出来るので、UIの優劣や向き不向き、美しさと機能性について比較検討する事ができます。アプリのUIデザインに関わる人ならブックマークしておいて損はないサイト。似たようなコンセプトのサイトとしてiPhoneScreenDumpsとかMobile UI Patternsなどもあるので、併用する事でより多くのネタ帳として機能しそうです。