시각적 스토리텔링: 비선형 형식의 웹 디자인

좋은 이야기를 전하는 것은 예전처럼 간단하지 않습니다. 한 번에 여러 캐릭터에 대해 어리석은 목소리를 채택하고 여기 저기에 극적인 반전을 추가하고 BOOM을 추가하기만 하면 됩니다. 당신은 오랜 세월 동안 재미있는 원사를 가지고 있습니다. 요즘에는 해당되고 매력적인 이미지로 가득 찬 멀티미디어 프레젠테이션을 포함해야 합니다.

자녀를 재우려고 노력하는 부모라면 나쁜 소식입니다. 그러나 웹 디자이너에게 이것은 놀랍도록 아름다운 미래의 시작입니다.

디자인 이전의 물질

시각적 걸작을 만들 수 있습니다. 눈을 즐겁게 하는 파노라마의 과다한 간식은 요점이 없으면 그냥... 무의미합니다.

스토리텔링과 관련하여 웹 디자인 이면의 아이디어는 화려하고 인상적인 비주얼로 메시지를 가리는 것이 아닙니다. 서로를 보완하고 향상시키는 이야기와 광경의 공존을 만드는 것입니다.

이를 달성하기 위해서는 스토리부터 시작해야 합니다. 따라서 웹 사이트에 어떤 종류의 도상, 상징 또는 이미지를 원하는지 고려하기 전에 먼저 브랜드에 대한 효과적인 내러티브를 작성하십시오.

당신의 이야기의 교훈은 무엇입니까? 당신은 무엇을 제공하고 있으며 고객은 당신이 만들고 있는 줄거리에서 어디에 해당합니까? 스스로에게 이러한 질문을 하고 거기에서 앞으로 나아가십시오.

비선형 비주얼 스토리텔링

웹사이트의 각 요소는 가장 중요한 테마를 따라야 하지만 각 요소는 독립 실행형이어야 합니다. 방문자가 사이트의 어느 페이지를 방문할지 알 수 없기 때문에 방문자가 귀하가 전하는 이야기 내에서 자신의 방향을 찾을 수 있도록 하는 것이 중요합니다.

이를 관리하려면 콘텐츠 방향 신호를 제공해야 합니다. 즉, 방문자가 자신의 위치와 보고 있는 콘텐츠가 일반적으로 브랜드와 어떤 관련이 있는지 이해하는 데 도움이 되는 책갈피입니다. 각 페이지의 기본 텍스트뿐만 아니라 모든 작은 텍스트에 대해서도 이 작업을 수행할 수 있습니다. 같은 것들:

• URL
• 제목
• 탐색 레이블
• 하이퍼링크
• 그리고 버튼 텍스트

사이트의 각 영역에 대해 설명하면 방문자가 스토리의 어느 부분에서 시작하는지에 관계없이 방문자가 브랜드 내러티브에 대한 느낌을 얻는 데 도움이 됩니다.

시각적 스토리텔링의 요소

이미지는 시각적 스토리텔링에 필수적이며 모든 창의적인 아이디어와 호환되는 웹 디자인 플랫폼이 있는지 확인해야 합니다. 결국 적절한 캔버스 없이 걸작을 그릴 수 있는 방법은 없습니다.

웹 디자인에서 이미지를 사용하는 방식은 거의 무제한이며 결과적으로 이미지를 훨씬 더 흥미롭게 만듭니다. 가리키는 손가락이나 특정 방향을 응시하는 사람의 사진과 같은 시각적 신호를 사용하여 주의를 집중시킬 수 있습니다. 또는 보편적으로 인정되는 주제를 표시하는 기호. 이것의 예는 영웅주의의 상징으로 슈퍼맨의 "S" 방패가 될 것입니다.

고정된 공식 스타일을 갖는 것과 같은 정의가 아닐 수도 있는 상징적인 이미지를 사용할 수도 있습니다. 이 경우 상징적인 것은 그것이 나타내는 것과 같다는 것을 의미합니다. 공항의 남자화장실 문양은 아이코닉한 이미지입니다. 상징적인 것부터 평범한 것까지 시각적 스토리텔러가 선택할 수 있는 다양한 옵션이 있습니다.

