Figmaのオートレイアウト、グリッド、コンストレインツ機能を適切に活用し、レスポンシブデザインをマスターしたいですか？この講座では、小さなUI要素からカード、テーブル、コンポーネント、Webとアプリの画面まで、レスポンシブデザインとして作成するスキルを段階的に磨いていきます。就職活動や実務ですぐに役立つFigmaの活用法を習得し、様々なデバイスに最適化されたレスポンシブインターフェースデザイン能力をマスターしましょう！
受講生 83名
難易度 入門
受講期間 36か月
レスポンシブデザインについての概念から実践活用能力まで身につけます。
フィグマの華「オートレイアウト」をマスターしてレスポンシブデザインに活用できます。
Figmaのオートレイアウト、グリッド、コンストレインツ機能を活用して、小さなUIデザイン要素から、カード、コンポーネントをレスポンシブに作成してみます。
レスポンシブにウェブとアプリのどちらもデザイン可能です。
一つのデザインで様々なデバイス環境に柔軟に対応できる「レスポンシブ」デザイン力を身につけることができます。
開発者や関係者に、より効果的にデザインハンドオフを伝えることができます。
こんにちは。プロダクトデザイナーのエリックです。👋
私は現在、アメリカ・ニューヨークのテック業界でシニアプロダクトデザイナーとして働いています。UXリサーチからUIデザイン、デザインシステムの構築・管理まで、UX/UI全般にわたる実務業務を担当しており、面接官として、応募者のポートフォリオを検討・評価する役割も担っています。そのため、入門者や就職準備をしている方々にどのような能力が実際に必要なのかをよく理解しています。また、AmazonベストセラーとなったUXデザイン入門者向けの書籍『Design thinking for beginners』を執筆しました。
今回の講義を作ることになったきっかけは、私が実務でレスポンシブデザインとそのためのFigmaの核心機能を本格的にマスターした後、デザインの生産性と効率性が数倍以上向上した経験をしたからです。その核心には、Figmaのオートレイアウト、グリッド、コンストレインツ機能を活用した体系的な画面設計方式がありました。
以前は同じデザインを画面サイズ別に対応するために新しく作成し、修正するのに時間がかかりすぎていました。しかし今は一つのデザインで様々なデバイスに柔軟に対応できるレスポンシブUIデザインを構築できるようになり、その結果、反復作業は減り、デザイナーと開発者間の協業もはるかにスムーズになりました。私は自分の経験と知識、実務ノウハウを基に、レスポンシブデザインは入門者・就活生の方には就職の可能性を大きく高め、レスポンシブデザインを知らない現職デザイナーには業務生産性を大きく向上させるお手伝いをいたします。この機会にレスポンシブデザインをしっかりと学び、キャリア成長の機会を作ってみてください。
学習対象は
誰でしょう？
就職の目標をより早く達成したいUX/UIデザインの入門者および就活生
UX/UIデザイナーと協業を行う、または自らデザインを行う開発者
オートレイアウト/グリッドなどを活用し、企画書作成における業務生産性を高めたいPM/PO/サービス企画者
レスポンシブデザインをよく知らない、またはオートレイアウト／コンストレインツの活用法をよく知らないジュニアまたは現役のデザイナー
前提知識、
必要でしょうか？
Figmaに関する基礎知識および活用法
UX/UI デザインに関する基本概念
5,073
受講生
685
受講レビュー
306
回答
4.8
講座評価
7
講座
현재 뉴욕의 글로벌 테크 회사 The Knot Worldwide에서 시니어 프로덕트 디자이너로 일하고 있습니다.
뉴욕에 오기 전에는 서울에서 UI기획자로 일을 했습니다.
브런치 매거진 "디자인, 그리고 프러덕트"와 UX, UI 지식과 정보를 공유하는 "뉴욕 UX디자이너" 인스타그램과 페이스북을 운영하며 디자이너 및 예비 디자이너들과 소통하고 있습니다.
개인적으로는 세 아이👶의 아빠이며 요리🍲, 교육🏫에 관심이 많습니다.
집필 및 강의
• "뉴욕 프로덕트 디자이너가 알려주는 UX디자인 입문 A to Z" 책 출간 (링크: Yes24, 알라딘, 교보문고)
• 퍼블리 아티클 "서비스의 첫 인상을 결정하는 3초: 랜딩 페이지 UX 4가지 원칙" 발행
• Samsung SW Academy for Youth (SSAFY) UX/UI다자인 및 피그마 강사
• 1:1 멘토링 및 기업 강의 진행 (토픽: UX, UI디자인, UX퍼실리테이션, UX/UI 포트폴리오 제작 및 발행)
경험 및 경력
• (현) 뉴욕 The Knot Worldwide 시니어 프로덕트 디자이너
• (전) 서울 Pantech 모바일 앱 UI기획자
• 뉴욕 기반의 다수 스타트업과 UX/UI 컨설팅 프로젝트 진행
• 뉴욕 School of Visual Arts 디자인 대학원 졸업 / 전공: Interaction Design
• 한동대학교 학부 졸업 / 전공: 산업디자인
全体
40件 ∙ (5時間 10分)
4. 講師エリックを紹介します。
04:18
8. マインドセットとデザイン
02:28
全体
15件
4.9
15件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
5
必要な講義を作ってくださってありがとうございます。
フィードバックありがとうございます。講義を通してお役に立てたということで、とても嬉しいです。今後計画されていることすべてがうまくいくよう応援しています〜！
受講レビュー 1
∙
平均評価 5.0
修正済み
5
スタートアップでフロントエンド開発をしていますが、デザインも一緒に担当しています。 これまでは必要な部分だけYouTube資料を探して手探りでデザインを進めていましたが、今回は短時間でレスポンシブデザインを習得する必要がありました。 講義が実習中心なので一つ一つ直接ついていったり、まず試してから確認できるので、レスポンシブデザインを習得するのに短期間で効果的だと思います！ 特にconstraintsの原理を説明してくださった部分が大きな助けになり、alignmentが適用されない状況でなぜそうなるのか指摘してくださったので、私が普段見落としていた部分を新たに理解することができました。 また講義中ファイル関連で困難がありましたが、時差があるにも関わらず素早くフィードバックをくださって感謝でした...！ 今回はこれまでのように一針一針数値を面倒に修正する方式ではなく、講義で学んだ内容をしっかり適用して効率的に作業してみたいです。 本当に本当にありがとうございます😭😭！ 最後まで頑張って完走します！
レスポンシブデザイン講義を通じてお役に立てて嬉しく思います。私もオートレイアウトやconstraintsを使わなかった時代に、一つ一つ多くの手作業をしていた頃を思い出します。今では生産性が数十倍は向上したと申し上げることができると思います。Joyさんも講義内容を通じて実務に適用してみれば、業務効率性を高められると思います。貴重なレビューをありがとうございます。今後計画されていることすべてがうまくいくよう応援いたします。
受講レビュー 1
∙
平均評価 5.0
5
私は「なぜ」やらなければならないのかが非常に重要な動機として作用する人です。実際、機能をたくさん知っていても適用する方法を知らなかったり実用的でなければ、知っている情報に対する効用性も落ちるし、機能学習に対する意味もかなり色褪せてしまうと思います。しかし、この講義が最も良かった部分は、学習 -> 実務適用で作られたというよりも、実務の困難 -> 学習 -> 困難脱出ルートで作られていることがよく感じられたからでした。実際に説明してくださる方式も、この機能が実務でなぜ重要なのか -> どのように適用してみることができるのか + 実際の事例構成だったので、より頭にすっと入りました。そして分かりやすく説明してくださったおかげで、漠然と難しい機能だと思っていた部分に対する負担感をすべて取り除くことができました。そして就活生として実務で「なぜ」よく使われるのかを講義の途中途中で教えてくださったので、学習をしている最中にももう一度覚えなければと思って見直すようになります。おかげで漠然と恐れていた実務に対する負担感も減りました！ありがとうございます:)
丁寧に書いてくださったレビューありがとうございます。私もレスポンシブデザイン、その中でも特にオートレイアウトを初めて学んで勉強した時、これを実務でどのように適用すべきかよく分からず、もどかしさを感じた時のことを思い出しますね。つまり機能自体を学ぶためではなく、レスポンシブデザインという問題を解決する方法を学びたかったのですが、それが簡単ではなかった記憶があります。そのためこの講義を作る際も、受講生の皆さん、特に入門者や就職を準備している方々が、どうすればより理解しやすく実務に適用可能なスキルを身につけられるかを考えながら、カリキュラムと内容を構成しようとしました。つまり、この講義を聞いてレスポンシブデザインをマスターした志願者が、面接官の立場からこの方はレスポンシブデザイン能力の準備ができているなと思ってもらえるようにしなければと目標を立てて講義を作ろうとしました。この講義を通じて漠然として恐ろしかった実務の負担感が減ったとおっしゃるので（!!）これ以上ない喜びで、この講義を作った甲斐を大きく感じます :) 改めて貴重なレビューおよびフィードバックを残してくださってありがとうございます。今後計画されているすべてのキャリア計画がうまくいくことを心から応援いたします。
受講レビュー 2
∙
平均評価 5.0
受講レビュー 1
∙
平均評価 5.0
5
既に知っている基本にも関わらず、リマインドの意味で基礎から丁寧で分かりやすく説明してくださるので、簡単に理解できます！実際の事例を例として見せながら説明してくださるのですが、私も類似した事例を自分で探しながら比較して勉強できる点が良いと思います！！！
ありがとうございます。受講生の皆さんが簡単に理解して真似できることを目標に講義を設計したのですが、お役に立てたということで本当に嬉しいです。今後計画されているすべてのことがうまくいくよう応援しています。
期間限定セール、あと5日日で終了
￥54
30%
￥12,367
知識共有者の他の講座を見てみましょう！
同じ分野の他の講座を見てみましょう！
