비주얼 아이덴티티 필수 요소: 완벽한 브랜드 룩앤필 뒤에 숨은 것

사진이 천 단어의 가치가 있다면 당신의 시각적 정체성은 백만 단어의 가치가 있습니다. 이는 브랜드가 잠재 고객에게 영감을 주고 그들이 특별한 커뮤니티의 일부인 것처럼 느끼게 하는 응집력 있는 이미지를 제시할 수 있는 가장 좋은 방법 중 하나입니다. 그러나 시각적 아이덴티티는 소비자의 충성도를 얻고 브랜드 선택에 영향을 미치는 데 어떤 역할을 할까요?

음, 다음 두 가지 사실을 고려하십시오. 구매 의사 결정의 95%는 잠재 의식 수준에서 발생하며 소비자는 시각적 정체성을 기반으로 거의 즉시 브랜드에 대한 결정을 내립니다. 연구에 따르면 사람들은 다음과 같습니다.

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

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

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

압력이 없습니까?

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

비주얼 아이덴티티란?

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

이미지 출처: Unsplash의 Anthony Rosset

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

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

비주얼 아이덴티티가 중요한 이유는 무엇입니까?

시각적 아이덴티티는 브랜드의 개성과 가치를 청중에게 즉시 전달합니다. 잘 구현된 비주얼 아이덴티티는 고객 및 잠재 고객과의 즉각적인 친화력을 유발합니다. 반면에 시각적 불일치는 불확실성 또는 더 나쁘게는 부정성을 전달하며 독자, 고객 또는 클라이언트가 브랜드를 확신하지 못하거나 심지어 불신하게 만들 수 있습니다. 일관되고 의도적인 시각적 아이덴티티는 세 가지 주요 방식으로 전반적인 브랜드 상태를 지원합니다.

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

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

3. 귀하의 문화적 관련성을 반영합니다. 단어와 마찬가지로 시각 자료는 우리의 사회문화적, 역사적 맥락의 산물입니다. 브랜드가 청중의 문화적 맥락에 기여하는 방식이기도 합니다. 비주얼 아이덴티티는 청중과 함께 진화할 수 있는 힘을 가지고 있으며, 주변 세계가 변화함에 따라 브랜드의 문화적 관련성을 보여줍니다.

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

비주얼 아이덴티티 분석은 언제 필요합니까?

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

• 리브랜딩 중

• 새 사이트 시작

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

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

• 소셜 미디어 캠페인 시작

• 새로운 시각적 콘텐츠 유형 탐색(동영상, 인포그래픽)

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

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

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

비주얼 아이덴티티의 요소

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

1. 컬러 팔레트

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

이미지 출처: Unsplash의 Clem Onojeghuo

색상의 힘: 감성을 불러일으키다

색상은 매우 강한 감정적 의미를 지니고 있기 때문에 우리가 무언가를 처리하는 방법과 그것을 보았을 때 반응하는 방식에 즉각적인 영향을 미칩니다. 대담하고 강력하며 열정적인 느낌을 주고 싶은 브랜드는 아이코닉 폭스 노트의 빨간색을 선택할 수 있는 반면, 따뜻함과 낙관주의를 전달하려는 브랜드는 노란색을 기본 색상으로 사용할 수 있습니다.

의미

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

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

Iconic Fox에 따르면 미국에서 일반적으로 사용되는 색상의 의미는 다음과 같습니다.

• 빨간색: 강렬함, 대담함, 흥분, 경고, 위험

• 파란색: 이성, 힘, 기민함, 지혜, 충성심, 신뢰성

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

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

• 검은색: 보안, 권력, 권위, 차가움

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

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

• 핑크색: 상상력, 열정, 관심, 창의성, 경솔함

• 흰색: 깨끗함, 순수함, 천진난만함, 평범함, 거리감

맥락과 대조

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

American Journal of Psychology에 발표된 기초 연구에 따르면 시청자는 주변 항목보다 극적으로 두드러지는 항목을 기억하고 참여할 가능성이 더 높습니다. 격리 효과라고도 하는 이 원리는 색상의 위치와 대비가 색상 자체만큼 중요하다는 것을 증명합니다.

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

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

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

알아야 할 색상 용어

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

• 색상 계층: 특정 색상이 다른 색상보다 우세하며 색상이 서로 두드러지거나 그렇지 않은 방식을 나타냅니다.

• 색상 심리학: 색상이 사람들의 감정을 어떻게 만들고 사람들이 색상에 어떻게 반응하는지 연구합니다.

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

• 팔레트/구성표: 조화를 이루는 색상 선택

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

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

