8月に#designで話題になった記事、ウェブサイト
2020.09.09
GiFTのSlackにはデザインのことをざっくり話す#designチャンネルがあります。主にはデザイナーがたれ流しにしているチャンネルですが、チームみんなに見てほしいと思うものを共有するようにしています。その内容を紹介します。
基本的にシェアしているのはこんな温度感です。
「良いと思ったものはどこが良いか言語化しよう!」ということはよく言われますが、何が良いと思ったかを一言だけでもコメントするのが大切かなと思います。
内容の正確さよりも軽く共有する頻度を大事にすると習慣化できます。
あとコメントしておくと思い出しやすい、検索できるというメリットもあります。
※シェアしたのが8月というだけで各コンテンツの公開時期はまちまちです。
良いと思ったものたち
WAKA-WAKA
大胆な「Waka」のタイポや大きな写真がインパクトがあります。
最初に全体を見せて中に入っていくような演出によって、大きなビジュアルでも全体感が把握しやすくなっています。
ポケモンバーチャルフェスト
ウェブサイトの世界に入っていくような演出を初回訪問時だけ行うことで、導入を丁寧に行っているのが良いと思いました。
Know Canada — Bruce Mau Design
Bruce Mau Designというstrategic design studioの事例です。「Know Canada」という企画で、赤い矩形2つに抽象化された国旗の真ん中にさまざまなモチーフをいれることでカナダを知るきっかけを作ります。高度に抽象化されたデザインは公共性を帯び、国という大きなまとまりにも手が届くようになる素晴らしいクリエイティブだと思いました。
CalorieMate to Programmer | 大塚製薬
きっと多くのウェブ制作関係者が「こんなものが作りたい人生だった…」と思ったはず。ビジュアル、遊び心、インタラクション、どれをとっても非常にクオリティが高いと感じました。凝っているのに良い意味で力が入っていない印象を与えるのが不思議です。
ABT | トンボ鉛筆
スクロールせずTOPはスライダーのみという構成が面白いです。細かなアニメーションや写真がきちんとディレクションされているとこれでも成り立つんだなと思いました。
SOLES GAUFRETTE | バターゴーフレット専門店
スクロールが奪われてもイライラしない絶妙な調整だと思いました。レイアウトも大胆ではありますが、まとまっていて読みやすいです。
ACSL | 株式会社自律制御システム研究所
ビジュアルも全体的にかっこよいのですが、一番はヒーローエリアの消え方がスマートで良いと思いました。スクロールするとさっと消える潔さが良いです。
poweredby.tokyo | The Essence of Tokyo. Illustrated by Those Who Embody it.
これは僕ではなくインターンの方が教えてくれたウェブサイト。背景で流れている映像の再生がシームレスに始まるのがめちゃ良いです。シンプルだけど工夫のあるレイアウトも好き。
V-RESAS | 新型コロナウイルス感染症が地域経済に与える影響の可視化
文字組とアイコンがとても好きです。明瞭で操作しやすく、ツールチップが表示されるUIも丁寧で良いなと思いました。
良いと思った資料
【図解入門】シンプルな図の作り方|櫻田潤🎨インフォグラフィック・エディター|note
資料を作る時に参考になると思います。抽象的な原則だけではなく、具体的な例が載っているので読みやすいです。
エンジニア向けの余白の基礎 / Spacing - Speaker Deck
余白について、実例を交えながらとても分かりやすく解説されています。80ページ超えの資料ですが、とても読みやすいスライドです。
その他
Ryo Yoshitake | THE GUILDさんはTwitterを使っています 「アズールレーン、UIリニューアルの際に開発版をYouTubeにアップしてたんだ。コメントがどれも丁寧に書かれていてすごい。何も知らせずにアップデートしたらまた反応は違ったんだろうな。 https://t.co/ZOlhwEowXm」 / Twitter
UIリニューアルのアップデート内容をYouTubeで公開する勇気…ユーザーとの信頼関係が伺えます。YouTubeのコメント欄にもフィードバック来ていてデザイナー的にはひやひやしますが、改善案を出すことで次の改善点が見えてくるコミュニケーションは見習いたいです。
教えてドクター佐久@無料アプリ配信中♪さんはTwitterを使っています 「夜間の外来に、時々「夜泣きが収まらない」と受診される保護者の方がいらっしゃいます。不安だし、しんどいですよね。 泣き止まないと「私のこと嫌いなの?」なんて思ってしまうかも知れませんね。 『泣き止まなくて途方に暮れたときの対処法』をフライヤーにまとめています。ご参考に。 https://t.co/HEQpNC0bkZ」 / Twitter
ぜひリンク先の画像を見てほしいです。デザイン力の高さを見せつけられます。不安に思うことに対してどうアプローチしたらよいか、という点で非常に参考になります。
大阪万博ロゴ決定 制作者「70年万博のDNA表現」 :日本経済新聞
これね……これめちゃいいですよね…。万博楽しみになりました。
Loose Drawing
このクオリティのかわいいイラストが商用無料ってすごいですね。パグかわいいです。
実際にはもっといろいろ投稿しているのですが、外に出して面白そうなものだけ掲載しました。
Slackに投稿するときは、面白いと思ったところ + 「かわいい」とか「すご」とか「ええやん」みたいなことしか書いていないことも多いです。
着目したポイントを1つでも書いておくと、参考にしやすくなると思うのでおすすめです。
また豊作の月があったら記事にします。