つくって、みなおす、デザインシステム
——現場での合意形成から設計、運用まで

[表紙]つくって、みなおす、デザインシステム——現場での合意形成から設計、運用まで

紙版発売

A5判/192ページ

定価2,750円(本体2,500円+税10%)

ISBN 978-4-297-14411-1

電子版

→学校・法人一括購入ご検討の皆様へ

書籍の概要

この本の概要

サービスやプロダクトのデザインをまとまりのあるものにするための「デザインシステム」の重要性が知られるようになった昨今ですが,有効なデザインシステムを作る流れや,実効的に運用・見直しを行っていくための知見はまだまとまっていない状況にあります。本書ではそのような「生きたデザインシステムを作り運用するためのノウハウ」を一気通貫で解説します。

こんな方におすすめ

  • デザインシステムに興味のある方
  • 特に,デザインシステムの導入・運用を検討しているがどのように進めていけばよいかのイメージがわかない現場のデザイナーやエンジニア

この書籍に関連する記事があります!

はじめに

目次

第1章:デザインシステムとは

  • 理念とデザインシステムの関係性
  • デザインシステムの構成要素
  • 公開されているさまざまなデザインシステム
  • 設計・導入から運用までの流れ

第2章:デザインシステムが必要なとき

  • デザインシステムの導入で期待できること
  • デザインシステムの展開・運用の難しさ
  • あなたの現場にデザインシステムは必要?
  • デザインシステムをどこまで作り込む?

第3章:デザインシステムを作る前に

  • 課題を洗い出す
  • 背景を定義する
  • 目的を定義する
  • 調査をもとにスコープを定義する
  • 企画書を仕上げる
  • 現場での合意を形成する

第4章:デザインシステムの設計

  • 現状を把握する
  • デザインシステムの方針を検討する
  • デザインシステムのどこから始める?
  • デザイントークンを定義する
  • スタイルガイドを整理する
  • カラー
  • タイポグラフィ
  • アイコン
  • 余白
  • コンポーネントライブラリの設計
  • ユーザー行動に関わる体験の設計
  • ブランドイメージに関わる部分の設計
  • 堅牢さと柔軟さ,どちらを優先する?

第5章:デザインシステムの導入

  • Figmaとデザインシステムの相性
  • Figmaの構造
  • ライブラリ構築に活かせる基本的なFigmaの機能
  • Figmaのアップデートと新機能について
  • Figmaの機能を活かしたわかりやすいガイドライン作り
  • エンジニアとスムーズに連携するためにできること

第6章:デザインシステムの運用

  • 見直しと更新のタイミング
  • 更新を周知するしくみの整備
  • デザインシステム運用の主体者

著者プロフィール

株式会社ニジボックス(かぶしきがいしゃにじぼっくす)

ニジボックス は「Grow all」を合言葉に,企業やサービスの成長に向き合い続けるリクルートグループのデザイン会社です。「本質をつかむ創造を 期待を超える共創を」私たちはこの言葉を企業のVisionとしています。クライアントのサービスに向き合いつづけ,その先にいるカスタマーの本質的なニーズをとらえること。期待を大きく超える新たな価値を共に創り出すこと。皆さまがサービスの成長を志したときに,真っ先にニジボックスを思い浮かべていただけることを目指しています。