2. 귀사 브랜드의 색상 팔레트는 업계 경쟁업체의 색상 팔레트와 어떻게 다릅니까? 당신은 충분히 눈에 띄나요? 너무 눈에 띄나요?

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

4. 모든 것이 어떻게 결합됩니까? 색상이 균형을 이루고 있습니까? 그들은 당신의 브랜드처럼 보입니까?

누가 제대로 하고 있는가

녹색기후기금은 기후 변화를 해결하기 위해 적극적으로 노력하는 194개국의 연합체이며 색상 브랜딩은 이를 반영합니다. 녹색과 파란색 로고는 지구와 물이라는 주요 관심사를 즉시 상기시킵니다. 녹색기후기금은 웹사이트의 로고를 흰색과 진한 검은색 요소와 대조하여 전략적으로 격리 효과를 최대한 활용합니다.

작업이 필요한 사람

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

2. 타이포그래피

텍스트는 우리에게 무언가를 말하지만 또한 우리에게 무언가를 보여줍니다. 알파벳의 문자와 그 문자에서 생성된 단어는 문자만큼이나 시각적입니다. 페이지나 화면에 표시되는 시각적 측면은 의도 여부와 관계없이 그 뒤에 숨겨진 의미에 대해 알려줍니다.

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

2012년 Errol Morris는 The 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년대

  • 특성: 전통적, 직설적

• 신고전주의/현대

  • 예: 디도트, 마르코니

  • 특징: 두꺼운 스트로크와 얇은 스트로크의 중요한 차이점

  • 거슬러 올라간다: 1700년대

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

산세리프 서체:

• 그로테스크:

  • 예: 비너스, 뉴스 고딕

  • 특징: 세리프와 유사하지만 세리프가 없음; 제목과 헤드라인에 적합

  • 거슬러 올라간다: 1700년대

  • 자질: 권위, 대담함

• 네오 그로테스크:

  • 예: 헬베티카, 로보토

  • 특징 : 그로테스크와 유사하나 외형이 더 밋밋함

  • 거슬러 올라간다: 1900년대

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

• 인간성 연구자:

  • 예: Verdana, Calibri

  • 특징: 낮은 X-높이와 스트로크 사이의 낮은 대비

    
  • 거슬러 올라간다: 1400년대

  • 특성: 부드럽고 직설적

• 기하학:

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

  • 특징: 기하학적 모양, 특히 O자 모양의 문자

  • 거슬러 올라간다: 1900년대

  • 자질: 현대적, 깨끗하지만 유쾌함, 풍부함, 풍부함

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

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

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

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

• 세리프 : 둥글거나 네모가 될 수 있는 글자의 발
• Sans serif: 발이 없는 글자가 있는 글꼴
• 서체: 유사한 기본 특성을 가진 서체 스타일 그룹
• 스트로크: 세리프를 포함하지 않는 문자 내의 라인
• 글꼴 두께: 글꼴 내의 획 두께
• Ascender: 문자 l, h 및 f의 위쪽 절반과 같이 중앙선 위로 올라오는 모든 획
• 기준선: 글자의 아래쪽을 따라 흐르는 수평선
• 대문자 높이: 글자의 기준선에서 어센더 상단까지의 높이
• 디센더: 문자 p, q 및 y의 아래쪽 절반과 같이 기준선 아래로 떨어지는 모든 스트로크
• 중간선: 소문자의 상단을 따라 이어지는 수평선
• 커닝: 가독성과 스타일을 위해 단어에서 개별 문자 사이의 간격을 수동으로 조정하는 프로세스
• Leading: 줄 사이의 간격을 조정하는 과정
• 추적: 가독성과 스타일을 위해 단어의 모든 문자 사이의 간격을 균일하게 수동으로 조정하는 프로세스
• 타이포그래피 계층: 중요도를 강조하기 위해 페이지에서 텍스트의 우선순위를 지정하는 방법
• X 높이: 소문자의 기준선에서 중앙선까지의 높이

브랜드의 서체 사용을 평가할 때 다음 질문을 염두에 두십시오.

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

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

3. 귀하의 타이포그래피 선택은 경쟁업체의 타이포그래피 선택과 어떻게 비교됩니까? 브랜드가 눈에 띄거나 조화를 이루는 데 도움이 됩니까?

4. 타이포그래피 계층 구조는 청중에게 우선 순위에 대해 무엇을 말합니까? 올바른 메시지가 눈에 띄나요?

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

누가 제대로 하고 있는가

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

작업이 필요한 사람

