マガジンのカバー画像

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

103
本
デザインシステムの知見をまとめていくマガジンです。noteではプロダクトデザイナーを募集しています→https://open.talentio.com/r/1/c/note/pa…
運営しているクリエイター

社会インフラを支える東芝のデザインシステム

こんにちは。UIデザインチームの松島です。 最近「デザインシステム」という言葉を良く聞くようになりました。 私達もその有用性を感じて、TOSHIBA SPINEXデザインシステムを2020年から運用しています。（TOSHIBA SPINEXについてはこちらをご覧ください。） 今回は、私達が「デザインシステム」を試行錯誤しながら作ってきたお話をします。 1. デザインシステムとは デザインシステムとは、サービスアプリの一貫した使用体験を効率的に実現するために、色彩計画やレ

東芝 UIデザイン

noteのイラストが新しくなりました！イラストリニューアルの裏側

こんにちは。noteでイラストレーターをしているKimです。 2022年11月頃に、イラストをリニューアルすることが決まり、動き出してまるまる半年。 この記事では、新しいnoteのイラストには、どのような思いが込められているのか、「noteらしさ」をイラストで表現する過程でどんな課題と向き合い、どのように乗り越えてきたのか、制作の裏側をオープン社内報として公開します。 オープン社内報とは？ 一般的には社員しか見ることのできない「社内報」をだれでも見られるように公開するこ

taeyeonkim

デザインシステムでアニメーションを気軽に導入！

こんにちは、kenjowです。 クックパッドのデザイン推進部デザイン基盤グループという、デザインシステムの管理運用などを行っている組織でデザイナーをしています。 さて、今年3月にクックパッドのアプリ内で表示されるloadingアニメーションのデザインをリニューアルしました！ このようにレシピ検索中などの画面表示時に表示されます。また、以下3種類のアニメーションがランダムで表示されるようになっています。 今回はこのloadingアニメーションのリニューアルがどのような取り

kchil.design

Renameからはじまる

最近ではどのようなデジタルプロダクトでもデザインシステムは欠かせなくなってきています。しかし、UIデザイナーがひとりしかいない、またはひとりもいないチームも少なくありません。 そこで、もっともちいさくデザインシステムをはじめる方法と、どうしてそのように考えたのかについて書きました。 デザインシステムとはなにかデザインシステムとは、カラーやタイポグラフィ、レイアウト、パーツなどのUIコンポーネントを分類し、それらの役割やバリエーション、使用上のルールを定義したフレームワークの

yumemi