初心者から始めるアプリデザイン<UI/UXデザインをFigmaで学ぼう!>Webデザインにも応用可能

<Mac / Windows対応>高品質なUIデザインにはルールがある!Figmaの基本的な使い方はもちろん、AppleのAppデザインを忠実に再現する応用編まで収録。アニメーションを駆使して、圧倒的に表現力豊かなプロトタイプをつくろう!

4.60 (2704 reviews)
Udemy
platform
日本語
language
User Experience
category
instructor
初心者から始めるアプリデザイン<UI/UXデザインをFigmaで学ぼう!>Webデザインにも応用可能
20,618
students
13.5 hours
content
Apr 2024
last update
$64.99
regular price

What you will learn

Figmaの基本操作と応用テクニック

Appleを題材にしたプロフェッショナルなUIデザイン

アニメーションを使った高度なプロトタイピング

モバイルアプリをデザインする際のルール

感覚に頼らないデザイン

Why take this course?

アップデート:

  • この講座をきっかけに著書『Figma for UIデザイン(翔泳社)』が生まれました!!

  • 日本語版をお使いの方のために動画内に翻訳を入れました

  • 最新版のFigmaのUIに対応できるよう動画内に注釈を入れました

Figmaは誰でも無料で使えるデザインツールであり、プロの現場でも使われる素晴らしいソフトウェアです。Mac / Windows / Webブラウザを使って誰でもデザインを始められ、その柔軟さと機能性でユーザー数を伸ばしていますが、日本語の体系的な教材がまだ少ない印象です。

この講座では、Appleのデザインを題材に本格的なUIデザインを学習します。
また、Figmaの強力なインタラクション機能とプラグインを使って、ハイレベルなプロトタイプを作成します(プロトタイプとは、できるだけ早い段階でデザインに欠陥がないかをテストする手法です)。

モバイルアプリをデザインする際のルール、一貫性のあるデザインの大切さ、感覚に頼らないデザインなど、デザイナーの思考法を解説しながら一緒にUIを作り上げていきますので、初学者はもちろん、エンジニアやマネージャーなど、普段デザインに関わらない方にもお勧めです!
学習した知識とテクニックは、Webデザイン制作にも活かすことができます。また、最終的なデザインは公開されており、自由に確認、編集することができます。


本講座ではFigma英語版を使用していますが、動画には翻訳や注釈が含まれており、日本語版をお使いの方でも受講頂けます。もし見つからないメニューやオプションがある場合は、お気軽に質問して頂ければと思います。


Screenshots

初心者から始めるアプリデザイン<UI/UXデザインをFigmaで学ぼう!>Webデザインにも応用可能 - Screenshot_01初心者から始めるアプリデザイン<UI/UXデザインをFigmaで学ぼう!>Webデザインにも応用可能 - Screenshot_02初心者から始めるアプリデザイン<UI/UXデザインをFigmaで学ぼう!>Webデザインにも応用可能 - Screenshot_03初心者から始めるアプリデザイン<UI/UXデザインをFigmaで学ぼう!>Webデザインにも応用可能 - Screenshot_04

Reviews

