マガジンのカバー画像

デザインのルール設計

41
デザイン原則、デザインシステム、ガイドラインの考え方や運用について理解を深めるためのまとめ
運営しているクリエイター

#UIデザイナー

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

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

クラシルのWebチームでデザインシステムを少しずつ構築していっている話

delyのWebチームでプロダクトデザイナーをやってるkassyです。 現在、Webチームではデザインシステムを少しずつ導入しています。今日はその取り組みについてご紹介したいと思います。 今回の作業を行ったチームのメンバー構成 デザイナー × 1 フロントエンドエンジニア × 2 フロント兼サーバーサイドエンジニア × 1 デザインシステムとはなにか とはいえデザインシステムと言われてもなんのこっちゃな方もいると思うので、カンタンに説明します。 ざっくりいうとデザイナ

デザインシステムをアジャイルで。タイポグラフィックマトリックスをデジタルの世界に

以前、「 デザインシステムをアジャイルで構築する方法 」という記事を初めてのnoteで書いたのですが、アジャイルで進めた為、また少し具体的に詰めた部分を今回はタイポグラフィ編でお送りします。  ―  課題のおさらいデザインシステムという言葉が出てくる前からデザインガイドラインと言うものが存在していましたね。 私はあれを名前の通り、ブランド保持のための方法をガイドとして載せているものと解釈していて、質の良いものは分かりやすいが、基本的には、 社外へのブランドリソース提供の為に