3. Adobe XD 레슨 5강 Assignment
1.카피 과제 공유 시간
2.Zoom 접속하기
링크 동일.
Slack 공지 확인.
3.지금, 슬랙 DM으로 과제 파일 업로드.
/ 22
3
4. Why, XD? 테스트, 협업, 공유
[테스트] - 모바일 앱에서 확인
1.파일을 클라우드에 저장
2.모바일 앱에서 파일 확인 가능
[협업, 공유] - 웹 링크로 공유
1.상단 : ‘공유’ 탭 선택
2.오른쪽 패널 : 링크 설정
✓보기 설정 : ‘디자인’ or ‘개발’
✓체크 : 다운로드 가능한 에셋 ‘체크’
✓링크 액세스 : ‘누구나’ or ‘초대된 사용자만’
3.[링크 만들기] 버튼 선택
4.링크 선택 후, 웹에서 확인
/ 22
4
5. Why, XD? 테스트, 협업, 공유
[공유] - 영상 만들기
1.상단 : [▶ (재생)] 버튼 선택
2.미리보기 창 : [◎ (녹화)] 버튼 선택 = 녹화 실행
3.프로토타입 테스트
4.[◎ (녹화)] 버튼 다시 선택 = 녹화 종료
5.파일명, 파일 위치 설정 완료
6.영상 파일 확인
[공유] - 화면 이미지 보내기
파일 > 모든 아트보드… or 특정 아트보드 선택 후, 파일 > 선택됨…
/ 22
5
6. Adobe XD 블로그 확인
Adobe 공식 블로그(미국) : XD 소식만 모아보기
- XD 최신 기능만 보기(국문)
페이스북 Adobe XD 계정/그룹 확인
Adobe XD 공식 계정(미국) : XD 소식
- 위 블로그 업데이트 소식을 FB에 중복 포스팅
Adobe XD User Group(한국)
- 용기를 내서 질문하기
Adobe XD UI/UX(외국)
- XD로 만든 UI/UX 디자인 구경하기
XD 소식 받기
/ 22
6
8. 1. 메뉴 트리를 완료한다.
2. 화면을 스케치한다.
UI Ideation_Template_mobile_ios.pptx를 프린트해서
서비스의 주요 테스크 그리고 흐름을 보여 줄 주요 화면들을 스케치한다.
주요 테스크가 하나는 아닐 것.
3. 1인 1 스케치 세트를 원칙으로 한다. - 1 세트는 한 번에 나오지 않는다. 개인 최종을 기대
예 : 팀 구성원 2명(팀장 포함)이면 2개 스케치 세트
4. 스케치 완료 후, 팀원 피드백을 받는다.
개인 스케치를 보완해서 업로드한다. - 서로 의논하고 각자 개인 스케치 보완 후, 개인 최종 스케치 제출
5. 저와 팀 미팅으로 팀 스케치를 도출한다. - 오늘
6. 팀은 2번이 반영된 팀 스케치를 업로드한다. - 차주 중 완료
스케치 일정
/ 22
8
9. 와이어프레임 & 프로토타입의 개인 과제 준수사항
Point 1. 팀 스케치 최종 안을 개인이 XD로 제작해서 제출합니다. (개인 과제)
Point 2. Gray tone의 Wireframe.
아이콘 Gray tone 적용.
이미지 Real Data 적용 X. Gray tone 적용.
✦ No color
Point 3. 왼쪽 패널 : 색상, 문자 스타일, 구성 요소를 정리할 것.
패널 내 요소 위 > 마우스 우 클릭 > ‘캔버스에서 강조 표시’ 메뉴 이용
✦ 최소한으로 운영한다.
Point 4. 메뉴 트리 기준으로 아트보드 명칭, 구조가 보이게 정렬할 것.
✦ 다음 화면 참조
Point 5. 프로토타입 - 인터랙션 설정할 것.
‘프로토타입’ 탭 상태에서 Ctrl + A & [▶] 확인 예정
Point 6. 파일명 준수.
✦ 다음 화면 참조
/ 22
9
11. 1.최종 제출 기한 :
차주 10월 28일 금요일 수업 첫 시간 전까지.
C반 11:00 / B반 15:00까지.
2.최종 제출 방법 :
슬랙 팀 방에 제출합니다.
✓XD 파일 1개 업로드.
✓파일명 준수.
와이어프레임 & 프로토타입의 개인 과제 준수사항
/ 22
11
12. 6강 10/21 금
팀 스케치 의견 전달
7강 10/28 금
팀 스케치 완료, 개인 제작 과제 완료 + 수업 : 팀 UI 디자인 작업 진행
8강 11/04 금 - 전력 질주 - 작업량 가장 많음
UI 디자인 컨셉과 도록 Draft(UI 디자인 포함) + 수업 : 도록 작업 진행
9강 11/11 금 - 전력 질주 - 반드시 일요일까지 완료가 목표
도록 작업 완료(토, 일, 월) + 도록 인쇄소 전달(금) + 수업 : 팀 전시 버전 작업 진행
10강 11/18 금 - 전력 질주 - 반드시 일요일까지 완료가 목표
팀 전시 버전 작업 완료(토, 일, 월) + 전시 버전 인쇄소 전달(금) + 수업 : 전시장 설치 작업 진행
이후 일정
/ 22
12
13. 1. [Template] UXD_2022_20221020.ai에서 시작합니다.
인포그라픽 & 모바일 서비스 제작 결과까지 포함
“이런 배경에서 시작 ~ 이런 내용을 확인할 수 있었고
이런 서비스를 제안한다.
구체적인 서비스 모습은 이러하다.”
✦1학기 리서치 내용과 2학기 모바일 서비스 내용과 연결성이 핵심
✦팀 시각 컨셉 중요. 시각적 밀도와 완성도를 중요하게 봅니다.
중간 팀 과제 준수사항 - (11/4 제출)
/ 22
13
14. 2. 인포그라픽 에 대해
why.
“이런 배경에서 시작 ~ 이런 내용을 확인할 수 있었고”
3. 모바일 서비스 에 대해
“이런 서비스를 제안한다.
구체적인 서비스 모습은 이러하다.”
서비스 안내 : 서비스 명칭 설명, what, 특징, 모바일 화면으로 구성
✦보는 이에게 서비스를 잘 전달하는 게 목적입니다.
✦카테고리를 순차적으로 전달하는 일이 아닙니다.
4. 2주 전, 팀 과제 준비를 시작할 때입니다.
중간 팀 과제 준수사항 - (11/4 제출)
/ 22
14