강의

멘토링

로드맵

Design

/

UI/UX

基礎から実戦まで!モバイルUX/UIデザイン完成

モバイルUX/UIデザイン、初めての方や基礎が不足している方向けの実践入門講座です。 基礎理論と様々な実習を通して、アプリ設計の実務感覚まで段階的に学びながら自信をつけてみましょう! 💪

  • hoodi
uxui
UI/UX
모바일디자인
피그마
모바일앱
Mobile App Design
Figma
ux
clone design
product design

学習した受講者のレビュー

こんなことが学べます

  • モバイルデザインに必要な基礎理論および要素を習得できます。

  • フィグマ(figma)の各種テクニックと便利な機能をご紹介します。

  • ワイヤーフレームを見て、モバイル画面を制作できます。

  • 実際のアプリの例で学習内容を視覚的に学べます。

どの分野でも基礎が最も重要なものですよね!

UX/UIデザイン分野も同様です。モバイル画面をデザインする際は、サービスごとに構成要素や機能が様々にバリエーションされるため、結局自分が持っている基礎知識とそれを実務に応用できる画面設計力がとても重要です。基礎知識を積み重ね、画面をデザインしてみる実習で訓練して、デザインスキルを向上できるようサポートいたします!

🤔 "UX、UI...一体何から勉強すればいいのでしょうか?"

😭 「インターネットに情報はたくさんあるけど、何から見ればいいのかわからないです」

😵「アプリの画面をどのように構成すればいいのかわかりません。」

デザインコンサルティングとメンタリングを進める中で最もよく聞いた話です。ポートフォリオやFigma講座は本当に多いですよね。しかし、いざモバイルUX/UI講座を探してみると見つけるのが難しいです。そして、インターネットに散らばっている様々な情報を一度にまとめて整理するのも難しく、何が正しいのか、どれから学んでいけばいいのかが分からないのです。また、このように理論を学んだとしても、それを実際にどのように適用すべきかを知るのも困難ですよね!

モバイル環境の必須デザイン理論と、それを確実に適用できる実習を通じて
このような皆さんの悩みや心配を解消してみましょう!モバイルデザイン、Figma、ux、クローンデザイン、プロダクトデザイン

講義が終わっても、
教材と一緒にもう一度復習してみてください

*カリキュラム内の講義教材ダウンロードを参考にしてください!


この講義の特徴は?

배민、당근、토스などの有名アプリ画面例とともに

一般的によく知られている様々なアプリの画像例を通じて確実に学習してみましょう。学んだ内容が実際のアプリでどのように適用され使われているかを見ていると、はるかに理解しやすくなるでしょう!

理論を通じて学習し、実習で訓練する

モバイル環境に合わせた様々な理論と内容を学習し、これを複数の実習例題を通じて訓練することができます。また、途中途中で実務で習得できる꿀팁も確認してみてください!

Figma(フィグマ)でよく使うショートカット&機能

Figmaでよく使うショートカットキーを覚えておけば、他の人よりもずっと効率的で速くデザインができますよね!私がよく使う様々なショートカットキーと機能をまとめてお教えします!

段階的学習によるデザインの完成

基礎から応用、拡張される様々な概念まで、チャプター別に一緒に進めるように構成しました。しっかりついてきていただければ、いつの間にか一つの画面をデザインしている自分を発見することでしょう!

詳しい学習内容を見てみましょうか?


理論&ヒント

モバイル環境に特化したデザイン理論を学習し、Figmaの裏技も身につけましょう!

モバイルのカラー&フォント&余白

最も基本的な色、フォント、テキスト、余白などの要素をモバイルでどのように設定すべきかを学びます。

コンポーネントとUI

様々なUI要素の概念を学び、実習を通じてこれを適用してみながら、デザインをどのように設計すべきかを学びます。

モバイルサービスの共通的な画面特徴

リスト、GNB、フィルターなどのモバイル環境での共通的なパターンと要素について調べ、これを実際にデザインしてみます。

Figmaの様々な機能とコツ

最もよく使われるデザインツールであるFigmaでよく使う機能と実務でも役立つコツについて学習してみます。

Figmaを通じた実習例題

実習を通して学んだ内容を復習し、デザインの練習をしてみましょう!

事前相談申請ページに色を塗る

相談申し込みページにメインカラー&サブカラーの強弱と階層を調整して、ページにカラーを埋めてみます。

旅行レビューページのデザイン整理

会員登録画面を一緒に作りながら、UIで学んだ要素を適用してデザインしてみます。

会員登録画面のデザイン

会員登録画面のワイヤーフレームを見て、UIで学んだ要素を適用してデザインを完成させてみます。

中古マーケット画面デザイン

簡単な中古マーケット画面のワイヤーフレームを見て、学んだ内容を適用してデザインを完成させてみます。

