비주얼 아이덴티티 에센셜: 완벽한 브랜드 룩앤필의 이면에는 무엇이 있습니까?

한 장의 사진이 천 마디 말의 가치가 있다면, 당신의 시각적 아이덴티티는 천 마디 말의 가치가 있습니다. 이는 브랜드가 청중에게 영감을 주고 특별한 커뮤니티의 일원인 것처럼 느껴지게 하는 응집력 있는 이미지를 제시할 수 있는 가장 좋은 방법 중 하나입니다. 그러나 시각적 아이덴티티가 소비자의 충성도를 확보하고 브랜드 선택에 영향을 미치는 데 어떤 역할을 할까요?

음, 다음 두 가지 사실을 고려하십시오. 구매 의사 결정의 95%는 잠재 의식 수준에서 이루어지며 소비자는 시각적 아이덴티티를 기반으로 거의 즉시 브랜드에 대한 마음을 결정합니다. 연구에 따르면 사람들은:

• 13밀리초만에 이미지를 처리할 수 있습니다.

• 웹페이지를 본 후 50밀리초 이내에 시각적 매력을 기반으로 웹페이지에 대한 의견을 형성합니다.

• 브랜드가 사용하는 색상 팔레트를 기반으로 브랜드를 평가합니다.

압박이 없겠죠?

이 가이드에서는 브랜드의 개성을 정확하게 표현하고 청중을 효과적으로 참여시키는 시각적 아이덴티티를 만드는 방법을 보여줍니다. 색상, 타이포그래피, 이미지 및 페이지 레이아웃이 중요한 이유와 이러한 요소를 사용하여 브랜드의 사명, 비전 및 가치를 전달하는 방법을 배우게 됩니다.

비주얼 아이덴티티란?

비주얼 아이덴티티는 색상 팔레트와 타이포그래피에서 웹사이트 레이아웃과 마케팅 자료에 이르기까지 브랜드의 모든 시각적 요소를 포괄하는 포괄적인 용어입니다. 이러한 요소들이 함께 브랜드의 상징적 의미가 되는 시각적 아이덴티티를 만듭니다. 강력한 시각적 아이덴티티를 통해 조직은 목적, 사명 및 가치에 대한 올바른 메시지를 전달할 수 있습니다. 또한 청중이 브랜드와 핵심 원칙에 대한 준수를 인식하는 방식에도 영향을 미칩니다.

이미지 귀속: Unsplash의 Anthony Rosset

콘텐츠 마케팅에서 비주얼 아이덴티티는 무엇보다 중요합니다. 시각적 아이덴티티에 적절한 주의를 기울이지 않으면 브랜드와 브랜드가 나타내는 모든 것을 잘못 표현할 수 있습니다. 결과적으로 청중은 실제로 말하려고 했던 것과는 매우 다른 이야기를 콘텐츠에서 얻을 수 있습니다.

귀하의 시각적 아이덴티티는 웹사이트, 소셜 미디어 존재, 광고, 블로그, 비디오, 마이크로그래픽, 인포그래픽, 전자책 등을 포함할 수 있는 전체 미디어 생태계를 통해 반영됩니다. 종합적으로 이러한 접점은 브랜드의 시그니처가 되는 방식으로 핵심 가치, 제품 및 메시지를 전달합니다.

비주얼 아이덴티티가 왜 중요한가요?

시각적 아이덴티티는 브랜드의 개성과 가치를 청중에게 즉시 전달합니다. 잘 실행된 시각적 아이덴티티는 고객 및 잠재 고객과 즉각적인 친밀감을 유발합니다. 반면에 시각적 불일치는 불확실성(더 나쁘게는 부정적)을 전달하며 독자, 고객 또는 고객이 브랜드를 확신하지 못하거나 심지어 불신하게 만들 수 있습니다. 일관되고 목적이 분명한 시각적 아이덴티티는 세 가지 주요 방법으로 전반적인 브랜드 건강을 지원합니다.

1. 브랜드의 미션과 가치를 전달합니다. 가장 매력적이고 상징적인 조직은 시각적 아이덴티티를 브랜드 개성의 확장으로 취급합니다. 걷고, 말하고, 브랜드로서 의도적으로 옷을 입는 것은 당신이 당신의 중심 목표와 사명에 확신을 갖고 있음을 보여줍니다.

2. 그것은 당신의 청중과 공감합니다. 시각적 아이덴티티의 힘은 청중과 즉각적으로 친밀감을 불러일으키는 능력입니다. 특정 인구 통계(예: 덴버에 거주하는 20~30세의 편부모) 또는 보다 추상적인 페르소나(예: 운동을 최대한 활용하려는 엘리트 운동선수)에 도달하려는 경우 시각적 아이덴티티는 청중의 감정적 필요를 이해하고 그들의 가치를 공유한다는 것을 보여줍니다.

