資料の紹介

 優れたユーザーインターフェース(UI)には優れたデザインが必要だ。デザインとは言葉を使わない視覚的な言語といえる。色や形が持つ意味について、UI全体を通して統一することで、製品やサービスの使い勝手は格段に良くなる。適切にデザインされた優れたUIを設計することで、優れたユーザー体験(UX)を提供できる。

 こうしたUIを設計する際に役立つのが「デザインシステム」だ。デザインシステムを使うことで、デザイナーは一貫性のあるコンポーネントを再利用できるようになる。その結果、製品・サービスのUI全体の一貫性を確保しやすくなる。しかし、デザインシステムの力を十分に引き出すためには、それを効果的に構築し、実装する方法を理解する必要がある。

 本資料では、デザインシステムを構築するプロセスを、実際の手順に沿って解説する。まず、「なぜデザインシステムを構築するのか」「どのような問題を解決したいのか」を整理する。その上で、色彩やタイポグラフィー、アイコンなど、ベースとなる必須のビジュアルおよび機能的要素を定義し、一貫したデザイン言語を作り出す。こうしたステップを説明する。

この先は日経クロステック Active会員の登録が必要です

日経クロステック Activeは、IT/製造/建設各分野にかかわる企業向け製品・サービスについて、選択や導入を支援する情報サイトです。製品・サービス情報、導入事例などのコンテンツを多数掲載しています。初めてご覧になる際には、会員登録(無料)をお願いいたします。