モバイルアプリの多くが表示する、初回起動時のチュートリアル画面を動画で紹介するギャラリーサイト。アプリ導入の際に、ユーザーに対してどのように使えばイイのかを紹介する大事な機会なので、どのアプリも丁寧で凝った説明、演出をしています。またココの部分にコストかけてるなーという作例も多く見られます。この場面でヘマするとせっかくダウンロードしてくれたユーザーにそっぽ向かれちゃうので当然と言えば当然ですね。このサイトは動画で見れる点が特徴で、トランジションなども含めて他社製アプリの作例を研究できます。チュートリアル制作のネタ探しに使えそうです。
クールなWebデザイン作例のギャラリーサイト。スクリーンショットを使って紹介されており、一覧から直接対象のサイトに行く事もできます。各作例は場面ごとに整理されているので、「All Patterns」から特定の場面だけを抽出して閲覧する事もできます。コレ系のギャラリーサイトってモバイルUI系が多いけど、久しぶりにWeb系のものを見つけた気がします。サイトデザインのネタ調として使えそうです。
ゴールデンアワー（日没後数分の時間帯を指すカメラ用語）をテーマにした壁紙配布サイト。撮影した場所と月ごとに1枚1枚丁寧に紹介されていて、それぞれPC用とモバイル用のサイズでダウンロードできます。PC用の方は横4000pxオーバーあり（ものによっては6000pxあります。多分トリミングしたものは少し小さいんだと思います）、Retina Macでも十分に使えるサイズです。美しい作品ばかりなので早速Macの壁紙として使わせてもらいます。ちなみにライセンスはCC 4.0なので個人利用として使いましょう。
様々なWebサービスが今のデザインに至るまでの変遷を、タイムライン形式で見ることのできるサイト。まだ新しいサイトのようで紹介例はそれほど多くないけど、メジャーどころだとVimeoやDropbox、Airbnb、Spotifyなど紹介されています。UXタイムラインとはあるけど、どちらかというとデザイン面にフォーカスされているので、UIデザインの変遷、つまりは試行錯誤のプロセスを見れるサイトと考えた方が良さそうです。サイトのデザインって使い勝手に直結しますからな。参考にしたいものです。
Mac用アプリケーションのクールなUI作例をまとめたブログ。実際にAppとして稼働しているものもあれば、UIコンセプト止まりのものもあります。これ見てて思ったんだけど、最近ウィンドウ左端にダークグレーのナビゲーションのあるApp増えましたよね。TwitterとかSlackもそうだし。このUI最初にやり始めたのって確か今はなきSparrowだったような気がします。あとメニューバーアプリの吹き出し的装飾もFantastical以降クールなもの増えましたよね。UIデザインする時にネタ調として使えそうです。
モバイルAppとか作ってるBjangoが、各種モバイルデバイス向けAppアイコンのテンプレートファイルを配布しています。iPhoneやiPadなどのiOSに加え、AppleTVのtvOS、Apple WatchのwatchOS用テンプレートも入ってます。あとAndroid用のものも。ダウンロードするとフォルダごとに各種フォーマットが整理されており、PhotoshopやIllustrator以外にSketchやAffinity Designer用のものまで入ってます。最近じゃSketchやAffinityでデザインする人も多いですからね。対応デバイスの数やフォーマットの多さを考えると、コレ系のアプリアイコンテンプレートとしては最強なんじゃないでしょうか。ホーム画面に置いた時のシミュレートとかを考えるとPixelresortのテンプレートとかもイイんですけどね。
サイトのトップページに動画をボーンと置く手法、最近多いですよね。ソレ系の用途に使えそうな動画素材が配布されています。どんなサイトにも使えるよう、まぁ言ってみれば「当り障りのないイメージ画像」的な素材が多いです。「画像はイメージです（重複」というか「個人の感想です」というかそんな感じのやつ。食べ物系、乗り物系、テクノロジー系、ネイチャー系色々あるので、サクっと使える動画素材ないかなーって時に使えそうです。
ボタンの上にマウスオーバーした時に、吹き出し状にヒント表示をしてくれるCSSライブラリ。独立した1つのCSSファイルとしてGithubに上がっているので、導入するにはこれをダウンロードしてCSSを読み込むだけ。あとはspanタグか何かにclass指定してヒント内容を記入するだけ。手軽に導入もできそうです。吹き出しを出す方向も上下左右色々選べるので使いやすそうです。