3. 그것은 당신의 문화적 관련성을 반영합니다. 말과 마찬가지로 영상도 우리 사회문화적 역사적 맥락의 산물입니다. 브랜드가 청중의 문화적 맥락에 기여하는 방식이기도 합니다. 시각적 아이덴티티는 청중과 함께 진화할 수 있는 힘이 있어 주변 세계가 변화함에 따라 브랜드의 문화적 관련성을 보여줍니다.

일관되고 강력한 시각적 아이덴티티를 구축하는 것은 웹사이트와 Facebook 페이지에 동일한 색상을 사용하는 것만이 아닙니다. 사용하는 이미지, 색상, 글꼴 및 기타 시각적 요소가 매체 전반에 걸쳐 서로를 지원하는지 확인하는 것입니다. 또한 이러한 요소가 브랜드의 개성과 청중에게 제공하는 가치를 정확하게 반영하는지 확인합니다. 웹사이트 방문자가 단어를 읽기도 전에 비즈니스의 핵심을 빠르게 파악할 수 있다면 비주얼 아이덴티티 부서에서 올바른 일을 하고 있는 것입니다.

비주얼 아이덴티티 분석은 언제 필요한가요?

시각적 아이덴티티 분석이 필요한 상황이 많이 있습니다. 이러한 사용 사례 중 일부는 다음과 같은 경우를 포함합니다.

• 리브랜딩 중

• 새 사이트 시작

• 여러 플랫폼/페이지에 걸쳐 콘텐츠 합성

• 크리에이티브 에이전시 간의 디자인 접근 방식 동기화

• 소셜 미디어 캠페인 시작

• 새로운 시각적 콘텐츠 유형 탐색(비디오, 인포그래픽)

• 합병 후 브랜드 일관성 창출

처음부터 시작하든 기존 스타일 가이드를 수정하든, 가장 중요한 시각적 아이덴티티가 신뢰할 수 있고 소유할 수 있도록 콘텐츠에 대한 동적 시각적 접근 방식을 유지해야 합니다.

다음 섹션에서는 브랜드에 조정이 필요할 수 있는 시각적 아이덴티티의 요소를 분류합니다. 각각을 검토하면서 사업 계획, 사명 선언문 및 비전 선언문을 반영하십시오. 그런 다음 미디어 생태계를 주의 깊게 분석하여 각 요소가 가치를 전달하는 사려 깊고 효과적인 방식으로 사용되는지 확인합니다. 그렇지 않은 경우 약간의 조정을 할 때입니다.

비주얼 아이덴티티의 요소

시각적 아이덴티티는 전체가 부분의 합보다 크다는 것입니다. 시각적 아이덴티티를 진정으로 이해하고 식별하고 해결하려면 브랜드가 색상, 타이포그래피, 이미지 및 공간 관계를 사용하는 방식을 고려해야 합니다. 시각적 아이덴티티의 기능으로 탐색할 수 있는 다른 요소가 있지만 이는 모든 스마트 브랜딩 전략의 핵심입니다.

1. 색상 팔레트

색상은 브랜드의 시각적 아이덴티티의 가장 기본적인 요소입니다. 청중이 조직에 대해 가장 많이 기억하는 경향이 있습니다. 효과적으로 사용하면 브랜드의 상징이 될 수도 있습니다. 적절한 사례: 코카콜라를 생각할 때 밝은 포화 빨간색이 떠오를 것입니다. 경쟁자 펩시를 생각하면 대담한 파란색이 머리에 떠오를 것입니다. 이러한 상징적인 회사는 브랜드의 개성을 전달하기 위해 소수의 단색에 주로 의존하지만 다른 회사는 더 복잡한 색상 팔레트와 계층 구조를 사용하여 소비자에게 자신이 누구인지 알려줍니다.

이미지 출처: Unsplash의 Clem Onojeghuo

색상의 힘: 감정을 불러일으키기

색상은 이처럼 강한 감정적 의미를 지니고 있기 때문에 우리가 어떤 것을 처리하는 방식과 그것을 본 후 반응하는 방식에 즉각적인 영향을 미칩니다. 대담하고 강력하며 열정적인 이미지를 원하는 브랜드는 빨간색을 선택할 수 있고 따뜻함과 낙관주의를 전달하려는 브랜드는 기본 색상으로 노란색을 사용할 수 있다고 Iconic Fox는 말합니다.

내포

색상 의미는 거의 전적으로 사회적, 역사적 맥락에 의존합니다. 정보는 아름다워에서 이 그래픽을 확인하여 문화에 따라 색상이 어떻게 극적으로 다른 의미를 가질 수 있는지 확인하십시오. 예를 들어, 사랑은 미국 문화에서 빨간색, 힌두 문화에서 녹색, 아메리카 원주민 문화에서 노란색과 관련이 있습니다. 그러나 문화적 규범이 끊임없이 변하는 것처럼 색상의 의미도 변합니다.

