프론트엔드 디자인 초급 ① — 화면 구성 큰 그림(정보구조) | DAKER 학습
입문 · 약 115분
사용자가 화면에서 해야 할 일을 기준으로 정보를 묶고 주요 기능의 위치를 정하는 방법을 배웁니다. 화면 구역과 이동 흐름을 설계하고, 간단한 와이어프레임으로 정보의 우선순위와 배치를 표현합니다.
커리큘럼
- 쉬운 개념부터: 가게 안내판 그리기
- 퀴즈 — 쉬운 개념부터: 가게 안내판 그리기
- 화면 구역·그리드 잡기
- 퀴즈 — 화면 구역·그리드 잡기
- 과업 흐름과 우선순위
- 퀴즈 — 과업 흐름과 우선순위
- 미니 랩: 대시보드 와이어
- 퀴즈 — 미니 랩: 대시보드 와이어
- 단어 사전
- 퀴즈 — 단어 사전
- 플래시카드
- 실습: 팀 만들기 화면 구성표 적기