デザインシステム知見まとめ

本

noteにある様々なデザインシステムの知見をまとめていくマガジンです。良い記事を選定してくれる運営メンバーも募集中です。

運営しているクリエイター

#アクセシビリティ

クロンデザインシステムのカラーパレットをリニューアル

オンライン医療事業部プロダクトデザイナーのL.Tです。久々の投稿ですが、今回は自社プロダクト「クロン」のデザインシステムのカラーパレットをリニューアルした話をお伝えします。 AS ISのカラーパレットの問題点以前から社内デザイナーからクロンデザインシステムにあるカラーパレットについて、いくつか改善リクエストが上がっていました。具体的には、彩度（Saturation）が揃っていない（同じ色相内で鮮やかなもの、鈍いものが混在）全色並べた時にグラデーションレベルが

10年ものアプリのダークモード化プロジェクト、カラー設計の舞台裏

こんにちは、ニューズピックスのプロダクトデザイナー、吉川（よっしー）です。先日、ニューズピックスアプリがダークモードに対応しました。以前からご要望を多くいただいており、昨年末から取り組みはじめ 9月にAndroid版リリース、10月にiOS版もリリースが完了しました。 2013年から今年で10周年を迎えたニューズピックスアプリ。その10年間の歴史を持つアプリをダークモード対応するためのカラー設計についてお伝えしていきたいと思います。対応範囲アプリの全階層すべて適用す

kintoneのデザインシステムを作る「Mantleチーム」とは？（後編）#CybozuDesignPodcast

オープニング（00:00）Tobi／皆さんこんにちは！デザイナーのTobiです。この番組はサイボウズデザイン＆リサーチグループのメンバーが日々の活動や取り組みを雑談形式で紹介するコンテンツです。デザイン・リサーチ・アクセシビリティを軸にサイボウズデザイン&リサーチグループの今をお届けしつつ、メンバーの人柄やチームの雰囲気をお伝えします。 Tobi／今回はkintoneのユーザー体験を最高にする活動をするチーム、Mantleチームの紹介の後編となります。前回はMantleが

カラーパレット作成の参考にした記事、他社のデザインシステム

株式会社アンドパッドでUIデザイナーをしている、よつくらです。アンドパッドのデザインシステムでカラーパレットの作成を担当しています。カラーパレットの作成・更新を何度も行ううちに「これもっと早く知っておきたかった….」と思うようなことがいくつかあったので記事にまとめました。この記事で触れている内容UIデザインに必要なカラーパレット（アンドパッドのデザインシステムではリファレンスカラーと呼ばれる）の作成・更新に必要な知識、他社事例この記事で触れていない内容ブランドカラー

ユーザー体験を最高にするkintone Design Systemsをつくってます

ユーザー体験を最高にするチームプロジェクトオーナーのsakitoです。以前、kintone フロントエンドリアーキテクチャプロジェクトをスタートさせたブログ記事が公開されました。今回はこの取り組みの一つのチームである「ユーザー体験を最高にするチーム」について紹介します。ユーザー体験を最高にするチームとは？kintoneのフロントエンドリアーキテクチャのアプリケーション構成はMonorepoを採用し、チーム単位でオーナーシップを担うことを意識しています。開発者視点