같은 문화 내에서도 색상은 여러 가지 의미를 가질 수 있습니다. 때로는 상충되는 의미도 있습니다. 경고: 브랜드 메시지를 정확하게 전달하려면 올바른 색조, 채도 및 대비를 사용해야 합니다. 예를 들어 미국에서 보라색은 일반적으로 지혜와 부를 전달하지만 퇴폐를 나타낼 수도 있습니다. 비용 절감에 도달하고자 하는 할인에 중점을 둔 회사인 경우 보라색을 사용하면 청중에게 잘못된 메시지를 보내고 궁극적으로 브랜드 목표를 훼손할 수 있습니다.

Iconic Fox에 따르면 다음은 미국에서 흔히 볼 수 있는 몇 가지 색상입니다.

• 빨간색: 강렬함, 두려움 없음, 흥분, 경고, 위험

• 파란색: 이성, 힘, 각성, 지혜, 충성도, 의존성

• 주황색: 창의성, 열정, 용기, 위험

• 녹색: 건강, 희망, 침체, 개방성, 신선함

• 검은색: 안전, 권력, 권위, 냉정

• 노란색: 젊음, 행복, 재미, 충동

• 보라색: 부, 세련미, 상상력, 과잉

• 핑크: 상상력, 열정, 배려, 창의성, 경솔함

• 흰색: 깨끗함, 순결, 순수함, 순수함, 거리감

컨텍스트 및 대비

색상 의미는 제공하는 컨텍스트에 따라 다릅니다. 미국에서 녹색은 이동을 의미하며 자연스러움을 전달합니다. 반면에 빨간색은 중지를 의미하고 흥분을 상징합니다. 색상에 다양한 의미가 있을 때 선택한 색상이 실제로 원하는 의미를 의미하는지 어떻게 확인할 수 있습니까? 대답은 컨텍스트와 대비를 제어하는 ​​것입니다. HubSpot 연구에 따르면 행동 유도 버튼에 사용될 때 빨간색이 녹색보다 21% 더 우수했습니다. 버튼의 위치와 주변 색상과의 대비 때문에 사이트 방문자는 빨간색 버튼이 녹색 버튼보다 더 흥미롭다고 보았기 때문에 빨간색 버튼을 클릭하는 경향이 있었습니다.

미국 심리학 저널(American Journal of Psychology)에 발표된 기초 연구에 따르면 시청자는 주변 사람들과 극적으로 눈에 띄는 항목을 기억하고 참여할 가능성이 더 큽니다. 격리 효과라고도 하는 이 원리는 색상의 위치와 대비가 색상 자체만큼 중요하다는 것을 증명합니다.

이것이 당신에게 의미하는 바

모든 시각적 요소 중에서 색상은 시청자가 브랜드를 좋아하는지, 싫어하는지, 신뢰하는지, 불신하는지 또는 무시하는지에 가장 큰 영향을 미치는 요소입니다. 한 연구에 따르면 브랜드 색상 팔레트의 효과는 주로 고객의 의견과 색상이 제품에 적합하다고 느끼는지 여부에 달려 있습니다. 여기서 교훈? 매력적인 색상 팔레트에 안주하지 마십시오. 대신 브랜드 일치를 달성하는 데 도움이 되는 것을 선택하십시오.

브랜드를 나타내는 색상을 선택할 때 조직의 사명, 비전 및 개성을 반영하는 색상을 선택하십시오. 또한 이러한 색상을 계층화하는 방법에 주의하십시오. 팔레트는 여러 캐릭터를 호스팅해야 하지만 모든 색상이 중심 무대가 될 수는 없습니다. 팔레트에 적합한 별을 선택하고 전체 페이지 및 사이트의 컨텍스트에 어떻게 맞는지 고려하여 팔레트를 사용하는 방법과 지원 색상에 대해 전략적으로 선택하십시오.

알아야 할 색상 용어

• 색상 대비: 한 색상과 다른 색상의 색조 차이

• 색상 계층: 특정 색상이 다른 색상보다 우세하며, 색상이 서로 눈에 띄거나 눈에 띄지 않는 방식을 나타냅니다.

• 색상 심리학: 색상이 사람을 어떻게 느끼고 색상에 반응하는지에 대한 연구

• 16진수 코드: 16진수 값을 기반으로 한 색상 측정

• 팔레트/구성표: 조정 색상 선택

브랜드의 색상 사용을 평가할 때 다음과 같은 중요한 질문을 고려하십시오.

1. 브랜드의 색상은 조직의 성격에 대해 무엇을 말합니까? 이것이 귀하의 전략적 목표와 일치합니까?

2. 귀사 브랜드의 색상 팔레트는 업계 경쟁업체의 색상 팔레트와 어떻게 비교됩니까? 당신의 눈에 띄는 것은 충분합니까? 너무 눈에 띄지 않나요?

