UIデザインやプロトタイピングを行う際に便利なiOS Appを50例紹介した記事。UIデザインだけでそんなにAppがあるのか・・・と思いましたが、ホントに色々あるようです。WebやMobile Appのワイヤーフレームを描くのに便利なツール、モック制作、遷移図作成、Evernoteへのスケッチ投稿ツール、リファレンス系ツールなどがあります。自分は最近手書きで遷移図とか作る事はほとんどなく、ちょっとしたメモ程度ならiPad miniでするようになりました。今はPencilが欲しくてしょうがないです。早く日本でも買えるようなるといいなぁ。
トランジションやアニメーションなどの動きを含めたUIギャラリーサイト。Tumblrで作られており、各作例はタグ付けされて管理されています。作例クリックで詳細を見る事ができ、作例のサイトを見に行く事もできます。それぞれアニメーションGifで紹介されているので、どんな環境でもサクっと見れる点がナイス。ってかここ最近のアニメGifの再興っぷり、なんかすげーなぁとか思いました。
UIデザインをする際に「こうしておくと便利だYO！」的なPhotoshopのセッティング例について書かれた記事。まずは新規書類の作り方から始まり、スナップ先のセッティング、ベクターオブジェクトのエッジの整列、テキストのセッティング、レイヤースタイル内における共通光源のセッティング、そしてグリッドと書き出し、Retinaディスプレイ使用時のセッティングと続きます。スナップとベクターオブジェクトのエッジの整列は特に大事かなーと思いました。
というわけでみなさん明けましておめでとうございます。本年もアレだしナニなのでよろしくのアレです。
フリーで配布されているUIキットのまとめ記事。50個の作例がまとめられてます。なかなかの数でございます。最近はなんていうかフラットデザイン全盛って感じがしますが、ここで紹介されている作例はスキューモーフィックなものが多いです。最近こういう手法でデザインされるアプリって急に減っちゃいましたが、これはこれでアリですよね。UI制作のネタ帳や素材として使えそうです。
というわけで大晦日に書く予定の残り1つのエントリーを残して、今年はこれで最後になりそうです。仕事納めてサッサと実家帰ってうどん食って屁こいて寝ます。みなさん良いお年を！
様々なOSのGUI（Graphical User Interface）のギャラリーサイト。それぞれ各バージョンごとにUIに関する内容が紹介されています。有名どこではMac OS、Windows、NeXTSTEPなど。ちょっと変わったとこではAmiga OSやBe OS、OS/2、Windows CEなどもあります。掲載されているのは主にスクリーンショットだけど、アイコンだけとか、OS純正のサウンドなども紹介されていて、結構なボリュームがあります。自分は迷わずMacOSの古いものを見に行ったんですが、System 7（日本版は漢字Talk）とかMacOS 8とか懐かしいですね。あと個人的に思い入れがあるのがBe OS。当時「QuickTimeムービーを4つ同時に再生しても全然余裕！」みたいなパフォーマンスアピールがあって、素人ながら「うひゃースゲぇ！」みたいな感じでPC雑誌読んでた記憶があります。いやぁ懐かしいですな（おっさんホイホイ）。
モバイルアプリのUIデザインのインスピレーションを得られるサイト。Tumblrを使ったデザインギャラリーなんですが、各作例の表示サイズが大きく、見やすいというか説得力があるというか、見てるだけで「おーこれスゲーかっけー」とか思いました。UIが素晴らしい作例ももちろんあるんだけど、どのデザイナーもその見せ方が素晴らしいなと。デザインのネタ帳としてとても役立ちそうです。作例を見てるとフラットデザイン全盛って雰囲気がギュンギュン伝わってきますが、中にはいくつかスキューモーフィックにデザインされているものもあり、これはこれでイイよなーって思いました。
iOSデバイスの各種ディスプレイ解像度に関する一覧ページ。iOS Appやモバイルサイト作る人にオススメ。各デバイスの解像度だけでなく、それ用に使われる画像のファイル名ルールについても言及されています（@2xとかソレ系のやつ）。新しく出たiPad mini Retinaについては紹介されていませんが、まぁこれはiPad Retinaと一緒なのでなくても問題ありませんね。この手の情報の一覧が欲しい時に便利です。
iOS 6、iOS 7、Androidの各種Mobile Appのアイコンテンプレートを配布しているサイト。それぞれの詳細ページからPSDをダウンロードできます。各PSDにはPhotoshop用のアクションファイルも同梱されていて、ちょうどいい感じに書き出しまでを行えます。配布元はPixelresortというサイトで、自分もいつもここのテンプレート使ってアイコン作ってます。ここのテンプレートは同梱されているアクションが便利で、確認用と申請用に分けて書き出せる機能が重宝してます。iOS 7版も出たようなので、早速テンプレート1個落としておきました。素晴らしい。