AutoZone의 로고는 상당히 강력한 타이포그래피 계층 구조를 특징으로 하지만 이 조직은 홈 페이지의 나머지 부분에서 빠져 있습니다. 선택 메뉴, 클릭 유도 문안 및 배너 제목은 모두 비슷한 크기의 글꼴을 사용하며 숨쉴 공간이 거의 없이 서로 가깝게 구성되어 있습니다. 또한 이 브랜드는 글자 사이의 간격이 좁은 것이 특징인 일반적인 네오 그로테스크 서체인 Helvetica Neue를 사용합니다. 이 글꼴은 구분이 부족하여 독자가 페이지의 중요한 영역을 쉽게 훑어볼 수 있습니다.

3. 이미지

비주얼 아이덴티티는 많은 요소로 구성되어 있지만 이미지와 아이콘은 페이지 방문자에게 가장 큰 영향을 미칠 수 있는 요소입니다. 이미지는 스토리를 전달하며 선택한 이미지는 청중의 공감을 불러일으키고 메시지의 나머지 부분과 일치하는 내러티브를 생성해야 합니다.

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

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

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

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

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

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

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

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

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

알아야 할 이미지 용어

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

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

• 필터링: 노이즈를 줄이고, 특징을 강조하고, 특징을 분리하거나, 특징을 흐릿하게 하여 이미지를 향상시키는 프로세스

• 렌즈 플레어: 빛이 렌즈를 통해 분산되어 밝은 별과 같은 이미지를 생성합니다.

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

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

• 채도: 색조의 강도

• 질감: 이미지가 만들어내는 촉각적 효과

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

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

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

3. 아이콘과 이미지를 기반으로 잠재 고객이 브랜드에 대해 무엇을 알게 됩니까?

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

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

누가 제대로 하고 있는가

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

작업이 필요한 사람

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

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

"모든 것이 제자리에 있는 장소"라는 만트라는 정돈된 서랍과 클린룸 그 이상을 의미합니다. 시각적 정체성과 관련하여 이미지와 텍스트의 공간적 관계와 레이아웃은 대상이 사이트를 탐색하고 콘텐츠에 참여하는 능력에 큰 영향을 미칠 수 있습니다. 페이지가 너무 복잡하면 사용자를 압도할 수 있습니다. 너무 비어 있으면 완성되지 않았거나 인상적이지 않은 것처럼 보일 수 있습니다.

공간 관계의 힘: 주의 유도

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

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

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

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

3. 우리는 본능적으로 부품으로 패턴과 그룹화를 만듭니다.

첫 번째 원칙은 사이트에 대한 잠재고객의 첫인상이고 두 번째 원칙은 페이지를 통한 잠재고객의 여정입니다. 세 번째 원칙은 잠재 고객이 페이지를 전체적으로 처리하는 방법이며 거기에서 사이트에 대한 인식을 형성합니다.

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

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

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

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

알아야 할 레이아웃 용어

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

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

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

• 여백: 페이지에서 컨테이너 사이의 공간

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

• 와플 철망: 동일한 크기와 위치에 있는 9개(경우에 따라 다소) 컨테이너의 표준 구조

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

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

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

• 여백: 콘텐츠가 숨 쉬는 데 도움이 되는 컨테이너 사이 및 주변의 여백

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

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

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

4. 레이아웃이 페이지를 통해 시선을 어떻게 안내합니까? 효과가 있습니까?

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

누가 제대로 하고 있는가

신중하게 배치된 다양한 크기의 컨테이너는 독자를 압도하거나 강제로 스크롤하지 않고도 Slack 블로그의 콘텐츠 우선 순위를 지정하는 데 도움이 됩니다. 이 브랜드는 표준 제목 스타일로 다양한 콘텐츠 카테고리를 설정하지만 독자가 보고 있는 콘텐츠의 특성에 미묘한 변화를 나타내면서 시각적인 흥미를 유발하는 다양한 컨테이너 구성을 제공합니다.

작업이 필요한 사람

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

또는 Rolling Stone 은 페이지를 너무 많이 채워 실수를 범합니다. 너무 많은 컨테이너와 레일 공간의 남용으로 인해 이 페이지가 어수선하고 체계적이지 않은 느낌이 듭니다.

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

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

한 브랜드에 적합한 것이 귀하의 브랜드에는 적합하지 않을 수 있으며, 오늘날 견고한 시각적 정체성처럼 느껴지는 것이 1년 후에는 완전히 사라질 수 있습니다. 시각적 정체성을 형성할 때 브랜드 일관성과 디자인 모범 사례 간의 균형을 맞추는 것이 중요할 뿐만 아니라 미적 선택이 현재 사명, 가치 및 비전을 정확하게 나타내는지 확인하고 싶을 것입니다.

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

추천 이미지 출처: Unsplash의 Mahir Uysal