ライトノベル、マンガなど電子書籍を読むならBOOK☆WALKER

「だれでも・効率よく・迷わずに。」を実現するデザインシステムの作り方

「デザインシステム」は、デジタルプロダクト開発においてその必要性や役割を言及されることが多い概念で、プロダクトを提供するためのプロダクト、またはインフラとも呼ばれ、日本の企業・組織でも導入が進んでいます。一般的には、「デザインの再現性を高め、一貫した製品体験を効率よく表現すること」を目的に導入される「ドキュメントやリソース群のこと」と説明されます。

プロダクトの重要性が増すにつれ、プロダクトが示す領域も広がり、デザインシステムが取り扱う範囲も広がってきています。見た目のデザインやUIに関するルール・ナレッジだけでなく、ブランドパーソナリティや文章の表現など、ユーザーとのありとあらゆる接点を網羅し体系化する必要が出てきているともいえるでしょう。

しかし、デザインシステムには決まった在り方がなく、組織の数だけ、その目的の数だけ形を変えます。公開されている個別のデザインシステムを見ても、今の自分たちに必要なのか、作れるのか、そして運用できるのか、疑問は尽きないでしょう。

本書は、人事・労務領域の業務アプリケーションSaaSを提供しているSmartHRのデザインシステムの立ち上げ前から、現在までの取り組みをケースとして扱いながら、デザインシステムの構想・構築・運用について、一般論を含めて解説します。まずはなにもわからなくても大丈夫。デザインシステムを始める目的と、最初に手をつけるべきコンテンツを考えるところからスタートしましょう。

パソコンやスマートフォンなどで文字がどのように表示されているのか、スクリーン（画面）上のタイポグラフィを考えるための書籍です。9 名の執筆者がそれぞれのテーマで論説をまとめ、文字の扱い方が特徴的なWebサイトの事例約80 例を紹介。オンスクリーンで読みやすい本文組みやフォント、印刷物とWebの本文組みの違い、アクセシビリティ、文字組みやWebフォントの技術的変遷など、それぞれの観点からオンスクリーンのタイポグラフィについて論じています。これからますます重要になるオンスクリーンでの文字の見せ方について理解を深めるための一冊です（本書は、2018 年10 月にBNNより発売された書籍『【新版】UI GRAPHICS』のシリーズ書籍として制作されています）。