스토리보드는 조직화된 웹사이트를 구성하는 데 도움이 될 수 있습니다.
웹사이트 제작자가 디자인 프로세스에 있을 때 스토리보드는 종종 초기 단계의 일부입니다. 스토리보드는 공식 디자인이나 카피 작성 단계에 도달하기 전에 웹사이트가 어떻게 보이고, 느끼고, 작동할지에 대한 감각을 얻는 방법입니다. 크리에이티브 전문가와 기술 전문가 모두 스토리보드를 사용하여 디자인 및 개발 프로세스를 간소화할 수 있습니다.
체재
웹 사이트 스토리보드는 일반적으로 사이트의 각 페이지마다 하나씩 페이지에 일련의 빈 직사각형으로 시작합니다. 회사 및 디자이너에 따라 빈 게시판 근처에 메모나 질문을 위한 공간이 나타날 수 있습니다. 정보 디자이너, 그래픽 디자이너 또는 웹 디자이너는 각 페이지의 기본 스케치로 스토리보드를 작성하여 모양과 느낌을 보여줍니다. 페이지의 상자처럼 간단할 수도 있고 전체 스케치처럼 복잡할 수도 있습니다. 스토리보드는 디자인 팀 및/또는 클라이언트가 페이지가 현재 수행할 작업에 대해 동일한 이해에 도달하고 기본 디자인을 초기 변경하는 데 도움이 됩니다.
오늘의 비디오
와이어프레임 다이어그램
스토리보드의 가장 중요한 역할 중 하나는 각 페이지의 모양에 대한 기본 와이어프레임 다이어그램을 제공하는 것입니다. 다이어그램은 페이지의 각 요소에 얼마나 많은 공간이 있어야 하는지를 알 수 있도록 충분한 정보를 제공해야 합니다. 기본 다이어그램의 요소에는 탐색 모음, 기본 링크, 이미지 영역 및 웹 사이트 복사 공간이 포함됩니다. 와이어프레임 다이어그램은 페이지의 정보 계층을 평가하는 데 유용한 부분입니다. 시각적 레이아웃을 사용하면 주요 요소에 시청자의 관심을 끌기에 충분한 공간이 있는지 더 쉽게 확인할 수 있습니다.
웹사이트 행동
웹 사이트의 레이아웃은 종종 사용자가 웹 사이트와 상호 작용하는 방법과 사이트의 다양한 부분에 도달하는 방법을 안내합니다. 스토리보드는 각 페이지에 다른 버튼과 링크를 배치하여 웹사이트를 통해 이동 방향을 표시할 수 있습니다. 스토리보드를 통해 웹사이트를 미리 볼 때 전문가들은 웹사이트 없이 볼 수 있는 링크와 같은 것을 찾습니다. 사용자는 아래로 스크롤해야 하고 탐색 버튼을 지우고 선택 항목의 수가 제한되어 사용자가 압도 된. 스토리보드는 웹사이트의 전체적인 구성과 구조를 보여주고 모든 페이지가 함께 작동하는 방식을 보여주어야 합니다.
정보
강력한 웹사이트는 사용자가 한 번에 처리할 수 있는 만큼만 정보를 제공합니다. 스토리보드는 독자를 끌어들이는 방식으로 사본과 이미지를 한 부분씩 구분하는 데 도움이 됩니다. 각 페이지를 배치함으로써 디자이너는 얼마나 많은 정보가 표시되어야 하는지 알 수 있습니다. 대부분의 스토리보드에는 사이트에 있을 실제 텍스트와 이미지가 포함되어 있지 않지만 레이아웃, 선 너비 및 포함된 링크를 보여주는 일반적인 스케치를 제공합니다.
