2Webやアプリのデザイントレンドを紹介。モバイルAppやPCのスクリーンショットを、各種デバイスのディスプレイに合成できるサイトPocketTweetモバイルアプリやPCアプリのスクリーンショットを、各種デバイスのディスプレイ部分にハメ込み合成できるサイト。Watch、Android端末など、多くの種類が用意されています。Watchあるのがレアですね。モバイルApp制作してて、サイト内やチュートリアル画面で使い方を見せる場面の画像制作に使えそうです。サイト内でトリミングができる点もナイス。日没後数分のゴールデンアワーをテーマにした壁紙サイトPocketTweetゴールデンアワー(日没後数分の時間帯を指すカメラ用語)をテーマにした壁紙配布サイト。撮影した場所と月ごとに1枚1枚丁寧に紹介されていて、それぞれPC用とモバイル用のサイズでダウンロードできます。PC用の方は横4000pxオーバーあり(ものによっては6000pxあります。Macでも十分に使えるサイズです。美しい作品ばかりなので早速Macの壁紙として使わせてもらいます。4.0なので個人利用として使いましょう。各種モバイルAppのアイコンテンプレートPocketTweetモバイルAppとか作ってるBjangoが、各種モバイルデバイス向けAppアイコンのテンプレートファイルを配布しています。WatchのwatchOS用テンプレートも入ってます。あとAndroid用のものも。Designer用のものまで入ってます。最近じゃSketchやAffinityでデザインする人も多いですからね。対応デバイスの数やフォーマットの多さを考えると、コレ系のアプリアイコンテンプレートとしては最強なんじゃないでしょうか。ホーム画面に置いた時のシミュレートとかを考えるとPixelresortのテンプレートとかもイイんですけどね。タッチデバイスのSketch用モックアップPocketTweetiOSやAndroidの各種タッチデバイスのモックアップを、Facebookが配布してます。興味深いのはそのフォーマットがSketchである事。UIデザインの世界じゃPSDやAIではなくSketchが主流なんだなーと思いました。用意されている端末の種類も多いので(Nokia系なんかもあります)、Sketchユーザーの人は素材探しに使えそうです。9向けにアプリをデザインする際に役立つ、UIガイドラインを分かりやすくまとめた記事。Apple純正のガイドライン読めば分かるっていえば分かるんですが、ここではその中でも特に重要な点を画像を使って分かりやすくまとめられているのがナイス。レイアウト、フォント、ディスプレイ解像度、スプリットビュー、アイコンのサイズやグリッド、カラー、ボタンやフォントのサイズについて、スペーシングやアライン、マージン、各種純正パーツのサイズ、キーボードなどについて端的に仕様を紹介しています。WatchなどのGUIテンプレートへのリンクなども紹介されており、なかなか気の利いた記事だと思います。UIデザイナーの方にひとつ。9のUIテンプレートがPSDフォーマットで配布されています。この前公開されたばかりですからね、UIテンプレート出てくるの早いですね。Plusの3機種から選ぶ事ができます。これら現役の3機種はそれぞれ画面解像度が違うので、制作するものに合ったサイズを選んでネ、という事なんでしょう。UIデザインする時に役立ちそうです。Plus持ってるので今回はスルーの予定。この記事では6sまでの各世代iPhoneのカメラ性能を比較していますが、いやぁこういうの見ちゃうと欲しくなりますなぁ・・・。6世代と比べて絵がカリっとしてコントラストがハッキリしているのがよく分かります。このサイト、Camera+を作ってる会社の記事なんですが、クリックするとその世代の写真を大きく表示してくれるのでとても見やすいです。Appのアイコンデザインに役立つアプリPocketTweetアプリのデザインに役立つアプリって、なんだかややこしいですね。早い話が、アイコンデザインする時にiPhone使って簡単にプレビューができるから便利だYO!というアプリです。デザインツールは好きなものを使えば良くて、Dropboxに保存するだけでiPhone側がシンクロして保存した画像をアプリアイコンとして表示してくれるものだそうです。Dropboxに保存するだけでプレビューできるというのはスゴい便利。最近やってないけど今度アプリアイコン作る時に早速使ってみようと思いました。