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

最新日本語版Figmaの基本操作から、PC・タブレット・スマホの３つ画面サイズデザインを作る「レスポンシブWEBデザイン」の作り方と考え方を学べる、初心者＋FIgma乗換えを検討中の現役デザイナーの方向け講座（UI/UXデザインにも応用可）

Ratings 4.68 / 5.00

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

What You Will Learn!

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

Description

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

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

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

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

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