3. 6040
30
3030
10
프로의
기본
수행 및 완성도/
통찰력
생각의 끝까지
걸어가 본다.
새로운 관점을
본다.
과정을 본다.
개인 기여도를
본다.
중간출석
최종
개인 과제/
크리틱 참여도
(팀원 크로스 평가)
협업개인 +
(팀원 크로스 평가)
도록
산출물
개인 XD
산출물
개인 과제
제작 전까지
팀 산출물
/ 123
4. 메뉴 트리기능 리스트주요 특징서비스 컨셉
UI 디자인
정보 설계 단계서비스 정의 단계
/ 124
6. 1. 메뉴 트리를 설계한다.
2. 화면을 Sketch 한다.
UI Ideation Sheet.pptx 활용해서
홈 화면 및 주요 화면을 스케치 한다.
주요 테스크를 보여 줄 주요 화면들(흐름)을 Sketch 한다.
3. 1인 1 Sketch 세트를 원칙으로 한다.
예 : 팀 구성원 2명이면 2개 Sketch 세트
4. Sketch 완료 후, 팀원 피드백을 받는다.
5. 하나의 파일로 업로드(pdf) 후, 저와 팀 미팅을 하면서 최종안을 다듬는다.
스케치 준수사항
/ 126
7. 와이어프레임, 프로토타이핑 제작 준수사항
Point 1. 팀 스케치 최종 안을 개인이 XD로 제작해서 제출한다. (개인 과제)
Point 2. Gray tone의 Wireframe. 단, 아이콘, 이미지 적용 허용
✦ No color
Point 3. 왼쪽 패널 : 색상, 문자 스타일, 구성 요소를 정리할 것.
✦ 최소한으로 운영한다.
패널 내 요소 위 > 마우스 우 클릭 > ‘캔버스에서 강조 표시’ 메뉴 이용
Point 4. Menu tree 기준으로 아트보드 명칭, 구조 정렬할 것.
다음 화면 참조
Point 5. 프로토타이핑 - 트랜지션 설정할 것.
‘프로토타이핑’ 탭 상태에서 [▶] 버튼 or Ctrl + A 이용
/ 127
9. 개인 과제 제출 준수사항
1. 팀 스케치 컨펌 후, 개인별 XD 제작을 시작.
2. 개인 과제 제출 기한은 11/5(목) 오후 6시, slack 팀 방에 업로드.
파일명 : [1조]권정은_개인과제_20201105.xd
단, 팀 속도에 따라 제출 기한을 논의.
3. 개인 과제 결과물이 필요한 시점은 11/6(금) 수업.
/ 129
11. Why, XD? Sharing
모바일 앱에서 확인
1. 파일을 클라우드에 저장
2. 모바일 앱에서 파일 확인
팀 공유
1. 상단 : ’공유’ 탭 선택
2. 오른쪽 패널 : 링크 설정
보기 설정 : ‘디자인’ or ‘개발’ & 다운로드 가능한 에셋 ‘체크’
링크 액세스 : 초대된 사용자만
3. [링크 만들기] 버튼 선택
4.링크 선택 후, 웹에서 확인
화면 이미지 보내기
파일 > 모든 아트보드… or 특정 아트보드 선택 후, 파일 > 선택됨…
/ 1211
12. 끝.
다음 주 과제 : 팀 스케치 컨펌 후, XD 와이어프레임, 프로토타
이핑 제작. 개인 과제 제출.
kwonjeongeun@naver.com
/ 1212