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

Browse By

Tag Archives: iOS

[Icon] Galuca Project – iOSやAndroidデバイスで使い勝手の良いアイコンセット

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

iOSやAndroidデバイスで使い勝手の良さそうなアイコンセット。配布はフリーで、ライセンスはCreative commons 3.0なので、クレジット表記のみで使う事ができます。配布形式はPNG。300種類という数の豊富さとデザインの秀逸さにより、なかなかイイ感じのアイコンセットだと思います。欲を言えばベクターデータが同梱されているともっと良かったなーというか、デザインベースとして使えそうだなーとか思いました。

[UI Design] The iOS Design Cheat Sheet – iOSデバイスに関するデザイナー向けチートシート

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

iOS Appのデザインをする際に有効なチートシート。これなかなかイイですよ。iPhoneやiPadなどの各種iOSデバイスのハードウェア情報や、作るべきリソースのサイズ指定などが一覧になってます。UIデザイン経験のある人なら「だいたい知ってるよ」的な内容ばかりではあるけど、「そういやアレのサイズって何だっけ」みたいな場面ってちょいちょいあるので、こういうの印刷してデスクにでも置いておくと便利そうです。ディスプレイの色味がCoolなのかWarmなのかとか、ちょっと変わった記述もあります。配布形式はPDFとPNG。UIデザイナーのデスクに是非これひとつ。

[UI Design] GREAT ANIMATIONS MAKE GREAT APPS – iPhone Appにおける動きによる表現考察

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

グレイトなアニメーションはグレイトなAppを作る、という記事。iPhone Appにおけるクールなアプリケーションのクールな動きについての考察記事。アプリ内における動きのクールさやその意味などについて色々と述べられてて、なかなか読み応えのある記事。トランジションも含めてUIデザインなんだなーと実感させてくれます。ただ扱っているものがApp内のアニメーションであるため、実際にAppをインストールしてみないと実際どういうものなのかを見る事ができないというのがアレゲな感じではあります。

[iPhone] Get Google and iOS Living Together in Perfect Harmony – iOS上でGoogleのサービスをウマく使っていく方法

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

以前はあんなに仲良しだったのに、最近じゃすっかり犬猿の仲になってしまったAppleとGoogle。当然その主戦場であるモバイル分野においてはAppleによる「Googleサービスの排除」が続いておりますな。実際今晩だか明日に公開になるiOS6ではGoogle MapsとYoutubeがなくなるみたいだし、今までハードウェアはApple製、WebサービスはGoogle製というワークフローだった人にとってはアレだしナニな感じではあります。この記事ではそんなiOSデバイス上で、今後もウマい事Googleのサービスを使っていく方法を紹介してます。GmailやGoogleのContactリスト、カレンダーなどのiOSデバイスへのシンク。Google Voiceのセッティング。Google Mapsへのブックマークのホーム画面への設置などがその内容。中でも特にGoogle Mapsのホーム画面の追加は、iOS6にアップデートする前にやっておくとイイかも。Apple純正の地図は現状あまり使い物にならないっぽいですしね。Googleのサービスへの依存率の高い人にオススメの内容。

[Web Design] App Sites – iPhoneやiPad、Mac用アプリの紹介サイトギャラリー

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

iPhoneやiPadなどのiOSデバイス用アプリ、あとMac用のアプリの紹介ページをまとめたギャラリーサイト。App紹介のページってわりとモダンなデザイン&コーディングがなされている場合が多いので、新しいサイトデザイン手法を学ぶ上では特に参考になるジャンル。そうしたサイトがまとめられてるってのはなかなかナイスです。かっけーページ多いっス。

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

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

iOS Appのクールなユーザーインターフェース作例をまとめた記事。Appが実在するしないは別として、単純なデザイン作例として見るのがイイかと。いやこれ集められてる作例の質なかなかスゴいっす。かっけーの多いです。なんつーかこういうの見てて思うんだけど、アプリの内容とかUI/UXはもちろん大事なんだけど、単純に美しさは力だなと、そんな風に思いました。ツール系のアプリってこうした見た目の美しさ、あと品の良さって大事ですよね。

[Material] 25 Free iOS Design Resources – iOS AppやMobileサイト制作に役立つリソースまとめ

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

iOS Appやモバイルサイトを制作する際に役立つリソース類のまとめ記事。アイコンやボタン素材、iPhoneやiPadの外観のPSD、インターフェースパーツ類、テクスチャやパターンなどの素材、フリーのアイコン類などが紹介されてます。この中ではPixel ResortのApp Icon Templateあたり特にお世話になっております。これだけ押さえておけばiOS Appのデザイニング素材は事足りる、という感じのナイスなまとめ記事。

[iOS App Icon] 46 Fabulous iOS Icon Designs – iOS Appのクールなアイコンデザイン

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

iOS Appのクールなアイコン作例まとめ。46の作例が紹介されてるけど、このまとめ記事で紹介されてるアイコン、どれもマジにスゴいっす。作り込みがハンパないというか、アイデアの質も素晴らしい。実在するAppのアイコンはあまりない印象だけど、あの角丸の正方形の中によくこれだけアイデアと時間を詰め込んだなぁと感心するものばかり。現実にある何か物質的なものを模したものが多く、特にテクスチャの使い方や質感には並々ならぬこだわりを感じます。アプリのアイコン制作時に役立ちそうな内容。