これからはじめるFigmaの本(デザインの学校) [単行本]

これからはじめるFigmaの本(デザインの学校) の 商品概要

• 要旨（「BOOK」データベースより）

  Ｗｉｎｄｏｗｓ＆Ｍａｃ［対応］。一番やさしいＦｉｇｍａの入門書。

• 目次

  Chapter0　Figmaについて知ろう
  01　Figmaの特徴を確認しよう
  02　アカウントを登録しよう
  03　Figmaのインターフェースを確認しよう
  04　画面表示とモードを切り替えよう
  05　お手本ファイルをダウンロードしよう
  06　お手本ファイルを読み込もう
  
  Chapter1　ロゴを作ろう
  01　新規ファイルを作ろう
  02　フレームを作ろう
  03　角丸四角形を描こう
  04　半円を描こう
  05　オブジェクトを複製＆変形しよう
  06　曲線を描こう
  07　塗りと線を設定しよう
  08　文字を入力しよう
  09　グループ化して書き出そう
  
  Chapter2　バナーを作ろう
  01　ページを追加しよう
  02　バナーの背景にグラデーションを設定しよう
  03　ロゴを配置しよう
  04　直線を描こう
  05　バナーに文字を入力しよう
  06　フレームを画像として書き出そう
  
  Chapter3　レイアウトのベースを作ろう
  01　ページとフレームを作って準備しよう
  02　レイアウトガイドを設定しよう
  03　画像やボタンの場所を決めよう
  04　テキストボックスで文字を入力しよう
  
  Chapter4　パーツを作ってレイアウトしよう
  01　色のルールを色スタイルに登録しよう
  02　フォントのルールをスタイルに登録しよう
  03　ボタンを作ろう
  04　アイコンと大見出しを作ろう
  05　ヘッダーを作ろう
  06　ヘッダーのメニューが開いた状態を作ろう
  07　フッターのベースを作ろう
  08　お知らせエリアのベースを作ろう
  09　コンテンツカードのベースを作ろう
  
  Chapter5　トップページのデザインを完成させよう
  01　コンポーネントを複製して配置しよう
  02　フッターを完成させよう
  03　メイン画像エリアを作ろう
  04　お知らせとコンテンツカードを作ろう
  05　原稿を流し込もう
  06　データを調整しよう
  
  Chapter6　下層ページとプロトタイプを作ろう
  01　下層ページを作ろう
  02　ボタンにバリアントを設定しよう
  03　プロトタイプで画面どうしをつなごう
  04　インタラクションでハンバーガーメニューの開閉を設定しよう
  05　バリアントにコネクションの設定をしよう
  06　完成したプロトタイプを確認／共有しよう

• 内容紹介

  Figma（フィグマ）はUIデザインやモックアップ、プロトタイプの作成に便利なデザインプラットフォームです。FigmaはWeb版とアプリ版があり、無料版と有料版があります。本書は無料で使えるWeb版のFigmaを使用して、Webサイトのモックアップとプロトタイプ作成の手順を解説します。

• 著者紹介（「BOOK著者紹介情報」より）（本データはこの書籍が刊行された当時に掲載されていたものです）

  浅野 桜(アサノ サクラ)
  株式会社タガス代表・デザイナー。印刷会社、メーカーの販促・ＰＲ担当を経て（株）タガス設立。主に中小企業に向けたウェブ・グラフィックの企画制作業務に加え、教育機関や企業研修などの講師、書籍の執筆などをおこなっている

• 著者について

  浅野 桜 (アサノ サクラ)
  株式会社タガス代表・デザイナー。印刷会社、メーカーの販促・PR 担当を経て（株）タガス設立。主に中小企業に向けたウェブ・グラフィックの企画制作業務に加え、教育機関や企業研修などの講師、書籍の執筆などをおこなっている。asano@tagas.co.jp【主な著書】『Illustrator＆Photoshop 基本がしっかりわかる授業 作って学ぶデザイン』（SBクリエイティブ）『イラレの5 分ドリル』『フォトショの5 分ドリル（翔泳社）企画・共著『スマートWebデザイン　脱・自己流のデザイン＆データ作成術』（MdN）共著『はじめるデザイン―知識、センス、経験なしでもプロの考え方&テクニックが身に付く』（技術評論社）【講師・講演】洗足学園音楽大学 メディアアーツコース 非常勤講師東京デザインプレックス研究所 ウェブクリエイティブコース 講師ヒューマンアカデミー 講師（Photoshop,Illustrator,UIデザイン）

これからはじめるFigmaの本(デザインの学校) の商品スペック