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

Browse By

Category Archives: UI Design

[Sketch] Sketch Android Kit – Sketch用のAndroid UIキット

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

Sketch用のAndroid UIキット。Androidの標準的なUIパーツ一式が揃ってます。今ちょうど仕事でAndroid AppのUI作ってるんだけど、仕事始める前にこれ知ってたら使ってたかも。まぁ俺まだSketch買ってないんですけどね・・・。脱Adobeの流れ的にも早いとこ慣れておかなきゃなー、と思いつつなかなか重い腰が上がりません。半額セールしてくれると助かるんだけどなぁ。

[Photoshop Action] iOS 7 UI Kit Ps Actions – iOS7向けUIデザインに便利な、フォトショップ用アクションキット

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

これはスゴいかも。iOS 7を対象としたUIデザインする際に便利な、Photoshop用アクションキットが無料で配布されてます。動画を見さえすれば、Photoshopユーザーなら何がどうスゴいのかすぐに理解できるはず。まぁようするにアクションボタンそれぞれにUIパーツの描画が割り当てられていて、ボタンひとつ押すだけでタイトルバーやらリストやらダイアログなどのUIパーツがポンポン出てくるわけです。いやこれめちゃめちゃ便利ですね。早速ダウンロードしました。あとUIパーツ以外に、アプリアイコンのテンプレート類も入っているようです。今仕事でAndroidのUIデザインしてるんですが、なんかこう色々とインターフェースが美しくなくて陰鬱としているので、iOSの仕事したいなーと思いました。
そういや昨晩iOS 8の発表あったけど、今回は7の時ほどUIがガラっと変わる印象ではなくて、とりあえずは一安心といったところです。WWDCは開発者のためのお祭とはいえ、新デバイスの発表なかったのはちと寂しいけどね・・・。

[UI Design] Latest Free Mobile UI PSD Kits – モバイルAppのUIパーツPSDをまとめた記事

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

モバイルAppのUIデザイン作例を集めた記事。ごく最近のものがまとめられているようで、フラットデザインの影響が強いものが多いです。どの作例もいわゆるデザインモックアップで、実際に存在するAppではないっぽいです。レイアウトやパーツディテールなど、それぞれデザイナーがアイデアを詰め込んでるので、UIデザインの際のネタ帳になりそうです。

[Sketch] SketchMine – .sketchファイルのデザインギャラリー

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

Sketchファイルを集めたデザインギャラリー。イラストやUIデザイン作例、アイコン、Webパーツなど色々あります。元々がUIデザイン向けのツールなので、ソレ系の作例が多いです。Sketch使うデザイナー最近多いですよね。俺もぼちぼち使ってみるかーと思ってます。セールしてくれるとありがたいんだけどな・・・。

[UI Design] TabPatterns – タブレットAppのUIギャラリー

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

タブレットアプリのUIデザインギャラリー。ザっと見たところ、iPad Appが専門でAndroid Appはないようです。各作例をクリックすると、そのAppの場面一覧を見る事ができ、その中をクリックすると拡大表示されます。ページ左端にズラッと並んでいるのはカテゴリで、どれかクリックするとそのカテゴリのApp一覧となります。タブレットでの見せ方に特化しているので、UI考える時のネタ帳として良さそうです。

[UI Design] MobileMozaic – クールなUIのiPhoneアプリを紹介するデザインギャラリー

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

クールなUIのiPhoneアプリを紹介するデザインギャラリー。この手のギャラリーサイトはわりとよく見かけますが、まぁ情報収集はリソースが多い方がイイですしね。各アプリはスクリーンショットで紹介され、アプリの種類や場面ごとにカテゴリ分けされています。なので「いろんなアプリのリスト画面だけを抽出したい」という見方もできます。サイト内でも紹介されているPeek Calendarは俺も使ってますが、これ良く出来てて使いやすいです。純正カレンダーとリプレイスしてトップ画面に置いてます。ただ奇をてらっただけでなく、実用的だったり現実世界のメタファーをウマく取り入れたUIのアプリはイイですな。UIデザインする際の参考にナイスですね。

[UI Design] app.itize.us – クールにデザインされたMobile Appのデザインギャラリー

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

クールにデザインされたMobile Appのデザインギャラリー。ザっと見た感じiOS Appばかりのようです。各アプリにはコメントとApp Storeへのダウンロードリンクが付けられ、気に入ったものはサクっとダウンロードできるようになってます。かなりの量のアプリが紹介されているようで、それぞれカテゴリ分けされて整理されてます。UIデザインの際にネタ帳として使えそうです。

[Icon Design] IICNS: A Library collection of beatifully designed iOS App icons – 美しくデザインされたiOS Appのアイコンギャラリー

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

美しくデザインされたiOS Appのアイコンギャラリー。アイコンがタイル状にズラっと並んだだけのシンプルなギャラリーサイトです。アプリのカテゴリごとに抽出して見ることができる他、アイコンクリックでAppStoreに行く事もできます。この手のギャラリーサイトでは普通アイコンの角が丸くなった状態で見せるのに、ここでは申請用App Iconそのままの角が付いた形で紹介されています。アプリのデザインや申請をした事のある人にはお馴染みの形です。iOS 7以降フラットなデザインが主流になった事もあり、多くのアイコンはシンプルかつフラットにデザインされています。アイコン制作のネタ探しにとってもナイスです。