in 웹 디자인, 추천/리뷰, 후니넷

네이버와 다음의 와이어프레임(wireframe) 쉽게 확인하기

웹 사이트나 서비스를 제작할 때, 보통 정보 설계 다음 과정으로 와이어프레임(wireframe)을 제작하게 됩니다. 와이어프레임에 대해선 위키피디어는 다음 같이 정의하고 있습니다.

A website wireframe (also “web wire frame”, “web wireframe”, “web wireframing”) is a basic visual guide used in interface design to suggest the structure of a website and relationships between its pages. A webpage wireframe is a similar illustration of the layout of fundamental elements in the interface . Typically, wireframes are completed before any artwork is developed.

많은 분들이 와이어프레임을 제작하는데 파워포인트(PowerPoint, MS)를 사용하지만, 전문(용) 도구가 아니다보니 생산성이 떨어지는 게 사실입니다. 이를 위해 전용 도구를 사용하기도 하지만, 100% 만족감을 보장받긴 어렵습니다.

그런측면에서, Wirify는 웹 페이지의 와이어프레임을 쉽게 만들고 비교할 수 있는 유용한 도구입니다. 또한, 자바스크립트로 구현된 북마클릿 형식이기에 클릭 한번으로도 쉽게 이용할 수 있습니다.

아래와 같이, 네이버와 다음의 와이어프레임을 Wifity로 확인하고 비교해볼 수 있습니다.

네이버의 와이어프레임:

URL – http://naver.com

다음의 와이어프레임:

URL – http://daum.net

http://xref.kr/wp/1

댓글 남기기