【オンラインセミナー・Webセミナー】世界標準プロトタイピングツールFigmaで始めるUI/UXデザイン／MdN × Bau-yaの教室
【オンラインセミナー・Webセミナー】MdN × Bau-yaの教室
世界標準プロトタイピングツールFigmaで始めるUI/UXデザイン
2021年6月17日（木）開催、Webテクニカルライターのこもりまさあき氏が登壇するオンラインセミナー。プロトタイピングソフト「Figma」を早期から現場で使ってきたこもり氏に、Figmaの概要と特徴、実践的な基本操作、最先端のワークフローなどについて解説していただきます。
オンラインセミナーの詳細・予約申し込みはこちら
▼今回のオンラインセミナーで登壇する講師
フリーランス・こもりまさあき
1990年代前半に都内のDTP系デザイン会社にてアルバイトをはじめる。大学卒業後そのまま正社員となり、入出力業務、デザイン業務、ネットワーク関連業務に並行して従事。2001年会社を退職後フリーランス。案件ごとに業務内容などが異なるため、職域的な肩書きはなし。
近年はウェブ系の実務だけでなくコンサルティングなどの業務もおこなう。Instagramサービス開始当初から利用し、フォロワー数は3万人超。写真素材サイト「Unsplash」に公開している写真は2億ビューを超え、最も見られている500人に選ばれている。「Unsplash Awards 2018 テクスチャー部門」で選出リスト入り。「プロとして恥ずかしくない 新・WEBデザインの大原則（MdN刊）」監修ほか、「レスポンシブEメールデザイン マルチデバイス時代の魅せるメルマガの作り方(KADOKAWA/アスキー・メディアワークス刊）」をはじめ執筆多数。
▼以前開催したセミナー「スマホで簡単！5分で映える画像補正とSNS別施策テクニック」
https://www.mdn.co.jp/di/contents/4920/79035/
▼「世界標準プロトタイピングツールFigmaで始めるUI/UXデザイン」講座内容
【ポイント1】この講座で学べること
○Figmaのサービス構造
○Figmaの基本操作
○簡単な画面設計
○コードやファイルの書き出し操作
【ポイント2】この講座で得られること
○制作の効率化
○UI設計の考え方
○共同作業によるワークフローの理解
【ポイント3】こもりまさあき氏の執筆実績
○「プロとして恥ずかしくない 新・WEBデザインの大原則」監修
○「Webデザインの新しい教科書 基礎から覚える、深く理解できる。〈HTML5、CSS3、レスポンシブWebデザイン〉」（以上、すべてエムディエヌコーポレーション）など
Web構築の実務やコンサルティングのほか多数の書籍執筆など、Web関係のみにとどまらずさまざまな領域を縦横無尽で活躍する、こもりまさあき氏を招聘するオンラインセミナー。Figmaを早期から現場で使ってきたこもり氏に、Figmaの概要と特徴、実践的な基本操作、最先端のワークフローなどについて解説していただきます。
Webサイトやスマートフォンアプリの制作の現場で、UI/UXデザインや設計に「プロトタイピング」ツールを採用することはすっかり常識となりました。
「プロトタイピング」とは、実際の動きや遷移を表現して実体化した試作品（プロトタイプ）を使って検証や改修を繰り返す手法のこと。プロトタイプを作成することで、そのWebサイトやスマートフォンアプリに、どのような画面や機能をどのように搭載すべきなのか、また、UI/UXとしていかに使いやすくできるかなどを検証することができ、機能や仕様のさらなるブラッシュアップが可能になります。
プロトタイピングツールは多種多様なツールがありますが、Adobe社のAdobe XDと人気を二分している『Figma』は、世界中の多くの企業やUI/UXデザインの現場で採用されています。
2016年に登場したプロトタイピングソフトFigmaは、macOSとWindowsの両プラットフォームで制作できるほか、Webブラウザ上でも作業することが可能で、リアルタイムに複数メンバーでの共同作業も実現します。ワイヤフレームの設計やプロトタイプの制作、ビジュアルデザインのサンプルなど、それぞれの作業をシームレスに行うことができます。ほかにも、ファイルのバージョン管理や異なる会社／職種のメンバー間でのコミュニケーションもFigma上で可能なため、大幅な作業効率アップにつながることから導入する制作会社が増え続けているのです。
今回の講座で伝える内容は以下の通りです。
○Figmaの概要
○Figmaでできること
○Figmaのサービス構造
○Figmaの画面構成
○Figmaの基本操作
○Figmaで簡単なUIを作ってみよう
○ファイルの読み込み・書き出し
これからUI/UXデザインを始める初心者の方、プロトタイピングツールをはじめて使うクリエーターの方、プロトタイプをWeb制作の仕事に活かしたい方にとって、Figmaの全体像と基本操作をしっかりと学べる基礎講座です。実際にFigmaを使ってシンプルなUIを制作し実際にツールを試して、その操作性を実感しするといった、UI/UXの実装に至るプロセスを体験します。本講座をひととおり受講してFigmaの基本を理解することで、Figmaを実践的に使うための準備が整うことでしょう。
また、本講座とは別に、こもり氏による「Figmaの実践編」の講座も近々に開催予定。本講座をきっかけにして、次世代プロトタイピングツール「Figma」の素晴らしい世界に足を踏み入れてください。
▼DATA
登壇者：こもりまさあき
日程：2021年6月17日（木）19:30〜21:30
予約締め切り日時：2021年6月16日（水）19:30
参加費：1名4,800円（税込）
※講座開催後から1週間のフォロー期間中に、講座本編を収録した動画の視聴や、グループメッセージを利用したご質問が可能です。
オンラインセミナーの詳細・予約申し込みはこちら
世界標準プロトタイピングツールFigmaで始めるUI/UXデザイン
2021年6月17日（木）開催、Webテクニカルライターのこもりまさあき氏が登壇するオンラインセミナー。プロトタイピングソフト「Figma」を早期から現場で使ってきたこもり氏に、Figmaの概要と特徴、実践的な基本操作、最先端のワークフローなどについて解説していただきます。▼今回のオンラインセミナーで登壇する講師
フリーランス・こもりまさあき1990年代前半に都内のDTP系デザイン会社にてアルバイトをはじめる。大学卒業後そのまま正社員となり、入出力業務、デザイン業務、ネットワーク関連業務に並行して従事。2001年会社を退職後フリーランス。案件ごとに業務内容などが異なるため、職域的な肩書きはなし。
近年はウェブ系の実務だけでなくコンサルティングなどの業務もおこなう。Instagramサービス開始当初から利用し、フォロワー数は3万人超。写真素材サイト「Unsplash」に公開している写真は2億ビューを超え、最も見られている500人に選ばれている。「Unsplash Awards 2018 テクスチャー部門」で選出リスト入り。「プロとして恥ずかしくない 新・WEBデザインの大原則（MdN刊）」監修ほか、「レスポンシブEメールデザイン マルチデバイス時代の魅せるメルマガの作り方(KADOKAWA/アスキー・メディアワークス刊）」をはじめ執筆多数。
▼以前開催したセミナー「スマホで簡単！5分で映える画像補正とSNS別施策テクニック」
https://www.mdn.co.jp/di/contents/4920/79035/
▼「世界標準プロトタイピングツールFigmaで始めるUI/UXデザイン」講座内容
【ポイント1】この講座で学べること
○Figmaのサービス構造
○Figmaの基本操作
○簡単な画面設計
○コードやファイルの書き出し操作
【ポイント2】この講座で得られること
○制作の効率化
○UI設計の考え方
○共同作業によるワークフローの理解
【ポイント3】こもりまさあき氏の執筆実績
○「プロとして恥ずかしくない 新・WEBデザインの大原則」監修
○「Webデザインの新しい教科書 基礎から覚える、深く理解できる。〈HTML5、CSS3、レスポンシブWebデザイン〉」（以上、すべてエムディエヌコーポレーション）など
Web構築の実務やコンサルティングのほか多数の書籍執筆など、Web関係のみにとどまらずさまざまな領域を縦横無尽で活躍する、こもりまさあき氏を招聘するオンラインセミナー。Figmaを早期から現場で使ってきたこもり氏に、Figmaの概要と特徴、実践的な基本操作、最先端のワークフローなどについて解説していただきます。
Webサイトやスマートフォンアプリの制作の現場で、UI/UXデザインや設計に「プロトタイピング」ツールを採用することはすっかり常識となりました。
「プロトタイピング」とは、実際の動きや遷移を表現して実体化した試作品（プロトタイプ）を使って検証や改修を繰り返す手法のこと。プロトタイプを作成することで、そのWebサイトやスマートフォンアプリに、どのような画面や機能をどのように搭載すべきなのか、また、UI/UXとしていかに使いやすくできるかなどを検証することができ、機能や仕様のさらなるブラッシュアップが可能になります。
プロトタイピングツールは多種多様なツールがありますが、Adobe社のAdobe XDと人気を二分している『Figma』は、世界中の多くの企業やUI/UXデザインの現場で採用されています。
2016年に登場したプロトタイピングソフトFigmaは、macOSとWindowsの両プラットフォームで制作できるほか、Webブラウザ上でも作業することが可能で、リアルタイムに複数メンバーでの共同作業も実現します。ワイヤフレームの設計やプロトタイプの制作、ビジュアルデザインのサンプルなど、それぞれの作業をシームレスに行うことができます。ほかにも、ファイルのバージョン管理や異なる会社／職種のメンバー間でのコミュニケーションもFigma上で可能なため、大幅な作業効率アップにつながることから導入する制作会社が増え続けているのです。
今回の講座で伝える内容は以下の通りです。
○Figmaの概要
○Figmaでできること
○Figmaのサービス構造
○Figmaの画面構成
○Figmaの基本操作
○Figmaで簡単なUIを作ってみよう
○ファイルの読み込み・書き出し
これからUI/UXデザインを始める初心者の方、プロトタイピングツールをはじめて使うクリエーターの方、プロトタイプをWeb制作の仕事に活かしたい方にとって、Figmaの全体像と基本操作をしっかりと学べる基礎講座です。実際にFigmaを使ってシンプルなUIを制作し実際にツールを試して、その操作性を実感しするといった、UI/UXの実装に至るプロセスを体験します。本講座をひととおり受講してFigmaの基本を理解することで、Figmaを実践的に使うための準備が整うことでしょう。
また、本講座とは別に、こもり氏による「Figmaの実践編」の講座も近々に開催予定。本講座をきっかけにして、次世代プロトタイピングツール「Figma」の素晴らしい世界に足を踏み入れてください。
▼DATA
登壇者：こもりまさあき
日程：2021年6月17日（木）19:30〜21:30
予約締め切り日時：2021年6月16日（水）19:30
参加費：1名4,800円（税込）
※講座開催後から1週間のフォロー期間中に、講座本編を収録した動画の視聴や、グループメッセージを利用したご質問が可能です。
オンラインセミナーの詳細・予約申し込みはこちら
