[Section 1] Wireframe

Kim·2022년 8월 24일
0

Boot Camp

목록 보기
3/64
post-thumbnail

Wireframe

와이어프레임이란 웹이나 앱을 개발할 때 레이아웃의 구조를 그리는 것이다.
단순한 선이나 도형으로 인터페이스를 묘사한다. 와이어프레임은 단순하게 레이아웃을 보여준다.
성공적인 와이어프레임은 어떤 목적을 가진 프로그램인지 유추할 수 있다.

Mork-up

목업은 실물 크기의 모형을 말한다. 무형의 웹, 앱은 실제 페이지가 작동하는 모습과 동일하게 HTML과 CSS를 작성한다. 다만 실제로 작동되지는 않는다.

Oven을 이용해서 만들어본 Notion 페이지이다. (워터마크는 그냥 추가해보고 싶었다.)

Wireframe 구현 사이트

Oven
Figma


이미지 출처

UX Design Institute

0개의 댓글