3. 어떤 시나리오에서 색상을 사용하여 사이트 또는 마케팅 자료에서 행동을 유도할 것입니까? 사용하고 있는 색상이 청중이 취하기를 바라는 행동을 뒷받침할 가능성이 있습니까?

4. 어떻게 다 모이나요? 당신의 색깔은 균형을 이루고 있습니까? 당신의 브랜드처럼 보입니까?

누가 바로잡아

Green Climate Fund는 기후 변화에 대처하기 위해 적극적으로 노력하는 194개국의 연합체이며, 색상 브랜딩은 이를 반영합니다. 녹색과 파란색 로고는 지구와 물이라는 주요 관심사를 즉시 떠올리게 합니다. 녹색기후기금은 웹사이트에서 로고를 흰색과 짙은 검은색 요소와 대조함으로써 격리 효과를 최대한 전략적으로 사용합니다.

일이 필요한 사람

Masters 색상 팔레트의 녹색은 깨끗한 골프 코스를 정확하게 반영하지만 노란색과의 대비는 토너먼트의 명성을 떨어뜨립니다. 실제로 응답자의 22%는 한 연구에서 노란색을 "저렴한" 색상으로 평가했으며 26%는 주황색을 가장 저렴해 보이는 색상으로 간주했습니다. 특히 녹색과 함께 노란색을 사용하면 토너먼트가 대표해야 하는 엘리트 운동성과 세련미가 훼손됩니다.

2. 타이포그래피

텍스트는 우리에게 무언가를 말하지만 동시에 우리에게 무언가를 보여줍니다. 알파벳의 문자와 그로부터 생성된 단어는 텍스트만큼이나 시각적입니다. 페이지나 화면에 나타나는 시각적 측면은 의도 여부에 관계없이 그 뒤에 숨겨진 의미에 대해 알려줍니다. 타이포그래피의 힘: 개성과 선명도

글꼴에는 고유한 특성이 있습니다. 그들은 금욕적이거나 유머러스하거나 진지하거나 심지어 기발할 수 있습니다. 그리고 그들의 성격은 시간이 지남에 따라 변할 수 있습니다. 사실, 서로 다른 글꼴이 서로 다른 시대에 인기를 얻었으며 오늘날에도 그 역사적 중요성을 지니고 있습니다.

2012년 Errol Morris는 New York Times에서 Computer Modern, Georgia, Helvetica, Trebuchet, Comic Sans 및 Baskerville의 6가지 서체로 작성된 주장에 대한 45,000명의 독자 응답을 측정한 비공식 연구를 수행했습니다. Morris는 독자들에게 주장이 사실인지 거짓인지 여부를 기록해 달라고 요청했습니다. 결과? 사람들은 그 주장이 Baskerville에서 작성되었을 때 그 주장이 사실이라고 더 믿었습니다.

역사적으로 신문에서 사용된 세리프 글꼴인 Baskerville은 진지함, 진실함, 정교함으로 명성이 높습니다. 반면 Comic Sans는 그렇지 않습니다. Baskerville 주장의 시각적 표현이 독자들로 하여금 그 안에 있는 단어를 신뢰하도록 격려한 것은 놀라운 일이 아닙니다.

타이포그래피는 브랜드의 개성을 전달하지만 메시지의 효율성에도 중요한 영향을 미칩니다.

다음은 몇 가지 일반적인 서체와 그 역사를 분석한 것입니다.

세리프 서체:

• 구식

  • 예: Adobe Jenson, Goudy Old Style

  • 특징: 문자 의 가장 얇은 부분에 대각선 응력; 신문과 잡지에서 흔히 볼 수 있는

  • 날짜: 1400년대; 가장 오래된 세리프 스타일

  • 자질: 세련됨, 진지함, 현명함

• 과도기

  • 예: Times New Roman, Baskerville

  • 특징: 수직 대칭축

  • 날짜: 1700년대까지

  • 자질: 전통적, 직설적

• 신고전주의/현대

  • 예: Didot, Marconi

  • 특징: 두꺼운 획과 가는 획의 상당한 차이

  • 날짜: 1700년대까지

  • 자질: 현대적, 신선함, 현명함, 자신감

산세리프체:

• 그로테스크:

  • 예: 비너스, 뉴스 고딕

  • 특징: 세리프와 유사하지만 세리프가 없습니다. 제목 및 헤드라인에 적합

  • 날짜: 1700년대까지

  • 자질: 권위, 대담함

• 네오 그로테스크:

  • 예: Helvetica, Roboto

  • 특징: 그로테스크와 유사하지만 외관이 더 단순합니다.

  • 날짜: 1900년대까지

  • 자질: 직설적, 정확함, 깨끗함, 기본

