[FASTCAMPUS] 패스트캠퍼스 챌린지 🔥

[패스트캠퍼스 수강 후기] UIUX 인강 100% 환급 챌린지 23회차 미션

문도하 2020. 11. 24. 18:58

 

 

 

 

 


03. UI 디자인

 

클립 17. 인터페이스 디자인 기초 - 09. 인터렉션

Interaction

 

 

 

CLI (Command Line Interface) 

l

GUI (Graphical User Interface)

l

Touch (Touch Interaction) 

l

Voice (Voice Interaction) 

 

 

Gestures

여러 가지 종류 중 nativation gestures 와, nativation gesture에는 또 여러 가지 종류가 있다. (TAP) 

TAP - 클릭, 터치하는 것

Scroll - 상하 방식으로 내리는 것 

Pan - 지도 화면에서 사용하는 것 (꾹 눌러서 다른 곳으로 이동)

Drag- 끌어서 올리거나 내리는 것

Swipe- 미는 것 

Pinch - 두 개의 손가락을 사용해 눌러 확대시키는 것 

 

Action Gestures

Tap - 클릭, 터치

Long press - 꾹 누르기

Swipe - 미는 것 

 

Transform gestures

Pinch 

Double Tap 

Compound Gesture (rotate까지 포함)

Pickup & Move (하나를 골라서 다른 곳으로 이동시켜 전환시키는 gestures)

 


클립 18. 스케치를 활용한 인터페이스 디자인 - 01. 스케치 인터페이스

Sketch, Interface

어떻게 모바일에서의 인터페이스를 디자인하는지에 대해 배운다!

 

 

 

좌측에서는 새 소식, 플러그인 등을 표시 

중앙은 최근 파일 보여줌

새 다큐먼트를 눌러 새로운 프로젝트를 진행 

 

 

 

툴바에서 원하는 기능을 선택해 사용할 수 있음 

customize toolbar 사용 가능 

 

왼쪽  layer . page 

 

중앙 부분은 작업 공간, 오른쪽은 inspector (속성) 

 

아트보드 & 단축키

 

 

01

Artboard: A

Duplicate: Command +D

 

02

Artboard View:

Command + 1

Command + 2

Command +3

 

03

Rename:

Command + R

 

아트보드는 무한대로 만들기 가능


클립 19. 스케치를 활용한 인터페이스 디자인 - 02. 아이콘 디자인 - 1

드로잉 기법들 : 드로잉 추가, 삽입, 이동, 복제, 크기 조절 등을 배웠다! (테두리 둥글게) 

 

 

 

 


~23회차 소감~

 

그냥 아무생각없이 쓰던 제스처들에 대한 것들을 배우는 게 재미있었다. 

또 이번 회차부터 스케치를 같이 활용하면서 공부해서 필기 내용은 더 적어졌지만 (ㅠ) 

스케치로 직접 배우면서 하니까 더 재미있었다 

 

https://bit.ly/32gSY1r