見出し画像

Frontend Weekly for Designer Vol.18

Hiroki Tani

新しくなった Atlassian Design System

デザインシステムの好例ともいえるAtlassianのデザインシステムがアップデートされた。以前のガイドラインのトップページといった構成が、デザインシステムとして方針が見えるような構成に再設計されている。デザインと実装に関するドキュメントが別で管理されていたことによる分断や、運用の仕組みの変更など、その背景について記事から伺える。

データテーブルのデザイン

エンタープライズ向けのサービスやバックエンドの管理画面などによくありがちなデータテーブルのUI。パターン化されているUIではあるものの、都度頭を悩ませることも多い。データテーブルの構成要素、ナビゲーションを分解し、それぞれのデザインのポイントがよくまとまっている。

最高のプロダクトデザイン原則の4つの特性

多くの著名なサービスのプロダクトデザインの原則から見出した4つの特性について。

1. 数が少ない
2. 差別化されている
3. 曖昧さが少なく実用的
4. 簡潔で記憶に残る

この記事ではこれらが特性としてなぜ好ましいのかを実際の例を引用しながら説明しておりわかりやすい。後半では各社の原則を紹介しており、デザイン原則で悩んでいる人はぜひ一読を。

🗣️ 小ネタ

FigmaでシンメトリーなアイコンをつくるときのTips。賢い。

Figmaは2016年リリース、XDは2019年リリースだけど5年の経験とは？？？ 🤔

📻 音声解説

8月は音声での振り返り、補足の音声配信を試してます。耳障りでなさそうならぜひ。

☕ 編集後記

デザインシステムに関わる仕事をしているので、どうしてもそちらに寄った記事になりがち...でもまぁきっと役に立つと思います。ところで音声配信はじめたし、編集後記みたいなこともそちらで語れば良い気がしてきた。

📓 Frontend Weekly for Designer

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

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

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