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

Browse By

Tag Archives: iPhone

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

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

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

[UI Design] Creating Pixel-Perfect UI for iPhone Applications – ディテールが美しいiPhone App

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

iPhone AppのUIデザインをする際に気をつけるべき点と、美しいUIを持つAppのデザインギャラリーという内容の記事。ちょうど今iPhone AppのUI制作をしているタイミングだったので、個人的にとってもタイムリーな内容の記事。これ見てると最近のiPhone Appってテクスチャなどを使った質感を重視する傾向があるなぁって思います。あとステッチ流行ってるよね。これってiPhone 4以降Retinaディスプレイで紙の解像度に迫ったせいで、質感を出せるようになった結果だと思うんですよ奥さん。実際UIパーツにテクスチャ貼るとグっと良くなる場合多いし。インターフェース作る際に何かをメタファーにする際によく使う手法ですな。テクスチャ大好き野郎に是非これひとつ。

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

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

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

[iPhone] How does the iPhone 4S camera stack-up against other cameras? – iPhone 4Sのカメラ性能を、歴代iPhoneや他のカメラと比較した記事

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

iPhone 4Sのカメラ性能を、歴代のiPhoneや単体カメラと比較した記事。比較対象はOriginal iPhone, iPhone 3G, iPhone 3GS, iPhone 4, Canon S95, Canon 5DMKII + 100mm f/2.8の合計6台。これらをほぼ同じ構図で撮影された写真が比較されてます。気になるiPhone 4 vs iPhone 4Sだけど、F値が前者は2.8、後者は2.4と異なるのが大きな違い。色温度がかなり違うけど、個人的には4SのAWBの色嗜好の方が好み。あとコンデジと比べても遜色がないという点がスゴいなと。単純にカメラとして考えてもなかなかの性能なので、iPhone 5まで我慢するつもりだったけど途中でウっとなってパっと買っちゃうかも、とか思いました。Amazon USでSIMフリー版が出たら考えようかな・・・。あとこの記事を書いてるのがCamera+を作ったtaptaptapというのもなかなか興味深いところ。

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

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

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

[iOS] iOS 5: Tips, Tricks & Hidden Features – iOS5のトリックや隠された機能

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

iOS5のトリックやTips、また隠された機能などを紹介した記事。これなかなかホットです。iPadで増えたジェスチャーやiPhoneのボリュームボタンがカメラのシャッターボタンとして機能するなど、わりとよく知られたものも多く紹介されてますが、結構知らない機能もいくつかありました。例えば通知画面内にデフォルトで入ってる天気予報ガジェットですが、これを横にスワイプすると週間予報が見れるとか。あとカメラ起動中に左にスワイプするとカメラロールに入るとか。あとスリープ中にダブルタップすると、ロック画面にカメラボタンが出るってのもナイスです。早速同僚に「この機能知ってる!?」とかやってみました。今回のiOS5って、地味にも派手にも便利になってますね。

[Javascript] 8 Best jQuery Mobile Plugins – jQuery Mobileを使ったナイスなプラグイン

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

jQueryモバイルのナイスなプラグインをまとめた記事。最近スマートフォン向けのサイト制作でこういうの使われる機会多いですね。フォトアルバム、オブジェクトのドラッグ&ドロップ、サイト内でのスワイプ対応、jQuery Mobileを使ったGoogle Mapの実装、写真のスワイプ、ブラウザチェック、アクションシート(iOSのダイアログ)の実装など、わりと見た目に派手なものというよりは、実用的かつバックグラウンドで活躍するプラグインが多いという印象です。凝ったモバイルサイト制作時に役立ちそうです。