講義を聞いた後は、こんなことができるようになります!💪

デザインの基礎力をしっかりと鍛えることができます

デザインで最も重要なのは基礎力です。実務で能力を伸ばしていけるよう、このような基礎力をしっかりと固めて、実力のあるデザイナーとして飛躍できるきっかけになるでしょう!

企画されたワイヤーフレームを見てデザインができます

実際の実務では、企画されたワイヤーフレーム(wireframe)を使ってデザインを行うことになります。準備した実習を通じて、ワイヤーフレームを使ったデザインを実際にやってみて、事前にスキルを向上させてみましょう!

このような方々に講義をおすすめします 👍

受講前の参考事項

前提知識および注意事項

  • 実習の場合Figmaを通じて進行するため、基礎的なFigmaツールを扱えることが良いです。図形を作成してテキストを適用し、オブジェクト同士を整列するなどのとても基本的な使用法だけ知っていれば大丈夫です!

  • 講義資料は商業的用途での使用はできません。すべての講義コンテンツと資料は著作権保護を受けます。ご参考ください!


実習環境

  • Figmaの実習は最新アップデートインターフェースが適用されたバージョンであるUI3で進行します。

  • 実習サンプルファイルはFigmaファイル(.fig)でお渡しするため、Figmaのデスクトップアプリをダウンロードして進めることをおすすめします!

学習資料

  • 授業ノートと動画を通して学習することができます。

講義Q&A

Q. デザイン非専攻者でも受講できる講義ですか?

モバイルデザインは日常でアプリを使ってみながら各機能について理解しているだけでも十分に学ぶことができます。そして色やテキストに関する簡単な概念について理解していれば無理なく受講できます。ただし、実習では専攻者、非専攻者を問わず簡単にFigmaの基本的な使い方を知っていればはるかにスムーズに例題を見ながらデザインできます!

Q. 基礎講義とはどの程度の難易度ですか?

主にモバイルUX/UIを今学び始めた方々が必要とする内容を含んでいるため、あまりにも複雑で難しい内容は最大限排除した入門〜基礎レベルの難易度とご覧いただけます。最大限基礎で扱える内容を持って講義を構成し、最初から講義で学ぶ内容だけをしっかり学習しながらついてくれば、その後の応用概念や実習は無理なく進められるよう制作しました!

Q. 必ず最初の部分から講義を受講しなければなりませんか?

基礎から徐々に内容を深めながら講義が行われ、それに合わせて実習も進行されるため、最初から順次授業を受講されることをお勧めします!

こんな方に
おすすめです

学習対象は
誰でしょう?

  • UX/UIデザインを学びたい方々

  • キャリアを始めたばかりの駆け出しデザイナー

  • UX/UIデザイナーを希望する就職準備生

  • UX/UIデザイナーへのキャリアチェンジを目指す方々

前提知識、
必要でしょうか?

  • 図形作成、カラー適用、テキスト整列などの簡単なFigmaツールの使い方を知っていると良いです!

こんにちは
です。

59

受講生

20

受講レビュー

2

回答

5.0

講座評価

1

講座

  • 현) 크몽 및 숨고 등 다양한 플랫폼에서 UX/UI 디자인 전문가로 활동

     

  • 현) 스타트업 위주의 대면 미팅을 통한 앱 설계 및 컨설팅 진행

  • 전) 삼성생명 TF팀 '워리스' 서비스 UX/UI 디자인 협업 및 제작

  • 전) 삼성전자 가전사업부 사내 UX 팀 과제 협업

     

     

안녕하세요 ! UX/UI 프로젝트 및 디자인 교육을 진행하는 후디입니다.

디자이너로 커리어를 쌓으며 배우고 습득한 여러 경험과 정보들로
디자이너를 꿈꾸는 많은 분들께 도움이 되는 각종 강의와 프로덕트를 만들어 나가고 있습니다 😎


쓰레드(threads) : https://www.threads.com/@hoodi_ux

カリキュラム

全体