시각적 스토리텔링의 기본 요소는 이미지 그 이상입니다. 고유하거나 절충적인 형태의 타이포그래피를 사용하여 텍스트의 특정 섹션을 구분할 수 있습니다. 전체 사이트에 독특한 글꼴로 현대적인 매력을 표시하도록 결정할 수도 있습니다. Comic Sans에서 멀리 떨어져 있으십시오. 당신은 바람직하지 않은 반응을 끌 것입니다.

스토리텔링

웹 디자인에서 시각적 스토리를 전달하려고 할 때 세 가지 주요 지침이 있습니다.

1. 청중 이해하기

청중에 대한 이해가 스토리텔링에 도움이 되어야 합니다. 사실, 그것은 당신의 인도적인 영향이어야 합니다. 누구에게 말하고 있습니까? 그들은 무엇을 필요로합니까? 그들을 위해 어떻게 제공할 것인가? 다음은 웹사이트를 시각적으로 선택할 때 물어봐야 하는 질문입니다.

예를 들어 만료 날짜가 있는 제안을 홍보하고 있습니까? 그렇다면 긴박감을 주는 이미지를 표시하는 것이 좋습니다. 빨간색은 거래를 강조하는 충동적인 색상이며 똑딱거리는 시계의 이미지는 그러한 경우에 효과적인 상징이 될 수 있습니다.

같은 맥락에서 청중을 이해하는 것이 중요합니다. 그래야 청중이 더 잘 주의를 기울이고 참여하게 할 수 있습니다. 사용자 경험은 오늘날의 웹사이트 소유자에게 가장 중요한 관심사입니다. 따라서 매력적으로 유지하되 더 중요한 것은 대화형으로 만드십시오. 방문자가 이 시각적 내러티브에서 자신의 내레이터가 될 수 있다면 팔로워, 구독자 또는 고객이 될 가능성이 두 배입니다.

2. YourStory의 명확한 목표

이것은 약간 다르지만 당신의 도덕으로 돌아갑니다. 시각적 내러티브는 최종 결과를 향해 나아가야 합니다. 비선형 방식으로 그렇게하더라도. 전자 상거래 설정의 최종 결과는 전환이어야 합니다. 귀하의 사이트가 방문자 트래픽이 많기 때문에 광고 수익을 올리도록 설계된 경우 목표는 정보를 제공하고 즐겁게 하는 것이어야 합니다.

하이테크 애호가가 되기 위해 단순히 웹사이트를 갖는 것에 만족하지 마십시오. 시각적 스토리텔링에 의미 있는 방향을 포함합니다.

3. 시각적 이미지에 대한 간결하고 명료한 의미

이 모든 이야기는 메시지와 함께 사용할 신중하게 상관된 이미지를 선택하지 않는 한 쓸데없는 이야기로 끝날 것입니다. 웹 페이지에 눈에 띄는 이미지를 올리는 것만으로는 충분하지 않습니다. 내러티브에 추가하거나 내러티브와 연결되는 이미지를 포함해야 합니다. 그것은 너무 추상적인 것에서 멀리 떨어져 있다는 것을 의미합니다. 물론 초현실주의 예술을 판매하지 않는 한. 그런 다음 추상은 당신에게 많은 의미가 있습니다.

더 명확하게 하자면, 웹사이트에서 하는 모든 미학적 선택은 전달하고자 하는 이야기와 관련하여 신중하게 고려되어야 합니다. 더 나아가 이야기의 이 특정 부분에서 주고 싶은 인상과 관련되어야 합니다.

예를 들어, 진지한 주제에는 냉철하고 진지한 이미지가 필요합니다. Helvetica 스타일 글꼴과 함께 더 어둡고 차분한 색상이 적절할 것입니다. 유머를 위해 설계된 사이트에는 어리석은 사진이 있어야 하며 일반적으로 고양이가 좋은 선택입니다.

결론

스토리텔링은 가장 오래된 형태의 오락이며 여전히 가장 인기가 있습니다. 방법은 더 발전했지만 주제 요소는 동일하게 유지됩니다. 시간을 내어 온라인 내러티브를 개발하고 뜻밖의 비주얼로 빛날 수 있도록 하십시오.