翔泳社の公式通販SEshopは全国送料無料!
ヘルプ 新規会員登録 ログイン
SEshop

Figma for デザインシステム デザインを中心としたプロダクト開発の仕組み作り【紙+PDFセット】 新発売

沢田 俊介(著)

商品番号
SESET202341
販売状態
発売中
納品形態
宅配便にてお届け
発売日
2024年04月05日
キーワード
デザイン  電子書籍【PDF版】  UI・UX  Figma  Web

6,160円(税込)(本体5,600円+税10%)
送料無料

1,680pt (30%)
ポイントの使い方はこちら

在庫あり

初回購入から使えるポイント500円分プレゼント

紙書籍のみはこちら PDF版のみはこちら

※1点の税込金額となります。 複数の商品をご購入いただいた場合のお支払金額は、 単品の税込金額の合計額とは異なる場合がございますので、予めご了承ください。

  • 本商品は紙の書籍とPDF版電子書籍のセット商品です。
  • ご購入いただいたPDFには、購入者のメールアドレス、および翔泳社独自の著作権情報が埋め込まれます。
    PDFに埋め込まれるメールアドレスは、ご注文時にログインいただいたアドレスとなります。
    Amazon Payでのお支払いの場合はAmazonアカウントのメールアドレスが埋め込まれます。
  • 本製品を無断で複製、転載、譲渡、共有および販売を行った場合、法律により罰せられる可能性がございます。
  • ご購入の前に必ずこちらをお読みください。

商品概要

本商品は紙の書籍とPDF版電子書籍のセット商品です。 PDF版の内容は、書籍版と同じです。

UIデザイナーとして一歩先に行くために

本書はFigmaを使ったデザインシステムの構築方法が学べるチュートリアルです。「デザインシステムとは何か」から始まり、実践を通して「どのように作るのか」を学べます。具体的な作例を用いて段階的に構築していくので、「デザインシステムに興味があるけど何から始めてよいかわからない」といった方や、Figmaの初歩的な操作方法を理解している方のステップアップとしても最適です。「デザインシステムはまだ必要ない」という方でも、本書で解説する機能を使いこなせば、既存のデザインプロセスを改善できるはずです。

●本書の目的
1.プロダクト開発全体を効率化し、エンドユーザーへの価値提供に集中する大規模なプロダクトで素早く改善サイクルを回す
2.デザインの一貫性、拡張性、保守性を向上させる
3.開発チームのコラボレーションを強化する

〈こんな人のための本です〉
・Webデザイナー
・UI/UXデザイナー
・サービスやプロダクトの開発者

〈目次〉
Chapter 1:デザインシステムを知る
Chapter 2:プロフェッショナルなFigma
Chapter 3:デザインシステムをはじめる
Chapter 4:デザイントークン
Chapter 5:タイポグラフィ
Chapter 6:デザインシステムの拡充
Chapter 7:パターンライブラリ
Chapter 8:実装コードとの連携

商品の発送、データのダウンロードについて

書籍版は、ご注文日当日もしくは翌営業日に、ヤマト運輸の宅急便で発送いたします。
PDF版は、会員メニューからダウンロードしてご利用ください。ご注文確定後、ダウンロードが可能な状態になりましたら、「発送のご連絡」という件名のメールをお送りいたしますので、記載のURLからSEshopにログインしてダウンロードしてください。

商品のダウンロード方法

  1. ご購入後、SEshopにログインし、会員メニューに進みます。
  2. ご購入電子書籍およびデータ > [ご購入電子書籍およびダウンロードデータ一覧]をクリックします。
  3. 購入済みの商品タイトルが表示されますので、リンクをクリックしてダウンロードしてください。

Chapter 1:デザインシステムを知る
1-1. デザインシステムとは
1-2. デザインシステムとFigma
1-3. デザインシステムの始め方
Chapter 2:プロフェッショナルなFigma
2-1. 学習の準備
2-2. オートレイアウト
2-3. コンポーネント
2-4. バリアブル
2-5. 開発モード
Chapter 3:デザインシステムをはじめる
3-1. ファイル構成
3-2. チームライブラリ
3-3. カラーパレット
3-4. アクセシビリティ
Chapter 4:デザイントークン
4-1. デザイントークンを定義する
4-2. セマンティックカラー
4-3. デザイントークンを使う
4-4. モードの切り替え
Chapter 5:タイポグラフィ
5-1. 書体とスケール
5-2. 行間と文字間隔
5-3. タイポグラフィのデザイントークン
Chapter 6:デザインシステムの拡充
6-1: イコノグラフィ
6-2: エレベーション
6-3. そのほかのスタイル
6-4. ルールを適用する
Chapter 7:パターンライブラリ
7-1. レイアウトのルール
7-2. 画面サイズ別のレイアウト
7-3. コンポーネント
7-4: ドキュメント
Chapter 8:実装コードとの連携
8-1. デザイントークンの連携
8-2. Storybook

各種問い合わせは以下のリンクからご連絡ください

関連商品

おすすめ特集

プログラミング入門書大特集

翔泳社のプログラミング書籍の中から、入門・初級者向けの書籍をピックアップ!

Linuxおすすめ本特集

【Linux本特集】入門~達人レベルまで!クラウド時代の必須知識Linuxを学ぶおすすめの本

ライティングおすすめ本

ライティングのスキルアップにおすすめの本。Webライティングやコピーライティングなど

マネー本特集

お金と経済の基礎知識から、資産形成・投資術、お金教育や介護まで。暮らしに役立つマネー本

インテリア本特集

おしゃれな部屋作りのヒントやインテリアの基礎知識、色使い、うつわや洋食器の知識まで、幅広い書籍をご紹介

事務職におすすめの本

Excel、日商簿記、業務の自動化を実現するRPAやPythonの技術など、事務職としてステップアップしたい人に!

特集をもっと見る