見出し画像

Frontend Weekly for Designer Vol.23

すべてのデザインは Google Doc から始まる

プロダクト開発におけるデザインのフェーズでは、デザインツールの使い方を知っているデザイナーに大きな負担がかかってしまう問題があるが、この問題を Google Doc で解決することができるという。Google Doc はデザイナでなくても誰でも扱うことができ、また言葉で記述するためより明確にデザインがすすめられるという利点がある。Ted 氏は既にこの方法が有効に機能することを実感しており、この方法で得られたフィードバックにより、優れたデザインが生まれているという。

タスクフローの作り方

Laura 氏によるタスクフローの作り方についての記事。プロダクトインタラクションをデザインする際に役立つのが、タスクフローと呼ばれる図を作成することである。この記事では、タスクフロー図がどのように作られるのか、簡単なタスクフローを作る手順を紹介する。

アクセシブルな色の選択

2020年5月にリリースされたAdobe Colorのアクセシビリティツールの設計をしたデザイナーによる、アクセシブルな色の選び方と、Adobe Colorの使い方のガイド。Adobe Colorのアクセシビリティツールは、カラーを決めながら各色覚での見え方も確認できる便利なツール。

エラーメッセージのシンタックス

エラーメッセージの構成要素をコンポーネントとして組み立て、どう考えるか。なぜ/何が起きているのか、次に何をすればいいのか、というのを常に起き、文脈に応じて、お詫びや代替となるアクションなどを添える、といった著者のやり方を解説。

Ameba 15年の負債を払拭するカラーパレットのメソッド

15年近くの開発を重ねたWebサービスにおける、カラーパレットの再定義についての具体的な進め方について。Material Designを参考にしたアプローチで、コントラスト比やダークモード対応についての考え方などを詳しく説明している。

🗣️ 小ネタ

freeeのデザイナー、リサーチャーである伊原さんセレクションの学習レベル別おすすめ書籍。シルバーウィークにぜひ。

☕ 編集後記

9月に入って3号目ですが、やっぱりバタバタしていて音声コンテンツは再開できず。今回は僕が仕事で関わっているAmebaのデザインシステムの記事も入れさせてもらいました。優秀なリードデザイナーのおかげでよく考えられたカラーパレットがです。

📓 Frontend Weekly

Frontend Weekly for Designer(毎週木曜日更新)は国内・海外のフロントエンド関連情報を厳選して配信しているFrontend Weeklyから、デザイナーにも読んでほしいものを再編成したマガジンです。

よりWebフロントエンドに関する情報も読みたい方は、本家のFrontend Weeklyもぜひ購読してください。


明日の元気の素になります。