【最新版】FigmaでレスポンシブWEBデザイン作り方！Figmaの基礎からWEBデザイン実践まで完全サポート

Description

当講座は「最新の日本語版Figma」の画面を使って、Figmaの基本操作から始まり、PC版・タブレット版・スマホ版の３つの異なる画面サイズのデザインを作る「レスポンシブWEBデザイン」の作り方と考え方を、その工程を見せながら一緒に作っていくという、WEBデザイナーを目指す方や、他のツールからFigmaに乗り換えたい方へ向けた動画です。

また単にFigmaの使い方を学ぶだけでなく、美しく見やすいデザインの作り方や今風のデザインを作るには、どのような考え方でデザインすれば良いのか？といったところまで踏み込んで、実際にデザインを作る工程を収録しており、UI/UXデザインにも応用可能です。

Figmaは現在、PhotoshopやXDを超える使いやすさと便利さで、大人気のツールです。

私自身10年以上Photoshopを使ってWEBデザインをしてきましたが、そんな私がFigmaの魅力に取り憑かれ、現在ではPhotoshopとFigmaを使い分けて、両方でWEBデザインをするようになりました！

Photoshopにもその良さはありますが、Figmaにしか無い魅力もたくさんあり、そのFigmaの使いやすさや便利さを余すことなくお伝えしたいと思います。

What You Will Learn!

Figmaの基本操作
Figmaならではの便利な機能の使い方とその応用方法
FigmaでWEBデザインする時の「一連の工程」
PC版・スマホ版・タブレット版のWEBデザインを作るレスポンシブデザインの作り方
Figma公式のアプリを使って、スマホの実機でミラーリングしながらデザインする方法
ページ遷移やアニメーションをつけたメニューの出し方などの「プロトタイプの作成」
美しく見やすいデザインにするためのコツ

Who Should Attend!

WEBデザイナーになりたい初心者の方
PhotoshopやXDなど他のデザインツールからFigmaに乗り換えを考えている人
Figmaを使った事はあるが、Figmaの能力がイマイチわかっていない人
FigmaでWEBデザインをするノウハウを学びたい人
レスポンシブWEBデザインの考え方を学びたい人