[UI Design] Little Big Details – 優れたUIデザインを紹介するブログ
様々なデバイスの優れたUIデザインを紹介するTumblrブログ。デバイスを限定してないので、MacOSだったりiOSだったりAndroidだったり色々あります。「細かいトコだけどこれってクールだよね」的なものが多く、例えばMacOSのタイムゾーン指定画面は季節によって絵が変化してるなど、言われてみると「へー」みたいなのが多いです。なかなか興味深い内容なのでちょいちょいチェックしようかと。
Category Archives: UI Design
[UI Design] iPad GUI PSD (Retina Display) – iPad 3rdのUIパーツPSD
iPadのGUIのPSDがRetina対応してました。iPhone GUI PSDで有名なアレです。ここの制作するPSDはパーツごとにレイヤーが分かれているのはもちろん、各パーツがちゃんとベクターで描画してあって、見た目の装飾はレイヤースタイルでされているのでとっても使い勝手がイイです。iOS App開発やサイト制作の際に役立ちます。自分もローカルのテンプレートまとめフォルダ内に常に入れてあります。
[UI Design] Inspired UI – モバイルアプリのクールなUIギャラリー
モバイルアプリのクールなUIデザインを集めたギャラリーサイト。最近こういうサイト多いですな。それだけアプリのデザイン業務が世の中増えているって証拠なんですかね。紹介されているスクリーンショットは場面ごとにカテゴリ分けされています。モバイルアプリとは言うもののiPhone Appが多いっスね。UIデザインする際のネタ帳に是非。
[UI Design] android pttrns – Android AppのクールなUIをまとめたサイト
Android AppのクールなUI作例をまとめたサイト。iOS Appのこうしたサイトはいくつかあるけど、Android用のものはあまりないので、開発者にとっては貴重かもしれません。自分はAndroid端末は持ってないんだけど、こうしてザっと見てると、iOS Appとは色々勝手が違うんだなーとか思いました。まだやった事ないけど、Android Appのデザイン案件が来たら参考にしようかと。
[Icon Design] iOS App Icon Template – iPad 3rdも含めたアイコンテンプレートPSD
毎度お世話になっているPixelResortのアイコン製作用テンプレートPSDがアップデートされてました。早速DLしたのですが、以前のバージョンに比べて確認できる要素が増えていてビックリ。っていうかこれスーパーですわ。アイコンデザインする際にめちゃめちゃ便利。以前のバージョンに加えてRetina iPadのアイコンサイズが増えているのはもちろん、ホーム画面に置いた時やAppStoreでの見栄えなどをまとめてチェックできます。書き出し用のアクションファイルもVer. 2.0になっていて、申請用の角アリ、確認用の角丸双方を選んで書き出せます。また以前のアクションファイルは書き出しまで一気に行っていたのに対し、新しいものではフォトショの書き出し用パネルで止まるので、JPGなのかPNGなのか選べるようになってます。スマートオブジェクト1つを編集すれば全部の解像度に適用されるという使いやすさはそのままです。iOS Appのアイコンデザインをする人必携のPSDと言ってもいいくらい。いやーナイスですねー。
[Icon Design] iOS App Icon Template – The new iPadのサイズも含めたアイコンテンプレート
新しいiPadがRetinaディスプレイになって、アイコンサイズは144 × 144になるそうです。というわけでアプリのアイコン制作にまた一手間増えると・・・。iPhone2つ、iPad2つ、Store用の512サイズの合計5つがいるわけですね。んで早速そのRetina iPad用のサイズも含めたアイコンテンプレートが出てました。記事内「Download」のリンクからDLする事が出来ます。ただテンプレートとしてはそれほど効率化されてないかなーという印象。ちなみに自分は普段Pixelresort.comのApp Icon Template使ってます。ところでThe new iPadって何て呼べばイイんでしょうね？ iPad 2012とか？
[UI Design] Android niceties – Android Appのクールなデザイン作例をまとめたサイト
Android Appのクールなデザイン作例をまとめたサイト。UIデザインの制作や考察などに使えそうです。コレ系のまとめサイトってiOS向けのはいくつかあるし、iOSに絞ってないサイトも多いんだけど、クールなUIのアプリってiOS Appに多いせいか、Androidに限定された作例紹介サイトって珍しいかも。ただし掲載数はそれほど多くはありまえせん。Android Appガラみの仕事してるデザイナーさんに是非これひとつ。
[UI Design] Sizes of iPhone UI Elements – iPhone UIの各種要素のサイズ
iPhoneデフォルトUIの各種要素のサイズについて。ディスプレイサイズなどはよく知られてるけど、タイトルバーやステイタスバーの高さ、タブバー内に置くアイコンのサイズなどの細かいパーツ類のサイズについてまとめられてるので、iPhone Appをデザインする際に重宝します。サイズは全て3GS時代のものなので、Retina対応用の@2x画像を作る場合は2倍にすればオッケー。サクっと主要要素のサイズについて知りたい時に便利。