Adobe XD 처음 사용자를 위한! 30분만에 마스터하기 [기초강의 모음]
Adobe XD 처음 배우시는 분들 보세요.
인터페이스부터 와이어프레임-처음 배우시는 분들이 자주하는 질문들까지 기초강의 모음입니다.
#adobexd #uiux #uxdesign
Adobe XD | UI키트로 와이어프레임 5분만에 그리기
Adobe XD/UI키트로 와이어프레임 쉽게 그리는 방법입니다.
초보자 분들이 보면 좋으실 거에요.
--------------------------------------------------------------------------------------
Adobe XD는 아래 순서대로 보면서 공부하시면 됩니다.
우선 필요한 용어들을 공부하시고 - 차례로 아래 강의들을 시청하시면 됩니다.
1) 꼭 알아야할- *UI UX 용어 https://youtu.be/pTd9EVm6nQA
2) Adobe XD 설치하기 https://youtu.be/hX5M1U-etMQ
3) Adobe XD 인터페이스 알아보기 https://youtu.be/WXh5MMR5qcs
*처음 사용자 모음 https://youtu.be/kac-R5Onb3k
4) UI키트로 와이어프레임 그리기 https://youtu.be/2HWok4NllRY
5) 메뉴트리 부터- 와이어프레임까지 https://youtu.be/vL1tLtGHALc
6) GUI 디자인 하기 (사진 다운로드)
-워크스루(온보딩) https://youtu.be/EWhDqwS50jQ
-스플래시 스크린 https://youtu.be/ZVYeNuqPjbM
-메인화면 그리기 https://youtu.be/Nw6AkEXR6aQ
7) 프로토타입 연결하기 https://youtu.be/GsAnlxabfoA
8) 인터랙션 추가
-스플래시 스크린 https://youtu.be/VvtTpjQ17qc
-인터랙션 모음 https://youtu.be/krLzY7phRRI
9) 폰에서 확인하기 (XD앱 다운로드)
10) 제플린 – 개발자 공유 https://youtu.be/FfadwJs4imI
----------------------------------------------------------------------------------------------------------------------
UI키트 출처:
공식 어도비 사이트 / XD 무료 리소스 / UI키트 / XD 와이어프레임 키트
Adobe Official website / XD resources / UI kits / XD wireframe kits
링크는- https://www.adobe.com/kr/products/xd/resources.html
바로 받기 https://www.behance.net/gallery/55462459/Wires-wireframe-kits-for-Adobe-XD?locale=ko
#adobexd #uiux #uxdesign #어도비xd #어도비xd기초
My Top 3 UI plugins this 2023 on XD | Work Faster, Work Better
As a UI/UX designer good working tools are the difference between an easy project realization and a very complex project execution. When I…
[App Design] 여행 앱 UI디자인(1) 메뉴트리-와이어프레임 -프로토타입연결 까지 한번에! (40분완성)
[App Design]
앱 디자인 강의를 시작합니다.
첫번째 강의: 여행 앱 UI디자인(1) 메뉴트리 부터 와이어프레임 -프로토타입연결 까지
--------------------------------------------------------------------------------------
Adobe XD는 아래 순서대로 보면서 공부하시면 됩니다.
우선 필요한 용어들을 공부하시고 - 차례로 아래 강의들을 시청하시면 됩니다.
1) 꼭 알아야할- *UI UX 용어 https://youtu.be/pTd9EVm6nQA
2) Adobe XD 설치하기 https://youtu.be/hX5M1U-etMQ
3) Adobe XD 인터페이스 알아보기 https://youtu.be/WXh5MMR5qcs
*처음 사용자 모음 https://youtu.be/kac-R5Onb3k
4) UI키트로 와이어프레임 그리기 https://youtu.be/2HWok4NllRY
5) 메뉴트리 부터- 와이어프레임까지 https://youtu.be/vL1tLtGHALc
6) GUI 디자인 하기 (사진 다운로드)
-워크스루(온보딩) https://youtu.be/EWhDqwS50jQ
-스플래시 스크린 https://youtu.be/ZVYeNuqPjbM
-메인화면 그리기 https://youtu.be/Nw6AkEXR6aQ
7) 프로토타입 연결하기 https://youtu.be/GsAnlxabfoA
8) 인터랙션 추가
-스플래시 스크린 https://youtu.be/VvtTpjQ17qc
-인터랙션 모음 https://youtu.be/krLzY7phRRI
9) 폰에서 확인하기 (XD앱 다운로드)
10) 제플린 – 개발자 공유 https://youtu.be/FfadwJs4imI
----------------------------------------------------------------------------------------------------------------------
#adobexd #uiux #uxdesign #앱디자인 #AppDesign #앱 UI디자인 #와이어프레임
[App Design] 여행 앱 UI디자인(2)- 스플래시 스크린 디자인 (5분완성)
[App Design]
앱 디자인 강의를 시작합니다.
두번째 강의: 여행 앱 UI디자인(2) 스플래시 스크린 디자인
* 앱 GUI 디자인을 시작하기 전! 아래 강의를 꼭 시청하세요
UIUX디자인을 할때 알아둬야 할 기본적인 용어 강의를 꼭 시청해주세요
https://youtu.be/pTd9EVm6nQA
여행 앱 UI디자인(1) 메뉴트리-와이어프레임 -프로토타입연결 까지 한번에!
https://youtu.be/vL1tLtGHALc
#adobexd #uiux #uxdesign #앱디자인 #AppDesign #앱 UI디자인 #와이어프레임
[App Design] 여행 앱 UI디자인(3)- GUI디자인-메인화면(홈/항공예약/호텔예약/AI추천/마이트립)
[App Design]
앱 디자인 강의를 시작합니다.
세번째 강의 - GUI디자인-메인화면(홈/항공예약/호텔예약/AI추천/마이트립)
- 강의 예제를 위해 만든 디자인 이기 때문에, 심플하고 시각적인 정보를 최소화 했습니다.
* 앱 GUI 디자인을 시작하기 전! 아래 강의를 꼭 시청하세요
UIUX디자인을 할때 알아둬야 할 기본적인 용어 강의를 꼭 시청해주세요
https://youtu.be/pTd9EVm6nQA
여행 앱 UI디자인(1) 메뉴트리-와이어프레임 -프로토타입연결 까지 한번에!
https://youtu.be/vL1tLtGHALc
#adobexd #uiux #uxdesign #앱디자인 #AppDesign #앱 UI디자인 #와이어프레임 #XD초보 #앱메인화면디자인 #GUI
[App Design] 여행 앱 UI디자인(4)- GUI디자인-햄버거메뉴 로그인
[App Design]
앱 디자인 강의를 시작합니다.
여행 앱 UI디자인(4)- GUI디자인-햄버거메뉴 로그인
- 강의 예제를 위해 만든 디자인 이기 때문에, 심플하고 시각적인 정보를 최소화 했습니다.
* 앱 GUI 디자인을 시작하기 전! 아래 강의를 꼭 시청하세요
UIUX디자인을 할때 알아둬야 할 기본적인 용어 강의를 꼭 시청해주세요
https://youtu.be/pTd9EVm6nQA
여행 앱 UI디자인(1) 메뉴트리-와이어프레임 -프로토타입연결 까지 한번에!
https://youtu.be/vL1tLtGHALc
#adobexd #uiux #uxdesign #앱디자인 #AppDesign #앱 UI디자인 #와이어프레임 #XD초보 #앱메인화면디자인 #GUI
[App Design] 여행 앱 UI디자인(5)- GUI디자인-워크스루 페이지(온보딩/앱 소개/도움말)
[App Design]
앱 디자인 강의를 시작합니다.
여행 앱 UI디자인(5)- GUI디자인-워크스루 페이지(앱 소개/도움말)
*일러스트 이미지는 Adobe XD- 플러그인 "unDraw"를 사용했습니다.
- 강의 예제를 위해 만든 디자인 이기 때문에, 심플하고 시각적인 정보를 최소화 했습니다.
* 앱 GUI 디자인을 시작하기 전! 아래 강의를 꼭 시청하세요
UIUX디자인을 할때 알아둬야 할 기본적인 용어 강의를 꼭 시청해주세요
https://youtu.be/pTd9EVm6nQA
여행 앱 UI디자인(1) 메뉴트리-와이어프레임 -프로토타입연결 까지 한번에!
https://youtu.be/vL1tLtGHALc
#adobexd #uiux #uxdesign #앱디자인 #AppDesign #앱 UI디자인 #와이어프레임 #XD초보 #앱메인화면디자인 #GUI
[App Design] 여행 앱 UI디자인(6)- GUI디자인-상세페이지 디자인
[App Design]
앱 디자인 강의를 시작합니다.
여행 앱 UI디자인(6)- GUI디자인-상세페이지 디자인
- 강의 예제를 위해 만든 디자인 이기 때문에, 심플하고 시각적인 정보를 최소화 했습니다.
*디자인에 사용한 사진들은 제가 직접 촬영한 사진입니다.
* 앱 GUI 디자인을 시작하기 전! 아래 강의를 꼭 시청하세요
UIUX디자인을 할때 알아둬야 할 기본적인 용어 강의를 꼭 시청해주세요
https://youtu.be/pTd9EVm6nQA
여행 앱 UI디자인(1) 메뉴트리-와이어프레임 -프로토타입연결 까지 한번에!
https://youtu.be/vL1tLtGHALc
#adobexd #uiux #uxdesign #앱디자인 #App Design #앱 UI디자인 #와이어프레임 #XD초보 #앱메인화면디자인 #GUI
[App Design] 여행 앱 UI디자인(0) 메뉴트리 부터 와이어프레임까지 -(프로토타입 연결, 5분 완성!)
[App Design]
앱 디자인 강의를 시작합니다.
첫번째 강의: 여행 앱 UI디자인(1) 메뉴트리 부터 와이어프레임 -프로토타입연결
프로토타입 연결 부분만 보실 분들은, 이 영상을 보시면 됩니다.
#adobexd #uiux #uxdesign #adobexd #앱디자인 #App Design #앱 UI디자인 #와이어프레임
[App Design] 여행 앱 UI디자인(7)- 스플래시 스크린-움직이는 아이콘 만들기 (애니메이션)
[App Design]
앱 디자인 강의를 시작합니다.
여행 앱 UI디자인(7)- 스플래시 스크린-움직이는 아이콘 만들기 (애니메이션)
* 앱 GUI 디자인을 시작하기 전! 아래 강의를 꼭 시청하세요
UIUX디자인을 할때 알아둬야 할 기본적인 용어 강의를 꼭 시청해주세요
https://youtu.be/pTd9EVm6nQA
여행 앱 UI디자인(1) 메뉴트리-와이어프레임 -프로토타입연결 까지 한번에!
https://youtu.be/vL1tLtGHALc
#adobexd #uiux #uxdesign #앱디자인 #AppDesign #앱 UI디자인 #와이어프레임 #XD초보 #앱메인화면디자인 #GUI # adobeXD애니메이션
[App Design] 여행 앱 UI디자인(8)- 오버레이 기능으로 햄버거 메뉴와/키보드 슬라이드 하기
[App Design]
앱 디자인 강의를 시작합니다.
여행 앱 UI디자인(8)- 오버레이 기능으로 햄버거 메뉴와 키보드 슬라이드 하기
* 앱 GUI 디자인을 시작하기 전! 아래 강의를 꼭 시청하세요
UIUX디자인을 할때 알아둬야 할 기본적인 용어 강의를 꼭 시청해주세요
https://youtu.be/pTd9EVm6nQA
여행 앱 UI디자인(1) 메뉴트리-와이어프레임 -프로토타입연결 까지 한번에!
https://youtu.be/vL1tLtGHALc
#adobexd #uiux #uxdesign #overlay #slide #앱디자인 #AppDesign #앱 UI디자인 #와이어프레임 #XD초보 #앱메인화면디자인 #GUI # 어도비XD애니메이션 #햄버거메뉴 #오버레이 #앱한글키보드
[App Design] 여행 앱 UI디자인(9)- 원으로 채워지는 로딩 애니메이션 / 휠 애니메이션
[App Design]
앱 디자인 강의를 시작합니다.
여행 앱 UI디자인(9)- 원으로 채워지는 로딩 애니메이션 / 휠 애니메이션
* 앱 GUI 디자인을 시작하기 전! 아래 강의를 꼭 시청하세요
UIUX디자인을 할때 알아둬야 할 기본적인 용어 강의를 꼭 시청해주세요
https://youtu.be/pTd9EVm6nQA
여행 앱 UI디자인(1) 메뉴트리-와이어프레임 -프로토타입연결 까지 한번에!
https://youtu.be/vL1tLtGHALc
#adobexd #uiux #uxdesign #overlay #slide #앱디자인 #AppDesign #앱 UI디자인 #와이어프레임 #XD초보 #앱메인화면디자인 #GUI # 어도비XD애니메이션 #햄버거메뉴 #오버레이 #앱한글키보드
[App Design] 여행 앱 UI디자인(10)- Adobe XD 음성인식으로 애니메이션 재생하기 (2분완성)
[App Design]
앱 디자인 강의를 시작합니다.
여행 앱 UI디자인(10)- 음성인식으로 애니메이션 재생하기
* 앱 GUI 디자인을 시작하기 전! 아래 강의를 꼭 시청하세요
UIUX디자인을 할때 알아둬야 할 기본적인 용어 강의를 꼭 시청해주세요
https://youtu.be/pTd9EVm6nQA
여행 앱 UI디자인(1) 메뉴트리-와이어프레임 -프로토타입연결 까지 한번에!
https://youtu.be/vL1tLtGHALc
#adobexd #uiux #uxdesign #overlay #slide #앱디자인 #AppDesign #앱 UI디자인 #와이어프레임 #XD초보 #앱메인화면디자인 #GUI # 어도비XD애니메이션 #XD음성인식 #AdobeXD음성
[App Design] 여행 앱 UI디자인(완성)- 음성인식이 가능한 AI여행앱 프로토타입(10분완성)
[App Design]
드디어 앱 디자인 완성입니다!
여행 앱 UI디자인(완성)- 음성인식이 가능한 AI여행앱 프로토타입 완성
* 앱 완성 - 애니메이션 - 프로토타입은 아래 영상을 시청해주세요
[App Design] 여행 앱 UI디자인(7)- 스플래시 스크린-움직이는 아이콘 만들기 (애니메이션)
https://youtu.be/VvtTpjQ17qc
[App Design] 여행 앱 UI디자인(8)- 오버레이 기능으로 햄버거 메뉴와/키보드 슬라이드 하기
https://youtu.be/M28RMIxfUNk
[App Design] 여행 앱 UI디자인(9)- 원으로 채워지는 로딩 애니메이션 / 휠 애니메이션
https://youtu.be/t270UwrAmTE
[App Design] 여행 앱 UI디자인(10)- 음성인식으로 애니메이션 재생하기 (2분완성)
https://youtu.be/PtTVnrlAI-w
#adobexd #uiux #uxdesign #overlay #slide #앱디자인 #AppDesign #앱 UI디자인 #와이어프레임 #XD초보 #앱메인화면디자인 #GUI # 어도비XD애니메이션 #XD음성인식 #AdobeXD음성 #앱프로토타입 #appprototype
[App Design] 여행 앱 UI디자인(공유)- 제플린으로 앱디자인 개발자와 공유하기
[App Design]
완성된 앱 디자인을 개발자와 공유해보세요.
여행 앱 UI디자인(공유)- 제플린으로 앱디자인 개발자와 공유하기
* 앱 완성 - 애니메이션 - 프로토타입은 아래 영상을 시청해주세요
[App Design] 여행 앱 UI디자인(7)- 스플래시 스크린-움직이는 아이콘 만들기 (애니메이션)
https://youtu.be/VvtTpjQ17qc
[App Design] 여행 앱 UI디자인(8)- 오버레이 기능으로 햄버거 메뉴와/키보드 슬라이드 하기
https://youtu.be/M28RMIxfUNk
[App Design] 여행 앱 UI디자인(9)- 원으로 채워지는 로딩 애니메이션 / 휠 애니메이션
https://youtu.be/t270UwrAmTE
[App Design] 여행 앱 UI디자인(10)- 음성인식으로 애니메이션 재생하기 (2분완성)
https://youtu.be/PtTVnrlAI-w
#adobexd #uiux #uxdesign #overlay #slide #앱디자인 #AppDesign #앱 UI디자인 #와이어프레임 #제플린