UI/UX no.2

UI/UX부분은 3일간 진행되는데 생각보다 분량이 되어버려 정리가 결국 3번이나 들어간거 같다. 이번이 최종본.

이전으로

7. Figma

UI 디자인 & 프로토타입 툴이다. Sketch가 갑이라던 시절이 3~4년전인데 역시 이시장은 급변한다.(의미가 없다.)

1. 실시간 협업 기능
2. 다양한 환경(OS)지원
3. 자동 저장 및 버전관리
4. 다양한 무료 폰트 지원(상업무료인지는 잘)
5. 오토 레이아웃 기능(흠.. 모바일이라면 그냥 껍데기만 만드는게 나을지도 모른다.)
6. 프로토타이핑

7-1. 단축키

• Figma: OS(mac/windows) shortcuts

• 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