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

Browse By

Category Archives: UI Design

[Icon Design] iPhone App Icon Design: Best Practises – iPhone Appアイコンのデザインをする際の考察記事

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

iPhone Appのアイコンデザインをする際の注意点などを考察した記事。これなかなかオモしろいです。「文字を含めるな」、「デフォルトで付くグロスを使うな」、「シンプルに作れ」、「ディテールにこだわれ」、「アイコンとAppのUIに一貫性を」といった、まぁ言ってみれば格言めいた内容が綴られています。けど実際これらはどれも重要で、自分の場合は「文字を含めるな」と「ディテールにこだわれ」のあたり特に大事かなーと思いながら読みました。記事内では「ダメな例」も紹介されてるので、人のフリ見て我がフリ直せというか、そんな趣もあります。ある意味その枠で紹介されたAppのデザイナーにとっては残酷な記事内容ではあります。

[UI Design] 40+ Helpful Resources On User Interface Design Patterns – インターフェースデザインをする際に役立つサイトまとめ

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

UIデザインをする際に役立ちそうなリソース系サイトのまとめ記事。40ものサイトが紹介されてます。記事前半はMobile Appだけでなく、Webも含めてのUIデザイン作例サイトの紹介。後半はインターフェースデザインの考察系のサイトがまとめられてます。これだけリソースをまとめて紹介されると迷ってしまいそうですが、ネタ帳には困らなくて済みそうです。

[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 デザイナーがアプリアイコンを作ってる動画なんかもあり、アプリのデザイニングに関わる人なら楽しめる内容かと。

[UI Design] Well-Placed Pixels – 美しいインターフェースのソフトウェアのビジュアルログ

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

美しくデザインされたソフトウェアのインターフェースをビジュアルログにしたブログ。最近よくあるMobileAppの場面ごとのUIギャラリーとは違い、ただ単純にクールだと思ったソフトウェアのスクリーンショットをペラで貼り付けてあるだけ。このシンプルさがイイです。ソフトウェアはMobileAppだけではなく、MacOSのアプリも含まれます。Windowsアプリはざっくり見たトコ紹介されてないようです。アプリのUIをデザインする際の参考になりそう。何より紹介されてる内容の質が高いのがナイスです。

[UI Design] Android App Patterns – アンドロイドアプリのUIギャラリー

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

Android AppのUIギャラリー。この手のサイトでは定番ですが、リスト表示やメニュー、ログイン画面など、各場面ごとにカテゴリ分けされて紹介されてます。またPhoneとTabletに分けて整理されているので、作例を見る際にナビゲーションしやすそうです。ところでMobile AppのUIギャラリーってどれもこんな感じのレイアウトですね。なんででしょ。まぁ見やすいからいいんですが。

[UI Design] Mobile UI Patterns – Mobile AppのUIギャラリー

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

Mobile AppのUIデザインギャラリー。最近こういうサイト多いですね。閲覧方法もわりとよくある感じで、場面ごとにタグ付けされてて、同じ場面の異なるApp間でデザイン比較をする事ができます。掲載されている作例の数はそれほど多くないので、今後に期待といったところ。ちなみにAndroid Appはなく、iOS App専門っぽいです。

[UI Design] AndroidUX.com – AndroidのUX例を場面ごとに紹介するギャラリー

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

AndroidのUIを、ロック画面やホーム画面、キーボード、カメラ使用時などの場面ごとに紹介するギャラリーサイト。iOSと違ってサードパーティーによるカスタマイズの幅が広いというか、そんな印象を受けました。まぁ普段Android使ってないので正直あまりピンとこないってのもありますが。Android Appを制作する際の参考になりそうです。