Design Fetch & Pull #1 – デザインにコミットする人のためのまとめ

まるでユーザーの画面を録画したようなアクセス解析サービス。マウスの細かい動きまで再現され、設定はGoogle Tag Managerと連携するだけ。マウスの動きをみるだけでも、ユーザーが何を考えているのかがなんとなく想像できて仮説立案に役立ちそう。

Facebookで最も多く使われている絵文字及び、地域別の集計結果。意外とばらつきがある。

Macのアプリアイコン集。最近はiOS11のApp Storeアイコン変更が話題になっており、このサイトに載っているアイコンは拡大しないと気づかないようなディテールまでこだわってデザインされているものが多い。

Amazonが公開しているボイスデザインのガイドライン。スピーカーデバイスの普及をみこして、知っておきたいところ。

色んなパターンが簡単に作れるSketchプラグイン。設定がかなり自由にできるのででアイディア次第で面白いものが作れそう。

Abstract betaリリースと共に再び議論され始めたデザインファイルのバーション管理。実はAbstract以外にも選択肢が多く、あなたに合ったツールを見つけてみましょう。

最近、Swarm 5.0アップデートでアプリ全体の構造大きく変わったのに伴い、今回の変更の意図からデザインプロセスまで一通り記述されている。

コピーライター岡本欣也さんの個人サイト。モーションタイポグラフィなど、文字デザインがぎっしり詰まっていてコピーやデザインワークがより魅力的に表現されている。

Sketch上で大量のアイコンを花模様に配置する面白いプラグイン。

サイトのメニューにホバーすると、メガメニューが出て来るケースがほとんどだが、タッチスクリーンの場合はどうデザインすべきなのかについて議論している記事。

個性あふれるデザインテンプレートでポートフォリオが作れる、オンラインサービス。

パレットでの調色をメタファーにしたUI。絵の具を混ぜるのと同じように使え、直感的で学習コストが低い。はやくAdobeの製品に実装してほしい。

海のホワイトノイズを再生できるサイト。作業に集中したい時におすすめ。

Googleの子供向けのインターネットの安全について学ぶカリキュラム。ゲームについて、「Smart、Alert、Strong、Kind、Brave」の５つのテーマで勉強できる。大人も改めて知っておきたい。

ZapLabsのデザイナーによるチームデザインプロセスのシェア

各プラットフォームのボットのまとめサイト。

シンプルな画面でiPhoneの魅力をプロモーションするシリーズCM。

WebVR(Three.js)を使ったショールームサイト。

『21世紀の現代アートに最も影響をおよぼす一人』デンマークの現代美術家オラファー・エリアソンの２年間を密着したドキュメンタリー映画。金沢21世紀美術館『あなたが出会うとき』展の作品の制作過程や、ベルリンのスタジオ内での実験につぐ実験、アイスランドへの撮影旅行など、まさに芸術と共に生きる彼の日々をカメラが追う。

ARKit使ったアイディア、アプリデモのショーケース。事例を見れば見るほど9月のiOS11のリリースが待ち遠しくなる。

1秒の中に世界中で何が起きているかをビジュアライズしたサイト。

Android Oに新たに追加されたAdaptive Iconの仕組み&作り方の紹介。

Googleのデザイナーが、どうやってマテリアルデザインを各製品に取り込んだのかについての記事。マテリアルデザインを導入する際に参考になりそう。

オープンソースのアイコンアニメーション。

LOUIS VUITTIONのコネクテッドウォッチ。おそらく現在最も高価なAndroid Wear。何よりウェアラブルデバイスとしてのUIが洗練されており、ページ中部の動画は必見。

Font版Netflix。

色々なサービスのUIやLPの中で使用した、イラストのまとめサイト。

プロトタイピング専用フォント。仕組みとしては、普通の文字をワイヤ風の線で表示するだけ。他にBLOKK(http://www.blokkfont.com/)というフォントもある。

タイプフェイスデザイナーの西塚涼子さんによるフォントデザインの意図や制作の裏話。

新しい形のコミュニティ専用サービス。普段使っているSNSサイトよりも、情報ががコミュニティ向けにデザインされている。