• 인간성 연구자:

  • 예: Verdana, Calibri

  • 특징: 낮은 X 높이 및 스트로크 간의 낮은 대비

  • 날짜 이전: 1400년대까지

  • 특성: 부드럽고 직설적 임

    

• 기하학적:

  • 예: 고담, ITC 아방가르드

  • 특징: 기하학적 모양, 특히 O자형 글자

  • 날짜: 1900년대까지

  • 자질: 현대적이며 깨끗하지만 장난기 넘치고 풍부하고 풍부함

당신에게 의미하는 것

브랜드, 색상 팔레트, 로고 및 이미지에 공감하는 글꼴 모음을 선택하면 회사의 개성을 전달하고 청중에게 각 메시지 뒤에 숨겨진 감정을 강화하는 데 도움이 됩니다.

그러나 메시지의 의미에 영향을 미치는 것은 글꼴만이 아닙니다. 단어의 위치, 크기, 모양, 색상 및 대비는 모두 독자가 단어를 이해하는 방법에 기여합니다. 이 백서 내에서도 특정 단어는 굵게 표시하고 일부는 기울임꼴로 표시하고 특정 줄의 크기를 조정하여 내용을 보다 쉽게 ​​이동하고 과정에서 정보를 끌어낼 수 있도록 했습니다. 텍스트를 읽지 않고도 어떤 줄이 제목인지, 어떤 단어가 가장 중요한지, 어떤 구절이 섹션 나누기를 나타내는지 알 수 있습니다. 이 정보를 텍스트로만 수집한 것이 아니라 시각적으로 수집했습니다. 그것이 바로 타이포그래피의 힘입니다.

알아야 할 타이포그래피 용어

• S erif: 문자의 피트로, 둥글거나 제곱할 수 있습니다.
• 산세리프체: 발이 없는 글자가 있는 글꼴
• 서체: 유사한 기본 특성을 가진 서체 스타일 그룹
• 획: 세리프를 포함하지 않는 문자 안의 줄
• 글꼴 두께: 글꼴 내 획의 두께
• Ascender: 문자 l, h 및 f의 상반부와 같이 중앙선 위로 올라오는 모든 획
• 기준선: 글자 하단을 따라 이어지는 수평선
• 캡 높이: 기준선에서 어센더 상단까지의 문자 높이
• 내림차순: 문자 p, q 및 y의 아래쪽 절반과 같이 기준선 아래로 떨어지는 모든 획
• 중앙선: 소문자 상단을 따라 이어지는 수평선
• 커닝: 가독성과 스타일을 위해 단어의 개별 문자 사이의 간격을 수동으로 조정하는 프로세스
• 행간: 줄 사이의 간격을 조정하는 과정
• 추적: 가독성과 스타일을 위해 단어의 모든 문자 사이의 간격을 균일하게 수동으로 조정하는 프로세스
• 인쇄상의 계층 구조: 중요성을 강조하기 위해 페이지에서 텍스트의 우선 순위를 지정하는 방법
• X-height: 기준선에서 중앙선까지의 소문자 높이

브랜드의 타이포그래피 사용을 평가할 때 다음 질문을 염두에 두십시오.

1. 브랜드의 글꼴은 어떻게 선택하셨나요? 글꼴 선택은 콘텐츠에 대해 무엇을 말합니까?

2. 당신의 타이포그래피는 어떤 감정이나 생각에 영감을 줍니까? 이것이 브랜드의 개성 및 전략과 일치합니까?

3. 귀하의 인쇄상의 선택은 경쟁업체의 것과 비교하여 어떻습니까? 브랜드가 눈에 띄거나 조화를 이루는 데 도움이 됩니까?

4. 인쇄상의 계층 구조는 청중에게 우선 순위에 대해 무엇을 말합니까? 올바른 메시지가 눈에 띕니까?

5. 당신의 브랜드는 의도적이고 신중하게 타이포그래피를 사용하고 있습니까?

누가 바로잡아

2012년 Twitter 공동 창립자 Ev Williams와 Biz Stone은 "단어가 중요"하다고 믿는 인기 있는 출판 플랫폼인 Medium을 출시했습니다. 그들의 사이트는 헤드라인에 Transitional 서체를 사용하여 친근하지만 신뢰할 수 있는 톤을 전달하고 Humanist sans serif 글꼴(Freight Sans)을 단락 텍스트로 사용하여 따뜻하고 매력적인 외관을 발산합니다. 또한 다양한 크기의 선, 다양한 대문자 및 획 강도, 약간 다른 글꼴 색상을 포함하는 강력한 활자체 계층을 사용하여 페이지에서 가장 중요한 영역을 나타냅니다.

일이 필요한 사람

