프로젝트의 와이어 프레임은 무엇입니까?


답변:


18

와이어 프레임은 프로젝트 레이아웃 디자인의 매우 간단한 시각적 표현으로, 프로젝트의 기본 측면을 신속하게 전달하는 데 사용됩니다. 일반적으로 웹 개발에 사용되지만 다른 도메인에서도 기술이 채택되었습니다.

사용자 경험 스택 교환 (DA01)에 관한 매우 유사한 질문 에서, 최고 투표 답변 작성자는 다음과 같이 답변했습니다 .

즉, 와이어 프레임은 아이디어 / 개념을 전달하기위한 스케치입니다. 이 용어는 와이어 프레임이 객체의 기본 프리미티브 인 3D 모델링에서 비롯된 것으로, 완전히 렌더링 된 모델을 커밋하지 않고도 형태와 스케일을 제공합니다.

웹 사이트의 맥락에서 와이어 프레임은 프로젝트의 상황에 따라 다양한 용도로 사용됩니다. 여기에는 다음이 포함될 수 있습니다.

  • 사이트 흐름 (일반적으로 순서도를 사용하여 수행)
  • 상호 작용 (와이어 프레임에서 항상 문서화하기 쉽지는 않지만 공통)
  • 일반적인 내용 구조
  • 일반 페이지 레이아웃

다음은 와이어 교환의 몇 가지 예 입니다. Stack Exchange Area51의 초기 스냅 샷은 다음과 같습니다 .

신청

헌신

Andreas Wulf의 와이어 프레임 : 개발 프로젝트를 시작하는 좋은 방법 InfoQ의 기사는 와이어 프레임을 사용하는 사람에 대한 간단한 개요를 제공합니다.

누가 와이어 프레임을 사용합니까?

와이어 프레임은 개발 프로세스에 관련된 모든 사람이 다음과 같은 이점을 얻을 수있는 효과적인 커뮤니케이션 도구를 만듭니다.

  • 고객-개발 대상에 대한 이해를 높이고 솔루션이 자신의 요구를 적절하게 해결하는지 판단 할 수 있습니다. 사용자 인터페이스에 누락 된 것이 있는지, 사용 가능한 조치 및 인터페이스 요소가 구성되는 방식을 확인할 수 있습니다. 종종 비즈니스 이해 관계자에게 와이어 프레임을 표시하면 이전에는 고려되지 않은 중요한 측면이 나타납니다. 이는 와이어 프레이밍 단계에서 문제를 해결하는 것이 나중에 코드에서 설정 될 때 문제를 해결하는 것보다 훨씬 쉽고 저렴하기 때문에 좋은 방법입니다.
  • 프로젝트 관리자 – 와이어 프레임을 사용하여 모든 이해 관계자가 동일한 페이지에 있는지 확인하고 구축 할 내용에 동의합니다. 프로젝트가 진행됨에 따라 와이어 프레임을 점검 목록으로 사용하여 진행 상황을 추적하고 중요한 모든 사항을 고려하고 구현했는지 확인할 수 있습니다.
  • 디자이너-사용자 인터페이스의 시각적 디자인을위한 청사진으로 와이어 프레임에 의존 할 수 있습니다. 와이어 프레임은 색상, 글꼴 및 기타 디자인 요소가 포함 된 완벽한 픽셀 모형으로 변환 할 수있는 골격 구조를 제공합니다.
  • 개발자-와이어 프레임을 사용하여 솔루션의 기능 및 기술 요구 사항을 이해합니다. 스토리 보드에 결합 된 많은 와이어 프레임은 개발자가 일련의 사용자 상호 작용이 함께 작동하는 방식을 결정하는 데 도움이 될 수 있습니다.

더 읽을 거리 :

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.