これからはじめるFigma Web・UIデザイン入門|Tech Book Zone Manatee

マナティ

試し読み
9784839980313.jpg

購入形態

PDF
2,904円
数量:

カートに追加されました。カートを見る

カートに入れる
紙の本を買う

これからはじめるFigma Web・UIデザイン入門

マイナビ出版

新刊『作って学ぶ WordPress ブロックテーマ』
が期間限定30%OFF!

Figmaでのデザイン制作のながれを学べる1冊!

Figmaでのデザイン制作のながれを学べる1冊!

■本書の特徴
・日本語化対応
操作画面および解説も日本語化に対応しているため、これからFigmaをはじめる人も安心です。

・4つの作例で学べる
ポートフォリオサイト、コーポレートサイト、ECサイト、レシピアプリ、4つの作例を本書では収録しています。

・デザイン制作のながれがつかめる
それぞれの作例に求められる調査や情報整理、フレームの用意やスタイル、プロトタイプの作成方法もご紹介します。

■Figmaとは
Figma(フィグマ)は、デザインプロセスのすべての人をつなぎ、チームがより良いデジタルプロダクトをより速く提供できるようにするためのデザインコラボレーションツールです。
『すべての人がデザインを利用できるようにする』というビジョンのもと、2012年にアメリカのサンフランシスコで誕生しました。現在は世界中で多くのユーザーに支持され、日本でもユーザー数が伸びています。
シンプルな操作性や軽快な動作、強力な共同編集をはじめとした特徴をもつFigmaは、Webサイトやアプリケーションをデザインするデザイナーだけでなく、さまざまな職種のメンバーとコラボレーションすることで、プロジェクトや制作フローの改善においても活躍してくれます。世界中の人々が利用し、アップデートが活発なツールでもあるため、ぜひ一度Figmaを使ってその魅力に触れてみてください。

■本書の特徴
・日本語化対応
2022年7月29日にリリースされた日本語化に対応しました!操作画面および解説も日本語化に対応しているため、これからFigmaをはじめる人も安心です。

・4つの作例で学べる
ポートフォリオサイト、コーポレートサイト、ECサイト、レシピアプリ、4つの作例を本書では収録しています。それぞれの作例のデータもダウンロードできるようにしています。ハンズオンで自分の手を動かしながらFigmaの操作方法を学べます。

・デザイン制作のながれがつかめる
4つの作例を通じて、Figmaを使ったデザイン制作のながれをつかめます。それぞれの作例に求められる調査や情報整理、フレームの用意やスタイル、プロトタイプの作成方法もご紹介します。

発売日:2022-09-26

ページ数:256ページ

目次

第1章 準備編 Figmaの準備と基本機能
 1-1 アカウント作成と初期設定
 1-2 ファイルブラウザ
 1-3 Figmaのチーム・プロジェクト・ファイル
 1-4 インターフェイス
 1-5 デザインタブの各パネルの使い方
 1-6 コンポーネント・オートレイアウト・スタイル
 1-7 30分でできるサムネイル制作
 1-8 Figmaコミュニティ
 1-9 Figma公式リソース


第2章 実践編 Figmaで実践するWebデザイン制作体験
 2-1 ポートフォリオサイトのデザイン作成
 2-2 ファイルの準備
 2-3 色スタイルの作成
 2-4 テキストスタイルの登録
 2-5 ボタンのコンポーネントの作成
 2-6 グローバルナビゲーションの作成
 2-7 フレームの作成
 2-8 ファーストビューの作成
 2-9 Service(サービス)セクションの作成
 2-10 Works(制作実績)セクションの作成
 2-11 About(私について)セクションの作成
 2-12 フッターの作成
 2-13 全体の余白を調整する

第3章 応用編 3つの作例から学ぶデザイン制作のながれ
 3-1 3つの作例概要
 3-2 コーポレートサイト
 3-3 インテリアECサイト
 3-4 レシピアプリ

第4章 活用編 チームでのFigma活用とペアデザイン
 4-1 チーム制作に向いているFigmaの特徴
 4-2 チームで利用できるFigmaの5つの便利な機能
 4-3 Figmaを使ったペアデザイン
 4-4 職種を越えたコラボレーション
 4-5 便利なツール連携

著者プロフィール

  • 阿部 文人(著者)

    阿部 文人(あべ ふみと)
    株式会社necco CEO /クリエイティブディレクター/デザインエンジニア
    東京都出身。音楽活動や多種多様なアルバイト、家電販売、不動産営業、シェアオフィスとホテル事業の自社ブランディング・ウェブマーケティングに従事。その後デザイン・ウェブ制作会社にてWordPressサイトを多数構築。2016年10月株式会社neccoを設立。neccoではクリエイティブディレクター・デザインエンジニアとしてお客さまとデザイン、エンジニアリングをつなぐ役をしている。 2匹の猫と同居。好きなものは建築と写真、音楽制作、サウナ、伊勢うどん、Jamstack、WebGL。
    Twitter/Facebook:@abefumito

  • 今 聖菜(著者)

    今 聖菜(こん せいな)
    株式会社necco デザイナー/グラフィックデザイナー
    秋田県出身。 秋田公立美術短期大学でデザインを学び、企業ブランディング、商品パッケージ、販促ツール、書籍、ウェブなど商業デザイン全般に従事。イラストレーションを用いたデザインを得意としている。2016年10月よりneccoに参画。グッとくる芯のあるデザインを作るべく日々奮闘中。 好きなものは、犬、猫、デザイン、洋服、アイドル、いくら、ちいさいもの。
    Twitter:@KonSeina

  • 田口 冬菜(著者)

    田口 冬菜(たぐち ふゆな)
    株式会社necco デザイナー / モーションデザイナー
    三重県出身。2019年に理学療法士からデザイナーに転職、勢いで上京。都内のデザイン会社1社を経て2020年から株式会社neccoに参画。デザイナー・モーションデザイナーとしてFigma、After Effectsに日々お世話になっている。好きなものはカヌレ、コーヒー、犬、本、インテリア。なんでもやってみることを大切にしている。いまが1番たのしいを更新しつづけたい。
    Twitter / Instagram:@fuyuna_design

  • 中川 小雪(著者)

    中川 小雪(なかがわ こゆき)
    株式会社necco デザイナー / UIデザイナー
    神奈川県出身。中央大学で社会学を学び、2019年10月からneccoでデザイン業務のインターンを開始。2020年4月にアシスタントデザイナーとして入社。現在はデザイナー / UIデザイナーとして、ウェブサイト・UIデザインを中心に担当している。小籠包と餃子と茄子の揚げ浸しと桃のパフェが大好物。旅・写真・サウナ・アイドルが好き。
    Twitter:@necco_nakagawa

新刊『作って学ぶ WordPress ブロックテーマ』
が期間限定30%OFF!