UI/UX no.2
UI/UX부분은 3일간 진행되는데 생각보다 분량이 되어버려 정리가 결국 3번이나 들어간거 같다. 이번이 최종본.
7. Figma
UI 디자인 & 프로토타입 툴이다. Sketch가 갑이라던 시절이 3~4년전인데 역시 이시장은 급변한다.(의미가 없다.)
- 실시간 협업 기능
- 다양한 환경(OS)지원
- 자동 저장 및 버전관리
- 다양한 무료 폰트 지원(상업무료인지는 잘)
- 오토 레이아웃 기능(흠.. 모바일이라면 그냥 껍데기만 만드는게 나을지도 모른다.)
- 프로토타이핑
7-1. 단축키
-
ctrl/cmd + shift + ?
: 도움말
7-2. 직접구현
Figma로 만들어본 너튜브 클론피그마??클론디자인??클론프로토타입??
7-3. 동작
7-4. User Flow Diagram
Diagrams.net: useful tool for diagram
참조
Tools: User Flow Diagram/FigJam
Figma: useful tool for design/prototype