AutoZone의 로고는 상당히 강력한 인쇄상의 계층 구조를 특징으로 하지만 이 조직은 홈페이지의 나머지 부분에서 누락되었습니다. 선택 메뉴, 클릭 유도문안 및 배너 제목은 모두 비슷한 크기의 글꼴을 사용하고 작은 호흡 공간으로 밀접하게 구성되어 있습니다. 또한 이 브랜드는 글자 사이의 촘촘한 간격이 특징인 일반적인 네오 그로테스크한 ​​서체인 Helvetica Neue를 사용합니다. 이 글꼴은 구분이 없기 때문에 독자가 페이지의 중요한 부분을 쉽게 훑어볼 수 있습니다.

3. 이미지

시각적 아이덴티티는 많은 요소로 구성되어 있지만 이미지와 아이콘은 페이지 방문자에게 가장 큰 영향을 줄 수 있는 요소입니다. 이미지는 스토리를 말하며 이미지 선택은 청중의 공감을 불러일으키고 나머지 메시지와 일치하는 내러티브를 만들어야 합니다.

이미지의 힘: 즉각적인 스토리텔링

Attention, Perception, & Psychophysics에 발표된 연구에 따르면 인간은 텍스트를 처리하는 속도보다 60,000배 빠른 13밀리초만에 이미지를 처리할 수 있습니다. 적절한 시간에 적절한 위치에 올바른 이미지를 갖는 것은 콘텐츠 경험을 통해 독자를 안내하는 데 중요합니다.

비즈니스 및 산업 마케팅 저널(Journal of Business & Industrial Marketing)의 연구에 따르면 서비스 관련 이미지는 고객 충성도 구축에 직접적인 긍정적인 영향을 미치는 반면 상품 관련 이미지로 구축된 충성도는 이미지에 대한 고객의 만족도에 달려 있습니다. 이 연구는 이미지가 텍스트 및 제품을 보완하는 것이 아니라 청중과 의사 소통하고 상호 작용하는 또 다른 방법임을 보여줍니다. 이미지를 올바르게 사용하면 초기 비즈니스와 장기적인 충성도를 얻는 데 도움이 될 수 있습니다.

당신에게 의미하는 것

비주얼 아이덴티티 하면 이미지가 가장 먼저 떠오르는 자산일 것입니다. 이미지는 내러티브를 지원하고 맥락을 제공합니다. 그들은 또한 그 자체로 이야기를 제공할 수 있습니다. 신중하게 사용하면 이미지는 브랜드와 청중 사이에 즉각적으로 의미 있는 연결을 만들 수 있습니다. 그러나 임의로 또는 의도 없이 이미지를 사용하면 브랜드에 대한 청중의 시각이 흐려지고 전달하려는 전체 스토리와 일치하지 않는 메시지를 보낼 수 있습니다.

이미지를 선택할 때 콘텐츠 요소와 스타일 요소를 고려하는 것이 중요합니다.

• 콘텐츠 요소 에는 설정, 배우, 테마, 환경 및 상호 작용이 포함됩니다.
• 스타일 요소 에는 색상 팔레트, 필터, 플레어, 편집 및 구성이 포함됩니다.

함께 이러한 구성 요소는 청중이 이미지와 궁극적으로 브랜드를 인식하는 방식에 영향을 줍니다.

이미지가 다른 시각적 요소를 보완하는 것도 중요하지만 서로 일관성이 있어야 합니다. 또한 이미지에 포함할 인물과 사람을 고려하고 싶을 것입니다. 당신의 사진이 당신이 목표로 삼고 있는 청중을 반영하고 있습니까? 당신의 이미지가 당신의 산업과 청중의 세계를 제대로 표현하고 있습니까?

알아야 할 이미지 용어

• 구성: 이미지 의 요소(텍스트, 시각적 또는 추상)가 프레임 내에서 배열되는 방식

• 아이콘: 브랜드 또는 항목의 그래픽 표현

• 필터링: 노이즈를 줄이거나 특징을 강조하거나 특징을 분리하거나 특징을 흐리게 하여 이미지를 향상시키는 과정

• 렌즈 플레어: 빛이 렌즈를 통해 분산되어 밝은 별과 같은 이미지를 만드는 경우

• 여백: 이미지 가장자리 주변의 여백

• 3분의 1 법칙: 이미지가 균일한 간격의 9개 패널로 구성된 격자로 분할될 때 격자선이 만나는 지점이 이미지의 초점이어야 합니다.

• 채도: 색조의 강도

• 질감: 이미지에 의해 생성되는 촉각 효과

브랜드의 이미지 포트폴리오(이미지, 아이콘 및 로고 포함)의 상태를 평가할 때 다음 질문을 고려하세요.

1. 브랜드 이미지의 품질과 스타일이 일관성이 있습니까?

2. 브랜드의 아이콘과 이미지는 청중에게 브랜드의 개성에 대해 무엇을 말합니까?

3. 청중은 아이콘과 이미지를 기반으로 브랜드에 대해 무엇을 배우고 있습니까?

