[UI Design] Inspired UI – モバイルアプリのクールなUIギャラリー
モバイルアプリのクールなUIデザインを集めたギャラリーサイト。最近こういうサイト多いですな。それだけアプリのデザイン業務が世の中増えているって証拠なんですかね。紹介されているスクリーンショットは場面ごとにカテゴリ分けされています。モバイルアプリとは言うもののiPhone Appが多いっスね。UIデザインする際のネタ帳に是非。
Tag Archives: UIDesign
[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倍にすればオッケー。サクっと主要要素のサイズについて知りたい時に便利。
[Design] 365 awesome designers – 365人のクールなデザイナー
365人のクールなデザイナーの紹介と、その作例。今日の時点で54人紹介されてますが、365人に到達したら終了するのでしょうか。ここで紹介されてるデザイン作例はWebだけに限らず、UIデザインやロゴデザイン、プリントデザインなども含まれているので、様々な媒体に向けた作例を見る事ができます。各デザイナーごとに活動場所とオフィシャルサイトへのリンク、Twitterアカウントなどが紹介されてます。作例の多くはdribbbleから引っ張ってきているようです。何か目的を持って作例を探すという目的よりは、ダラダラと「かっけーなー」とか言いながらブラウズするのがイイ感じ。
[UI Design] Mobile Tuxedo – モバイルアプリケーションのUIリソース紹介サイト
モバイルアプリケーション（Webを含む）UIに関するリソースを紹介するサイト。アプリケーション内で使われるボタンやスイッチ、アイコンのネタ帳、Photoshop用のレイヤースタイルなどの素材、PSD、ステンシル、JS、フレームワーク、そしてクールな作例紹介などがその内容。コンテンツはArticles、Resources、UI Patternsの3つのカテゴリで整理され、それぞれサブカテゴリで細分化されてます。UI Patternsでは話題のclearなんかも取り上げられてます。モバイルAppやスマートフォン向けサイトのデザインする際にとっても役に立ってくれそうなナイスな内容です。UI、インタラクション系のデザイナーさんにオススメ。