55件 ∙ (5時間 33分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

20件

5.0

20件の受講レビュー

  • 찬란님의 프로필 이미지
    찬란

    受講レビュー 23

    平均評価 5.0

    修正済み

    5

    73% 受講後に作成

    UX/UI를 최근에 배울 필요가 있다고 생각해 어떤 강의를 들어아햐나 고민했는데 후디님 강의 정말 좋습니다 기초지식도 없는 사람인데 개발하면서 디자인적인 부분을 채우고 싶어서 듣기 시작했습니다. 컬러의 개념부터 시작해서 폰트나 텍스트를 어떻게 사용해야하는지 방법을 자세하게 알려주고 있어 이해하기 쉬웠습니다. 피그마 다루는걸 잘 못하는데 보면서 따라하니 훨씬 쉽게 쉽게 할 수 있어서 좋았습니다. 모바일 앱을 최근 개발을 시작하면서 디자인적인 부분을 어떻게 구성할지 자세하게 만들 수 있게 되었습니다

    • 후디
      知識共有者

      안녕하세요. 지식공유자 후디입니다. 정성 가득한 수강평 정말 감사합니다! 개발자분이 디자인적인 부분을 함께 고민해보며 수강해 주셨다는 점이 특히 인상 깊은 것 같습니다! 디자인은 단순히 예쁜 화면을 만드는 것을 넘어, 사용자와 더 잘 소통하고 기능을 효과적으로 전달하는 방법이기도 하니까요 ㅎㅎ 기초부터 따라오시기 쉽도록 최대한 구성해보려고 한 강의인데, 찬란님께서 이렇게 도움이 되셨다니 정말 보람을 느끼네요! 앞으로도 실무에서 디자인 고민이 생기신다면 강의 내용을 다시 참고하시면서 활용해 보세요. 언제든 다시 찾아오실 수 있도록 무제한 수강으로 구성해두었습니다 :) 앞으로 하시는 개발과 디자인 작업에도 멋진 결과 있기를 진심으로 응원하겠습니다!

  • Gmls님의 프로필 이미지
    Gmls

    受講レビュー 2

    平均評価 5.0

    5

    96% 受講後に作成

    애플리케이션 화면 구성과 사용자 관점에서 기획하기 위한 기초를 터득할 수 있었습니다. 감사합니다.

    • 후디
      知識共有者

      안녕하세요 지식공유자 후디입니다. 기획에 필요한 기초를 배우실 수 있었다니 너무 좋네요..! ㅎㅎ 다양한 플랫폼들과 도메인을 다루다 보면 어떤 시각에서 설계를 해야할지 감이 잡히실 거에요..! 소중한 리뷰와 평점 감사합니다 ☺️ 완강까지 얼마 안남으셨어요..! 화이팅!

  • monG님의 프로필 이미지
    monG

    受講レビュー 1

    平均評価 5.0

    5

    31% 受講後に作成

    • 후디
      知識共有者

      안녕하세요 지식공유자 후디입니다. 소중한 평점 남겨주셔서 감사합니다! 제 디자인 강의가 도움이 되셨으면 좋겠습니다! 😊 완강까지 화이팅입니다! 💪

  • cg5xyfnn9m님의 프로필 이미지
    cg5xyfnn9m

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    • 후디
      知識共有者

      안녕하세요 지식공유자 후디입니다. 100% 완강 후 소중한 평점 제공해 주셔서 감사합니다..! 제 디자인 강의가 도움이 되셨으면 좋겠습니다! 😊

  • 크래커님의 프로필 이미지
    크래커

    受講レビュー 1

    平均評価 5.0

    5

    67% 受講後に作成

    UX/UI가 뭔지도 잘 모르겠고 막막했는데, 이 강의 들으니까 하나씩 이해되기 시작했어요. 중간에 퀴즈도 있어서 내가 제대로 알고 있는지 확인할 수 있고요. 제일 좋았던 건 왜 이렇게 해야 하는지 진짜 쉽게 설명해주신다는 거예요. 그냥 외우라고 하는 게 아니라 이유를 알려주니까 머리에 쏙쏙 들어와요. 배달의민족, 당근마켓 같은 앱들을 예시로 들어서 설명해주시니까 '아, 이거구나!' 하면서 바로 이해됐어요. 피그마로 직접 만들어보는 것도 재밌고, 아직 다 안 들었는데도 벌써 간단한 화면은 만들 수 있게 됐어요. UX/UI 어려워서 고민하는 분들한테 진짜 추천해요. 저도 완전 초보였는데 이해할 수 있었거든요.

    • 후디
      知識共有者

      안녕하세요 지식공유자 후디입니다. 크래커님의 소중한 리뷰 정말 감사합니다! 👍 UX/UI가 처음엔 어렵고 막막할 수 있는데, 이렇게 하나씩 이해가 되기 시작했다는 말씀에 정말 뿌듯하네요. 특히 "왜 이렇게 해야 하는지"에 집중해서 설명드린 부분을 잘 캐치해주셔서 너무 기쁩니다. 배민, 당근마켓처럼 실제 앱을 예시로 들어 설명드린 것도 디자인은 '이미지'가 중요하기 때문에 좀 더 시각적으로, 그리고 실제 앱들을 보며 확실히 이해하실 수 있도록 의도했었는데 알아봐주시니 감사하네요 :) 앞으로도 강의 끝까지 잘 따라오시면 훨씬 더 탄탄한 실력이 쌓일 거에요. 다시 한번 소중한 후기 감사합니다!

¥15,869

似ている講座

同じ分野の他の講座を見てみましょう!