와이어프레임이란?
웹사이트나 애플리케이션의 사용자 인터페이스(UI) 및 핵심 기능을 나타내는 단순한 선과 도형으로 구성된 다이어그램 또는 다이어그램의 집합이다. 즉 기초적인 골격을 통해 제작할 결과물이 어떤 모습일지 예상하는 중요한 모습니다.
직관적으로 레이아웃이 나타나기 때문에 와이어프레임은 기획자, 디자이너, 개발자 등 프로젝트에 참여하는 사람들에게 협업에 있어서 모두의 의견을 경청하고 통합할 수 있어 중요한 문서 중 하나이다.
와이어 프레임은 UI 디자인을 하는 것이 아닌 어떠한 시나리오를 가지고 진행 방향을 가지고 있는지 확인 할 수 있습니다.
와이어프레임 제작 도구
1. Excalidraw
: 와이어프레임의 스케치를 위한 간단한 인터페이스를 제공.
Excalidraw — Collaborative whiteboarding made easy
Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
excalidraw.com
2. Figma
: 디자인과 개발과정에서 필요한 여러 협업 기능을 지원
Figma
www.figma.com
3. 어도비 XD
: 와이어프레임과 프로토타입을 위해서 사용할 수 있는 강력한 엔진
Adobe XD 학습 및 지원
Adobe XD가 계속해서 유지 관리 모드에 있음을 상기시키고자 합니다. 즉, 진행 중인 개발에 투자하거나 제품 내 새로운 기능을 출시하지 않습니다. 유지 관리 모드에서 버그를 해결하고 보안 또는
helpx.adobe.com
사실 서순이 잘못되었지만 팀원들과 Excalidraw를 통해 제작하고 와이어프레임을 제작하였다..!
'Unity > 개념 공부' 카테고리의 다른 글
| [ 내일배움캠프 ] TIL.04 - Json 파일 파싱 (0) | 2024.04.18 |
|---|---|
| [ 내일배움캠프 ] TIL.03 - 카드 선택 횟수 제한하기 _ 해결 방안 생각하기 (0) | 2024.04.17 |
| [ 내일배움캠프 ] TIL.02 - Dotween을 이용한 카드 뒤집기 (0) | 2024.04.16 |
| [ 내일배움캠프 ] TIL.02 - GitHub Desktop Unable to locate Git 오류 메세지 발견.. (0) | 2024.04.16 |
| Git 사용하기 (0) | 2024.04.15 |