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

Browse By

Tag Archives: iOS

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

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

iOS Appのアイコンギャラリー。アイコンは投稿形式で選定されているようです。ザっと見たところ、実在するAppやそうでないもの、また既存アイコンをリデザインしたものなんかも含まれるようです。アイコンは57〜512のサイズまで幅広く閲覧サイズをチョイスできます。アイコンギャラリーとして紹介されてるだけあって、どれもかっこいいので、アイコン制作する際のネタ帳としてナイスな感じ。ちょうど俺今からiOS Appのアイコン作るのでこれ見ながらアレしてコレしようかと(パクるという意味ではない)。

[UI Design] iOS Fonts – iOSで使える欧文フォントの一覧サイト

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

iOSで使える欧文フォントの一覧を見る事のできるサイト。ただ単に一覧となっているだけでなく、iOSのバージョンごとに一覧を変更でき、また任意の文字列を入力する事で各フォントで一斉プレビューする事もできます。ウチら日本語圏なので欧文フォントほど選択肢はないんですが、AppのUIで使用するフォント選びの際に役に立ってくれそうです。

[UI Design] The iOS Design Cheat Sheet – iOSデバイスの各種仕様を一覧にしたチートシート

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

iOSデバイスの各種ハードウェア仕様を一覧にしたチートシート。iOS App制作時に役立ちそうな内容です。紹介されているデバイスはiPhone5、iPhone4/4S、iPhone(1st, 2nd, 3GS) & iPodTouch、Retina iPad、iPad mini、iPad(1st, 2nd)の6規格。これら6つのハードウェア規格ごとに、ディスプレイの解像度、色味やカラーモード、サポートするアイコンのレゾルーション、ステータスバーやNavバーなどの細かなUIサイズについての仕様が紹介されてます。AppのUIデザインする際に必要となる情報がだいたい揃ってるので、UIデザインに関わる人にオススメな記事。

[Infographic] Apple devices resolutions – 各種アップル製デバイスの解像度をまとめたインフォグラフィック

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

様々なApple製デバイスのディスプレイ解像度をまとめたインフォグラフィック。iOSデバイスとOS Xデバイスの現行機が一通り紹介されてます。WebデザインやiOS AppのUIデザインをする際に参考にできそうです。Retinaディスプレイ搭載モデルにはその旨記述してあります。以前に比べてデバイスごとにディスプレイの解像度ってバラバラになりつつあるので、こういうまとめはデザイナーとしてはありがたいっすね。

[UI Design] The 12 most beautiful iOS apps of 2012 – 今年最も美しかったiOS App

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

今年最も美しくデザインされていたiOS Appという記事。12コのアプリが紹介されています。わりと有名どころが多いので「あー俺これ持ってる」な人もいると思います。Paper for iPad、Clear、Fantastical for iPhone、Rise、Evernote、Wunderlist 2、Google Maps for iOSあたり有名ですね。個人的にこの中で一番アツかったのはFantasticalicon。安いタイミングで買ったんだけど、もう純正カレンダーには戻れません。あと逆に前評判ほどクールだって思えなかったのがClearicon。とっくに削除して純正のリマインダーに戻しちゃいました。UIデザインに関わる人にオススメの記事。

[Icon] Testico – 画像ファイルを放り込むだけでiOS Appのアイコンみたく加工してくれるサイト

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

画像ファイルをサイト内にドラッグ&ドロップするだけで、iOS Appの角丸アイコンに加工してくれるジェネレーター。グロス(テカリ)のアリorナシの2バージョンを生成してくれます。App Icon作る際にはよくPSDテンプレートとか使いますが、デザイナーでない人がアイコン作った時にどうなるかを試してみたい場合などに使えそうです。サクっと印象を確認したい時なんかにイイですね。

[Framework] Ratchet – WebベースのiOS向けアプリを作る際に便利なフレームワーク

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

iOSデバイス向けにWebAppを作る際に便利なフレームワーク。ダウンロードすると簡単なテンプレートファイル(けど内容はほとんどないので、基本はWebサイトをリファレンス代わりにするのがイイかも)とCSS、JSが同梱されています。フレームワーク内においてはタイトルバーや各種ボタン、リスト、登録フォーム、スライダーなどがあらかじめ用意されていて、簡単な指定でそれらを使う事ができます。iPhoneでテストするにはホームボタンにブックマークするだけ。それほど機能が多くなくシンプルかつ純正に近いデザインなので、WebApp制作のベースとして使いやすい印象です。

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

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

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