よた
October 28, 2023
わかりやすくて、聞きやすく、とてもよかったです。 一通りフィグマの基本機能を覚えることができました。 また、繰り返し重要なことを言ってくれるので、 プロトタイプ開発において気をつけるところも身につきます。
Iina
October 25, 2023
必要な使い方が全て学べます! 日本語のfigmaが出ていますが、講師の方が使っているのは英語版なので補足はありますが、画面が違うことがあり少し戸惑うところもあります。 ですが基礎から応用まで満遍なく学べたのでfigmaでデザインを作れるような気がします。ありがとうございました!
saku
September 22, 2023
講義はFigmaの基礎から始まり、非常に丁寧で分かりやすいものでした。アプリの画面を構築していく過程が進むにつれて、もっと作成したいという意欲が湧いてきました。 Figmaは頻繁にアップデートされるため、以前のバージョンとは異なる部分が出てくることがあります。しかし、講師からはこれらの変更点について補足説明されています。そのおかげで、受講に問題はありませんでした。また、疑問に思った場合、Q&Aを活用することで、ほぼすべての疑問が解決できました。 今後もFigmaは新しい機能やアップデートが増えることが予想されます。そのため、ボーナスレクチャーとして新機能に関する情報や実用的なガイダンスを提供いただけると、非常にありがたいです。
Hiroki
August 2, 2023
Adobe製品も何も触れたことない状態で始めましたのではじめは何回もやり直しましたが最後まで到達できました。 最後のほうから手も割と理解して 動くようになり、おもしろくなりました。書籍も購入していますのでそれも 活用してより理解を深め、Figmaを使える人に近づきたいと思います。
佐藤久美
July 6, 2023
とてもいい授業でした。 ただ、少しバージョンが古いのか、新しいバージョンの使い方を表示する部分がありましたが、それでもその新しいバージョンが古く... うまく自分で再現できないところがあったのが少し残念です。 とは言え、全体に、程よく大体の事ができるように内容がカバーされていて、 受けた意味がとてもあったように思います。 ありがとうございました。
Kenji
June 13, 2023
非常にわかりやすく丁寧な説明でした。 繰り返しの部分で動画にそのまま収録されている部分があったため、 そこは編集して短くして頂けるとよりよくなるのでうれしいです。 とはいえ、デザイン初心者の私にも非常にわかりやすく、 全体的には満足感が高いです。ありがとうございました。
Deep
May 11, 2023
私は全く違う職種から、デザインの方に移行したくこちらを受講しています。 初心者中の初心者で、正直横文字がわからない、パソコン用語?デザインに関しての用語?がわからない、一からの状態でいるので、講義の中で1つ1つの用語がわからないため、何を言っているのか検索して講義を聞きの繰り返しで全く頭に入らないことが多いです。 こういった初心者もこの講義を聞いているということも入れておいて欲しいです。
May 8, 2023
figmaにほぼ触れた事ない状態で受講開始しましたが、とても分かりやすく、基本的な機能はほぼ使いこなせるようになったと思います。100以上から成る長い講座にはなりますが、1つ1つの動画は5分〜20分で短く区切られており、毎日苦になることなく受け続けることができました。UIデザインそのものの講座というよりはfigmaの講座って印象が強いかな。とにかくfigma使いこなせるようになりたいって人にはおすすめです。
杉田
March 8, 2023
この講座1つで知りたい全てを知ることができました!!! 少しだけスピードが早かったですが、途中止めたり巻き戻したりで咀嚼できましたので、問題ないです。 最新版のUIになっているとさらに理解が進むかなと思いました。
Jiro
February 27, 2023
丁寧で大変良いのですが、いくつかわからない用語がりました。そういう用語リストみたいなものがあると助かります。 私はアメリカでUXデザイナーをやっているのですが、どうも日本の現場とは勝手が違うようです。
おくの
February 20, 2023
初心者ですが、どこよりも丁寧に説明してくれて、毎日サクサク進められ、出来上がっていくのが楽しみです。感覚でデザインするのではなくルールに沿ってデザインするのでわたしにとってはとてもやりやすいと感じます。
クドウトモユキ
February 9, 2023
動画内容と現在のFigmaのバージョンに差異があり、効率よく学習するために講座を購入したのに、結局不明点を自分で調べることになるため、講座の価値が低くくなっている。(だからこそセール対象商品だったのかもしれませんが) できれば動画のアップデートか、追記をしてほしいところ。
植木さくら
February 4, 2023
なんとなく使っていたFigmaを改めて学習し直し、より効率的に仕事ができそうです。 1点だけ、アップデートや日本語版のリリースで見たままに真似するのが難しくなっているので、ここが改良されると言うことなしです。
前川
January 14, 2023
この一つでFigmaを知識ゼロから基本的な実務はこなせるレベルまでになることができます。他の画像系アプリ、例えばIllustratorや、Webの知識、例えばHTMLやCSS、などを知っている人は学習速度が早いかもしれません。かなり長い講座ですので、長期的に時間が取れなければ完了することが難しいと思います。Figmaのバージョンアップの関係上少々表記が違う (例えばこの講座を撮影したときにはローカライズされていなかったが、現在では日本語で使うことができるなど) 点がありますが、簡単に対応は分かるのでその点は心配しないで下さい。
岩田勇人
November 17, 2022
スマホアプリ向けというタイトルだったので、当初は敬遠していましたが、figmaの講座の中で一番質の高い講座だと思います。ただ、mac向けのショートカットになっているので、そこは字幕とかでWindowsのキーも出していただくとより見やすいと思いました。

Charts

Price

初心者から始めるアプリデザイン<UI/UXデザインをFigmaで学ぼう!>Webデザインにも応用可能 - Price chart

Rating

初心者から始めるアプリデザイン<UI/UXデザインをFigmaで学ぼう!>Webデザインにも応用可能 - Ratings chart

Enrollment distribution

初心者から始めるアプリデザイン<UI/UXデザインをFigmaで学ぼう!>Webデザインにも応用可能 - Distribution chart

Related Topics

3023880
udemy ID
4/19/2020
course created date
5/20/2020
course indexed date
Bot
course submited by