マガジンのカバー画像

ANDPADのプロダクトデザイナーが書いたnote

9
建築・建設プロジェクト管理サービス「ANDPAD」のプロダクトデザイナー(UI/UXデザイナー)が書いたnoteを勝手に集めました。
運営しているクリエイター

#色

カラーパレットのコントラスト比を揃えるのにOKLCHカラースペースが便利だった

株式会社アンドパッドでUIデザイナーをしている、よつくらです。 2024年の7月、おそらく3年ぶりにアンドパッドで運用しているデザインシステムの、網羅的なカラーパレットを作成しなおしました。今回、カラーパレットのコントラスト比を揃えるのにOKLCHカラースペースが便利だったので紹介します。 網羅的なカラーパレットのコントラスト比を揃える前回カラーパレットを作成したとき、1段階目の網羅的なカラーパレットと、2段階目の意味を持ったカラーパレットを作成しました。そのときの学び

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

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