4. 이미지가 전반적인 브랜드 내러티브를 뒷받침합니까?

5. 당신의 이미지는 누구를 나타냅니까?

누가 바로잡아

North Face는 브랜드와 이미지 간의 내러티브 일관성을 유지하는 데 탁월합니다. 웹 사이트 전체에 걸쳐 이미지는 모험 프레임, 요소에 용감한 사람들, 깨끗하고 깔끔한 구성으로 가득 차 있으며 이 모든 것이 브랜드의 개성과 슬로건인 "Never stop 탐색을 멈추지 마십시오"와 완벽하게 일치합니다.

일이 필요한 사람

그랜드 캐년 국립 공원의 웹사이트는 관광객과 현지인이 휴가를 최대한 활용하는 데 사용할 수 있는 유용한 정보를 많이 제공하지만 사이트의 이미지에는 동일한 세련미와 연속성이 부족합니다. 원본 사진 및 스톡 사진은 일관된 브랜드 모양과 느낌을 가져오는 데 필요한 일관된 필터링 및 색상 팔레트 없이 일러스트레이션 및 애니메이션 옆에 있습니다.

4. 공간적 관계와 페이지 레이아웃

"모든 것을 위한 장소와 제자리에 있는 모든 것을 위한 장소"라는 만트라는 정리된 서랍과 깨끗한 방 그 이상입니다. 시각적 아이덴티티와 관련하여 공간적 관계와 이미지와 텍스트의 레이아웃은 청중이 사이트를 탐색하고 콘텐츠에 참여하는 능력에 큰 영향을 미칠 수 있습니다. 페이지가 너무 어수선하면 사용자를 압도할 수 있습니다. 너무 비어 있으면 미완성이거나 인상적이지 않은 것처럼 보일 수 있습니다.

공간 관계의 힘: 주의 집중

미적 선택과 페이지 디자인 레이아웃은 브랜드에 대한 사용자의 참여에 직접적인 영향을 미칩니다. 또한 청중이 브랜드를 신뢰하는 정도에도 영향을 줄 수 있습니다. 한 연구에 따르면 브랜드 웹사이트를 처음 볼 때 참가자의 94%가 해당 페이지에 문제가 있는 디자인이 있는 경우 해당 조직을 신뢰하지 않는 것으로 나타났습니다. 연구는 어수선하고 지루하고 바쁜 레이아웃이 불신과 혼란을 유발할 수 있다고 말합니다.

청중이 콘텐츠를 탐색하는 방법을 이해하려면 그룹화의 게슈탈트 원칙에 대한 기본적인 지식이 필요합니다. 1920년대에 심리학자 Max Wertheimer, Kurt Koffka 및 Wolfgang Kohler는 특정 지각 법칙을 설명하는 그룹화의 Gestalt(독일어로 "통합된 전체"를 의미함) 원리를 개발했습니다. 예를 들어 인간은 비슷하게 보이는 시각적 요소나 서로 가까이 있는 요소를 그룹화합니다. 궁극적으로 이러한 원칙은 인간 지각의 세 가지 주요 원칙을 설명합니다.

1. 우리는 부분을 보기 전에 전체를 봅니다.

2. 전체는 부분의 합과 다릅니다.

3. 우리는 본능적으로 패턴을 만들고 부품을 그룹화합니다.

첫 번째 원칙은 청중이 귀하의 사이트에 대해 느끼는 첫인상이라고 생각하고 두 번째 원칙은 페이지를 통한 청중의 여정으로 생각하십시오. 세 번째 원칙은 청중이 페이지를 전체적으로 처리하고 거기에서 사이트에 대한 인식을 형성하는 방법입니다.

당신에게 의미하는 것

텍스트와 이미지의 논리적 흐름은 사이트를 통해 청중을 안내하는 데 도움이 됩니다. 영어를 읽는 청중은 이미지와 웹페이지를 볼 때 자동으로 Z 경로 패턴(위에서 아래로, 왼쪽에서 오른쪽으로)을 따르는 경향이 있습니다. 이는 작성된 콘텐츠를 스캔하는 방식을 모방합니다. 그러나 이러한 사용자가 페이지 디자인에서 Z-경로를 너무 많이 접하게 되면 눈에 띄지 않는 영역을 훑어보거나 생략하는 경우가 많습니다.

잘 배치된 페이지는 사용자를 Z 경로에서 벗어나 특정 요소에 참여하도록 유도할 수 있습니다. 컨테이너 계층 구조에서 페이지 요소를 의식적으로 구성하면 청중이 콘텐츠와 상호 작용하는 방식을 지시하는 데 도움이 될 수 있습니다.

사이트를 배치할 때 콘텐츠가 숨쉴 수 있는 공간을 남겨두는 것이 중요합니다. 이것은 여백과 거터를 사용하여 달성할 수 있습니다. 사려 깊은 레이아웃은 청중이 사이트를 탐색하는 데 도움이 된다는 점을 기억하십시오.

