こんにちは。GIGのメディア事業に携わっている鈴木（りなち）です。

私は現在、デザインシステムについて勉強中なのですが、何から学んだらいいんだろう……と悩んでいます。

デザインシステムに関する本や情報をいくつか探してみたのですが、世のなかには無数のデザインシステム関連書籍や情報があります。結局どれを選んだらよいのかわからない……。

そこでGIGのデザインチームのマネージャーとして、デザインシステム設計から運用まで行う小林新さんに、デザインシステムについて学べるおすすめの書籍や情報を教えてもらいました！

小林 新（こばやしあらた）：クリエイティブ事業部 部長。武蔵野美術大学を卒業後、Web制作会社数社でUNIQLO、慶應義塾大学などのサイトデザインを担当。2017年よりGIGにジョインし、アートディレクターを経て現在はチームマネジメントを務める。

「そもそもデザインシステムとはなんぞや？」という方は、以下の記事をご覧ください。

関連記事：デザインシステムとは何か？ GIGのデザインチームマネージャーが解説

1. 『Design Systems ―デジタルプロダクトのためのデザインシステム実践ガイド』（著：アラ・コルマトヴァ）

この本の概要

この本は、デジタルプロダクト制作のアプローチである「デザインシステム」について、著者自身の経験と、Airbnb、Atlassian、Eurostar、Sipgate、TEDといった規模の異なる5社への調査から得られた、効果的な構築&運用の方法をまとめたもの。

（引用：Amazon ）

基本編と応用編の2部で構成されています。

基本編ではデザインシステムの概念について、応用編では実際にデザインシステムを作成するときのプロセスについて記述されています。　　

この本で学べること

「デザインシステムとは」「デザインシステムはどうあるべきか」など、デザインシステムの根本を学べます。

デザインシステムという言葉の認知が広まったのは、ここ5年ほどのこと。

ブランドイメージを一貫性高く見せるためであったり、デザインや開発の運用コスト削減のためにも、企業の間でニーズが広く理解されるようになりました。

ただし、各企業が公開しているデザインシステムを除くと、しっかり解説された書籍や情報はあまり見当たらない状態でした。

この本では、デザインシステムについてその定義から実践まで深く学ぶことができます。

こんな人におすすめ！

UIに関わる人全員におすすめできます。

デザインシステムはデザイナーだけでなく、エンジニア、情報設計者、フロントエンドエンジニアにも関わるものであるため、幅広い人におすすめしたいです。

ただ、これからデザインを始めるような初心者の方には、少し難しい内容かもしれません。UIデザインを一通り理解している人や、既に現場でUIデザインに携わっている人におすすめですね。

『Design Systems ―デジタルプロダクトのためのデザインシステム実践ガイド』（著：アラ・コルマトヴァ）

2.『グリッドシステム　グラフィックデザインのために』（著：ヨゼフ ミューラー=ブロックマン）

グリッドシステムの方法とその思想を、古代から現代へと至るヴィジュアルコミュニケーションの歴史的視野のもと、豊富な具体例を交えてわかりやすく紐解いた、現代グラフィックデザインの基本書。

（引用：Amazon ）

スイスのグラフィックデザイナーであるヨゼフ ミューラー=ブロックマンの本。1981年に刊行された、歴史ある書籍です。

本書では、デザインシステムについてではなく、グリッドについて記述されています。

デザインシステムを学ぶために、なぜこの本がおすすめか。それはWebデザインやUIデザインのベースには、グラフィックデザインの考え方があるからです。

グリッドは、グラフィックデザインだけでなく、デザインシステムといった幅広い概念のなかでパーツやレイアウトを定義するときにも使います。

デザインシステムの基礎といえるグリッドについて書かれている本書は、どんな人からもおすすめされる古典的書籍。デザインの基礎として間違いありません。

この本で学べること

グリッドの引き方、タイポグラフィの置き方など、デザインの基礎を学べます。

グラフィックデザインの分野では、本書で学んだ基礎知識をそのまま作業に活かすことができます。しかしUIデザインの分野では、そのまま作業に生かすことは難しいでしょう。

本書で教えられているルールや哲学を元に再解釈をすれば、UIデザインの現場で生かせます。

こんな人におすすめ！

グラフィックやUIに限らず、すべてのデザイナーにおすすめです。

直感的にわかりやすい本書は、初心者にとっては入りやすく、上級者にとっても理解を深められる一冊。

デザインに迷ったとき、初心に立ち返るために読むとよいでしょう。

『グリッドシステム　グラフィックデザインのために』（著：ヨゼフ ミューラー=ブロックマン）

3. Google社・Apple社のデザインシステム

鈴木 里菜（りなち）

GIGのメディア事業部でインターンとして働くライター/編集者。フリーランスの生活やWeb制作に役立つ記事を執筆中。なんでもかんでも苺味を好みます。