デザインシステム、パターンライブラリ、スタイルガイドそれぞれの定義と違い
ZackはUXPinのUXデザインライターです。彼の仕事はUX Magやawwwards、 Speckyboyで出版されています。 デザインシステム、パターンライブラリ、スタイルガイドという言葉が、同じような意味で使われていることがあります。 これら３つのコンセプトには繋がりはあれども、決して同じものではありません。 この記事では、定義を明確にして、それらがどのように繋がっているかを視覚化します。そしてデザインシステムを構築するための、主なガイドラインについて紹介します。 デザインシステムの定義 まず直接の定義を理解しましょう。そうすることで、これらの概念がどのように繋がっているかを学び、より良い製品作りに活用する方法を考えることができます。 デザインシステム―デザインの基準やドキュメント、原則、および基準を達成するためのUIパターンやコードコンポーネントなどのツールキットを、すべて含んだ
デザインシステムの資料を作る時に参考にしたリンクまとめ | よりデザイン
この記事は何？ DMMさんで「Atomic Design & Design Systems」をお話させて頂いた時に、自分が読んだ記事をまとめたものになります（いちおう全部目は通してる…ハズ）。デザインシステムについて書かれている記事ってまだまだ少ないのですが、情報源自体もまとまってないんですよね。実際、自分が↑の資料を作る時はほぼ手探り状態でした。 この記事がデザインシステムについてこれから学ぼうと思われている方の力に少しでもなれたら幸いです。例によって海外記事は僕の認識違いが起きている可能性があるので、「これそういう記事じゃないから！」というツッコミがあればぜひお願いします。 （追記：記事執筆後も参考資料が増えてきたため、資料作成時に限らず参考にできるものを追加しています） まずデザインシステムについて学びたい時は Design Systems Handbook InVisionが作成し
デザインシステムが明文化する、拡張可能なWebサイトの骨格とは？事例もあり！ - Workship MAGAZINE(ワークシップマガジン)
同じ目標に向けてだれかとデザインを共有したい場合に、目で見てすぐに伝わるようなものが用意されていると便利ですよね。 デザインの共有を行いたいとき、デザインルールを明示化する方法があります。今回は「デザインルールの共有」をするデザインシステムについて書きました。 デザインシステム（Design System）を構成するもの デザインシステムとは、デザインのガイドラインとしてデザインの調和を高めるためのルールです。デザインガイドラインと異なるポイントは、より広範囲に影響を及ぼすところ。デザインチームの中でのみ機能するものではなく、チームをまたいで相互依存する標準化されたプラットフォームとして機能するガイドラインです。 たとえ、異なるチームが見てもどのようにデザインをすれば一貫性を保てるのか、要件はなにかを理解できるようにまとめられている必要があります。このガイドは、さまざまな企業や人に見られる
Nathan Curtis – Medium
How to discuss and describe a design system’s biggest changes
Discover Design Better
Bring design and development closer together to improve collaboration, reduce friction, and innovate faster. Get the book Best practices for better design Design Better provides unprecedented access to the insights that power the world’s best design teams.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Rebrand 2018 | Case studies | Design at Uber