Inflearn brand logo image
Inflearn brand logo image
Design

/

UI/UX

作成しながら学ぶAdobe XDの基礎

Adobe XDの基本からプロトタイピングまで征服しましょう!

3시간 만에 완강할 수 있는 강의 ⏰
XD
Prototyping

こんなことが学べます

  • Adobe XDの基本的な使い方

  • Adobe XDを活用したプロトタイピング

  • 画面切り替え、インタラクション、アニメーションの活用方法

Adobe XDでモバイルアプリをデザインできます!

🙆🏻‍♀全国のスペアデザイナーの皆さんウェルカム!

デザイナーの業務スキルを向上させ、より良いデザイン環境を作るためにデザインツール講座をする
「ヨンナムドンイジェヨン」です!この講義では、Adobe XDデザインツールを使用してプロトタイピングを作成できます。

Adobe XD Prototyping?

 

Adobe XDはプロトタイプ設計のための素晴らしいツールです:)

Adobe XD は 100% ハングル化で、より簡単で快適に触れることができます。同じシリーズの製品とうまく互換性があり、より良い結果を生み出すことができます。鍵はXDが持っているプロトタイピング機能です。

 

Hello〜! Adobe XD(Adobe XD)が初めてのすべてのデザイナーの方々、大歓迎です! PhotoshopやAiを扱った経験があっても、Adobe XDは少し違うツールです。モバイル、ウェブをデザインしてデザインした結果をプロトタイプで開発し、ユーザビリティテストを進めることができます。

1. Adob​​e XDでYouTube Music UIを設定する


▲YouTube Musicアプリを設定しながら、Adobe XDの基本的なUI設定方法について学びます。
Material Designを活用したUI構成も一緒に調べる基本的なUI構成 :)

2. 基本的なスクロールプロトタイピングの実装

▲縦横スクロール画面を作成し、プロトタイプを実行してみましょう。

3. 写真が大きくなりながら切り替えられる効果 - 自動アニメート

▲自動アニメーション機能を活用した画面切り替え効果を実現します。

4. オーバーレイトランジション機能

▲オーバーレイ機能で画面を切り替えてみましょう。

🙌この講義を受講するために必要なもの!

Adobe XDを搭載したノートパソコン、PC!
聞いてみると全部身につけることはできません。

🙋🏻‍♂️ 質問あり洋服!!

Q. デザインを初めて学びます。
A. デザインの非専攻者も簡単に聞くことができる講義です。

Q. なぜAdobe XDを学ぶのが良いのですか?
A. Sketchアプリが作成され、Adobe XDを含むサードパーティ製の製品がウルルリリースされました。どのようなソフトウェアが本人にとって有用かを直接経験してみなければわかりません。自分の手に合ったデザインツールを選ぶのはあなたの役割です。たくさん体験してください!

Q. Windows PCも可能ですか?
A. Adob​​eの製品はすべてのOSで駆動可能です:)

Q. Adob​​e XDを使用する企業はありますか?
A. もちろんです。 Windows OSを使用する企業が多いため、依然として複数のデザインエージェンシーで使用しているソフトウェアです。そして同じ系列の製品と互換性のある利点もあります。

Hello、Everybody! 「ヨンナムドンイジェヨン」です。

私は2017年に「おいしいスケッチ」というスケッチアプリの本を書きました。ボール入りの時間ほど売れていない卒作ですが、ㅜㅜIT会社を運営しながらデザインツールに触れ、デザイナーとして直接デザインした内容を実物アプリサービスに仕上げていきながら、蓄積されたノウハウを共有し、より良いアイデアを作っていくことに喜びを感じています。 。

今始めましょう、
始まった人と始まっていない人は、大きな違いを表します。

こんな方に
おすすめです!

学習対象は
誰でしょう?

  • アイデアはありますが、どのようにプロトタイプを実装するのか悩んでいる人

  • ユーザーテストのためにモックアップが必要なデザイナー、企画者

こんにちは
です。

984

受講生

98

受講レビュー

7

回答

4.7

講座評価

8

講座

 

현직 스타트업 PO 13년차

현) 라이프스타일 플랫폼 PO

전) 헬스케어 플랫폼 Lead PO

전) 헬스케어 CRM 시스템 PO

전) 광고 플랫폼 PO

 

현) 리메인 디자인툴 테크닉 클래스 강사

현) 서울시 청년취업사관학교 서비스 기획 강사

전) 패스트캠퍼스 UI/UX디자인 스쿨 강사

전) LG전자 디자인팀 Sketch 디자인 강의

 

저서

프로덕트 개발의 모든 것

맛있는 스케치 디자인

피그마 가이드북 

カリキュラム

全体

5件 ∙ (1時間 11分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

4件

4.3

4件の受講レビュー

  • givemesome님의 프로필 이미지
    givemesome

    受講レビュー 1

    平均評価 4.0

    4

    100% 受講後に作成

    쉽게 설명을 잘해주세요! 아주 베이직한 수업이었습니다.

    • 김수재
      知識共有者

      소중한 수강평 감사드립니다 ;)

  • adios56892님의 프로필 이미지
    adios56892

    受講レビュー 1

    平均評価 5.0

    5

    20% 受講後に作成

    알기 쉽게 알려주시는 것 같아 좋아요

    • 김수재
      知識共有者

      감사합니다 :) 부족한 강의 내용은 조만간 업데이트해서 더 알려드릴게요

  • parksaea님의 프로필 이미지
    parksaea

    受講レビュー 5

    平均評価 3.6

    3

    100% 受講後に作成

    디테일한 설명 부분이 부족한것 같아요. 유튜브나 그런데보면 홀수 체킹이나 디테일한 부분까지도 강조를 하시면서 노하우를 알려주시는 분들이 많던데.. 음.. 유튜브 무료강의보단 돈 듣고 보는 강의가 낫지싶어 결제했는데, 이 강의는 그냥 무작정 대충 따라 그려보기만하는 느낌이랄까.? 많이 아쉬웠어요. 조금 더 실무적으로나 아님 노하우적으로 설명과 함께 풀어주셨으면 더 좋았을 것 같아요. 그래도 몰랐던 부분도 몇가지 알아 갈 수 있어서 좋았습니다.

    • 김수재
      知識共有者

      안녕하세요 :) 평가 감사드립니다. 반성할 점과 개선할 점이 모두 들어있는 소중한 수강평 감사드립니다. 아무래도 기초적인 내용을 조금 더 쉽게 풀어가려는 의도였지만 만족스러운 내용을 전달해드리지 못한 것 같습니다. 조만간 중급 강의를 준비할 예정입니다. 그때에도 찾아주실지는 모르겠지만 편하게 연락 주시면 해당 강의를 수강하실 수 있도록 준비해보겠습니다. japghost@gmail.com 으로 연락 주시거나 제 유튜브 채널에서 AdobeXD관련 라이브 때 안내 드리겠습니다. 감사합니다.

  • 김유나님의 프로필 이미지
    김유나

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    많은 도움이 되었습니다. 어려워보였던 xd를 쉽게 따라할 수 있었습니다. 감사합니다 :)

    • 김수재
      知識共有者

      도움이 되셨다니 다행입니다 :) 수고 많으셨어요

agilelabsの他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

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