알아야 할 레이아웃 용어

• 스크롤 없이 볼 수 있는 부분 : 아래로 스크롤하기 전에 표시되는 웹페이지 부분

• 인공물: 저작된 콘텐츠의 일부가 아닌 그래픽, 개체 또는 기타 마케팅

• 컨테이너: 콘텐츠를 보유하고 페이지 구조를 제공하는 페이지의 요소

• 거터: 페이지에서 컨테이너 사이의 공간

• 그리드: 페이지를 구성하는 컨테이너의 구조

• Waffle-iron grid: 9개(때로는 더 많거나 더 적은)의 동일한 크기와 배치된 컨테이너의 표준 구조

• 하이퍼프레임/여백: 페이지 가장자리 주변의 공간

• 멀티프레임: 전체 디자인 자산 주변의 공간(해당 자산의 단일 페이지가 아님)

• 레일: 콘텐츠 본문의 오른쪽 또는 왼쪽을 따라 실행되는 수직 컨테이너

• 여백: 내용물이 숨쉬도록 도와주는 용기 사이와 주변의 여백

페이지 및 콘텐츠의 레이아웃을 평가할 때 다음 질문을 고려하십시오.

1. 브랜드 페이지 요소의 우선순위를 어떻게 정하고 있습니까? 레이아웃에 의도적인 계층 구조가 있습니까?

2. 청중은 레이아웃에서 어떤 인상을 받을까요? 자신감이나 불안함을 나타내는가?
3. 페이지가 너무 복잡합니까? 너무 드문드문?

4. 레이아웃이 페이지를 통해 눈을 어떻게 안내합니까? 효과적인가?

5. 페이지가 Z 경로 읽기 패턴을 따르나요? 아니면 청중을 사이트의 다른 구석으로 안내합니까?

누가 바로잡아

신중하게 배치된 다양한 크기의 컨테이너는 독자를 압도하거나 스크롤을 강요하지 않고 Slack 블로그의 콘텐츠 우선 순위를 지정하는 데 도움이 됩니다. 이 브랜드는 표준 제목 스타일을 사용하여 다양한 콘텐츠 범주를 설정하지만 독자가 보고 있는 콘텐츠의 특성에 미묘한 변화를 알리는 동시에 시각적인 관심을 불러일으키는 다른 컨테이너 구성을 설정합니다.

일이 필요한 사람

요소에 숨을 쉴 수 있는 공간을 주는 것은 웹페이지 디자인에서 중요합니다. 그러나 공백이 너무 많으면 PBS의 방문 페이지와 같이 사이트가 진행 중인 것처럼 보일 수 있습니다.

또는 Rolling Stone 은 페이지를 너무 많이 채우는 실수를 범합니다. 너무 많은 컨테이너와 레일 공간의 남용은 이 페이지를 어수선하고 무질서하게 만듭니다.

당신의 브랜드가 무엇을 의미하는지 세상에 보여주세요

색상 팔레트 및 타이포그래피에서 이미지 및 레이아웃에 이르기까지 브랜드의 시각적 아이덴티티는 청중이 콘텐츠를 인식하고 상호 작용하고 공유하는 방식의 핵심입니다. 이 사고 리더십 자산에 제공된 모범 사례와 통찰력을 사용하여 시각적 정체성을 다듬기 시작할 수 있습니다. 그러나 시각적 아이덴티티를 설정하는 것은 모든 사람에게 적용되는 운동이 아니며 한 번에 완료되는 프로세스도 아닙니다.

한 브랜드에 효과가 있는 것이 귀하에게는 효과가 없을 수 있고, 오늘날 확고한 시각적 아이덴티티처럼 느껴지는 것이 지금으로부터 1년 후에 완전히 벗어날 수 있습니다. 시각적 아이덴티티를 형성할 때 브랜드 일관성과 디자인 모범 사례 사이의 균형을 유지하는 것이 중요할 뿐만 아니라 미적 선택이 현재의 사명, 가치 및 비전을 정확하게 나타내는지 확인하고 싶을 것입니다.

당신은 브랜드의 전문가이며 웹사이트 디자인에서 콘텐츠에 사용하는 글꼴에 이르기까지 당신이 하는 모든 일에서 브랜드의 개성이 그대로 반영되도록 하는 것은 당신에게 달려 있습니다. 또한 브랜드와 잠재고객을 나타내는 이미지를 선택해야 합니다. 결국 "보는 것이 믿는 것"이라는 옛 속담처럼. 청중이 보고 느끼는 것을 좋아한다면 브랜드를 지지하고 다음에 무엇을 하든 기대하게 될 것입니다.

주요 이미지 저작자 표시: Unsplash의 Mahir Uysal