マガジンのカバー画像

デザインシステム

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

記事一覧

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

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

オンライン医療事業部プロダクトデザイナーのL.Tです。
久々の投稿ですが、今回は自社プロダクト「クロン」のデザインシステムのカラーパレットをリニューアルした話をお伝えします。

AS ISのカラーパレットの問題点以前から社内デザイナーからクロンデザインシステムにあるカラーパレットについて、いくつか改善リクエストが上がっていました。

具体的には、

彩度(Saturation)が揃っていない
(同

もっとみる
Design Systemの作り方〜とりあえずこれだけやろう〜

Design Systemの作り方〜とりあえずこれだけやろう〜

Design Systemは近年Figmaの登場により飛躍的に注目を浴びていると思います。
でもDesign System って作るの難しくないですか?

色々な悩みがありますが、筆者も日々試行錯誤して何が一番良いんだろうと考えています。

結論、完璧なものを短期間では作れない。というところに落ち着きました。

まだDesign Systemは確立した絶対的ルールがあるわけではなく、各社色々と作っ

もっとみる
できるところから始めてみた アクセシビリティに対するデザイン提案

できるところから始めてみた アクセシビリティに対するデザイン提案

皆さんはアクセシビリティに配慮してデザインするとき、どのようなことを工夫していますか?
社内にアクセシビリティの専門部署があるところ、すでに深掘って取り組まれているところもあれば、アクセシビリティまで提案できる機会が中々ない、という声も聞くので、まだ取り組み具合には大きく差があるのかなと感じています。

カイエンでは近年、大手企業や国や自治体の案件に携わることも増え、アクセシビリティの需要を強く感

もっとみる
デザインから考えるウェブアクセシビリティ

デザインから考えるウェブアクセシビリティ

こんにちは。dotDデザイナーの山口です。
前回の投稿からだいぶ間が空いてしまってますが…とあるプロジェクトがひと段落し、会社として取り組む・考えていかなければならないテーマとしてnoteに残すべく重い腰を上げました(褒めてください)。

その"とあるプロジェクト"というのが、先日リリースされた「デジタルマーケットプレイス(DMP)」の実運用に向けたα版サイトの開発・構築です。
DMPでは、これま

もっとみる
IPの世界観に寄り添う、マルチブランドなカラーシステム設計論

IPの世界観に寄り添う、マルチブランドなカラーシステム設計論

はじめにこのnoteで紹介するカラーシステム設計プロセスは、多くの人にとってはやりすぎで、役に立たない場合も多いです。
既存のカラーシステムやカラーシステムジェネレイターを利用するのが、最短かつ最適ルートだと思います。

デザインシステムやカラーシステムは「プロダクトのためのプロダクト」なので、とある事業における一つの解である、という前提で読んでください。

今もまだ多くの課題を抱えたものではあり

もっとみる
企業ブランドとサービスブランドをつなぐ「らしさ」を継承するデザインシステム

企業ブランドとサービスブランドをつなぐ「らしさ」を継承するデザインシステム

こんにちは、株式会社LIFULLでLIFULL HOME'SのUI・UXデザイナーとして働くぼこと申します!
私がこの会社に入社して、ずっと関わり続けているものの一つに「デザインシステム開発」があります。
LIFULL企業ブランドのデザインガイドライン開発に2年、LIFULL HOME'Sサービスとしてのデザインガイドライン開発に4年、本業のかたわらで携わり続けてまいりました。また、LIFULL

もっとみる
Figmaのリファクタリングからはじめるデザインシステムの構築

Figmaのリファクタリングからはじめるデザインシステムの構築

こんにちは、GaudiyデザイナーのTORAJIRO(@jirosh1998)です。

『英単語アプリ mikan』の副業デザイナーとして、Figmaリファクタリング&デザインシステムの一歩目を構築した話を書こうと思います。

このnoteの最後に、今回作成した『mikan DesignSystem』のデータを公開していますので、ぜひご覧ください👋(mizoさんをはじめmikanのみなさん、具体

もっとみる
デザインシステム【アイコンライブラリ】〜一般公開の裏側〜

デザインシステム【アイコンライブラリ】〜一般公開の裏側〜

エクサウィザーズで開発しているアイコンライブラリを、MIT ライセンスで一般公開しました。個人、商用利用にかかわらず、どなたでもご使用いただけますので、ぜひご活用ください!

この記事では、アイコンライブラリを一般公開した目的や、社内で取り組んだことを紹介させていただきます。デザインシステムを公開しようと考えている方の参考になれば幸いです。

前回の「アイコンデザインルール設計」も、合わせてご覧く

もっとみる
デザインシステム【アイコンデザインルール設計】〜プロセス大解剖〜

デザインシステム【アイコンデザインルール設計】〜プロセス大解剖〜

エクサウィザーズでAIプロダクトのUI/UXデザイナーを担当している吉田です。前回はデザインシステムのアルゴリズムを活用したカラーパレット開発についてご紹介しました。今回はアイコンのデザインをどのように定義していったかのプロセスをご紹介します。

デザインシステムを開発する前の状態エクサウィザーズは 2016年に AI スタートアップ会社として起業してから、「AIを用いた社会課題解決を通じて幸せな

もっとみる
「デザインシステム」って何?新人WEBデザイナーがインターネットの海を泳いでみた

「デザインシステム」って何?新人WEBデザイナーがインターネットの海を泳いでみた

はじめまして!株式会社Rabeeの新人デザイナーのakaneと申します。
元々はWEBメディアの編集者をやっていましたが、昨年の秋に未経験からWEBデザイナー(UIデザイナー)に転職しました。

デザイナー歴4ヶ月。日々新鮮な気持ちで働いています💪

はじめにこの記事は、かけだしデザイナーの目線で「デザインシステムって何?」の疑問に向き合った記録です。

ちょっぴり長い記事ですが、私と同じような

もっとみる
デザインシステムの重要性を他部門の関係者に納得させる を考えてみる #3

デザインシステムの重要性を他部門の関係者に納得させる を考えてみる #3

こんにちは。
前回の投稿からだいぶ空いてしまいましたが、業務の合間を縫ってちくちくとエビデンスとなる情報を学習しております。今回は前回投稿したニールセンノーマングループでデザインシステムについて書かれているページがあったので、そこを学習し自分なりにまとめたので、まとめたJPEGをUPしたいと思います。英訳はかわらずDeepLとchatGPTを駆使してるのでおかしいところがあるとおもうのであしからず

もっとみる
デザイナーとエンジニアを巻き込んだワークフローの改善

デザイナーとエンジニアを巻き込んだワークフローの改善

「エンジニアリングに興味があるデザイナー、デザインに興味があるエンジニア Advent Calendar」20日目の記事です。

今年の5月から、社内でクライアントワークのチームから自社事業のチームに異動し、映画・ドラマ・アニメのレビューサービスのFilmarksで有料会員機能のPMを担当しています。
以前はUIデザインやアプリ開発、あるいはその中間的な仕事としてプロトタイプ開発やディレクションな

もっとみる
デザインシステムを開発の文化にしたことで専任チームを解散できた話

デザインシステムを開発の文化にしたことで専任チームを解散できた話

こんにちは。Uniposプロダクトデザイン責任者のmybです。

こちらの記事はSaaS Designアドベントカレンダー9日目の記事になります。遅刻して大変申し訳ありません!!!🎄

2021年のUIリニューアルをきっかけに、サブプロジェクトとして発足させたデザインシステムPJ。

もともとの目的がデザインシステムを開発の品質基盤にすることだったので、PJ発足時からチーム解散を一つの大きな目標

もっとみる
日本・海外のデザインシステム総まとめ【56事例+α】

日本・海外のデザインシステム総まとめ【56事例+α】

こんにちは!株式会社Rabeeの新人デザイナーのakaneです🏋

今日は、WEB上に公開されているデザインシステムをとにかくたくさん集めました。業種や規模、国内外の企業問わず、デザインシステム(スタイルガイドも含む)と名の付くものを、見つけられた範囲ですべて収集しています。

多数のデザインシステムの比較・検討をしたい際など、データベース的にお役立ていただけたら幸いです。

※以下の目次、異次

もっとみる