商品情報にスキップ
1 0
  • 発売日:2024/10/02
  • 出版社:技術評論社
  • ISBN/JAN:9784297144111

UIデザイン

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

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

株式会社ニジボックス
通常価格 2,750 円(税込)
通常価格 セール価格 2,500 円
セール 売り切れ
  • 発売日:2024/10/02
  • 出版社:技術評論社
  • ISBN/JAN:9784297144111
ネットストア在庫
    在庫△
    提携倉庫在庫あり
店舗受け取り(My店舗)
最大5店舗までご登録いただけます。
  • My店舗を登録いただくと、店舗お受け取りの在庫状況を確認することができます。 (受け取り可能店舗のみ)

各店在庫状況
商品説明
サービスやプロダクトのデザインをまとまりのあるものにするための「デザインシステム」の重要性が知られるようになった昨今ですが、有効なデザインシステムを作る流れや、実効的に運用・見直しを行っていくための知見はまだまとまっていない状況にあります。本書ではそのような「生きたデザインシステムを作り運用するためのノウハウ」を一気通貫で解説します。
目次
■第1章:デザインシステムとは
・理念とデザインシステムの関係性
・デザインシステムの構成要素
・公開されているさまざまなデザインシステム
・設計・導入から運用までの流れ

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

■第3章:デザインシステムを作る前に
・課題を洗い出す
・背景を定義する
・目的を定義する
・調査をもとにスコープを定義する
・企画書を仕上げる
・現場での合意を形成する

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

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

■第6章:デザインシステムの運用
・見直しと更新のタイミング
・ 更新を周知するしくみの整備
・デザインシステム運用の主体者
目次
■第1章:デザインシステムとは
・理念とデザインシステムの関係性
・デザインシステムの構成要素
・公開されているさまざまなデザインシステム
・設計・導入から運用までの流れ

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

■第3章:デザインシステムを作る前に
・課題を洗い出す
・背景を定義する
・目的を定義する
・調査をもとにスコープを定義する
・企画書を仕上げる
・現場での合意を形成する

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

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

■第6章:デザインシステムの運用
・見直しと更新のタイミング
・ 更新を周知するしくみの整備
・デザインシステム運用の主体者
詳細を表示する