전환율을 개선하기 위해 서체 및 글꼴 크기를 사용하는 방법

서체는 디자이너가 웹사이트를 디자인할 때 종종 무시하는 가장 과소평가된 기능 중 하나입니다. 훌륭한 디자이너는 타이포그래피의 중요성과 그것이 보는 사람에게 미치는 영향을 알고 있습니다. 연구에 따르면 선택한 유형의 타이포그래피는 사용자 경험과 시청자의 기분을 높이거나 낮출 수 있습니다. 방문자가 귀하의 콘텐츠가 너무 읽기 어렵거나 매력적이지 않다고 생각하면 사이트를 떠날 가능성이 큽니다. 그러면 전환율이 감소합니다. 이상적인 글꼴 선택은 사용자 경험을 향상시킬 수 있으며 비즈니스의 비전과 목표를 반영하는 기능도 있습니다. 목표는 양질의 콘텐츠로 웹사이트를 만드는 것뿐만 아니라 시각적으로 매력적이고 양질의 콘텐츠로 웹사이트를 만드는 것이어야 합니다.

완벽한 글꼴을 선택하는 방법과 피해야 할 실수:

적절한 타이포그래피 선택에는 올바른 글꼴 유형, 적절한 글꼴 크기, 이상적인 색상, 줄 간격 및 커닝 선택이 포함됩니다. 타이포그래피는 웹사이트 디자인의 다른 측면에 비해 무의미해 보이지만 전환율을 높이는 데 중요한 역할을 합니다. 적절한 타이포그래피를 결정할 때 염두에 두어야 할 몇 가지 고려 사항이 있습니다.

관련 게시물: 사이트에 글꼴을 개선하세요

1. 타겟 고객을 위한 글꼴과 브랜드 아이덴티티를 나타내는 글꼴 선택

글꼴 개념이 처음이라면 Calibri, Arial 등과 같은 글꼴이 특정 컨텍스트를 위해 설계되었다고 생각할 것입니다. 상자 밖에서 생각하기 시작하고 대상 고객과 브랜드 아이덴티티를 기반으로 글꼴을 선택하는 것으로 이동해야 합니다. 모든 글꼴에는 고유한 개성이 있습니다. 타겟 고객은 밀레니얼 세대입니까 아니면 좀 더 성숙한 세대 범주에 접근하려고 합니까? 귀하의 사이트는 특정 성별을 위해 개발되고 있습니까? 글꼴이 수행하는 비즈니스 유형과 잘 어울리나요? 이것은 글꼴을 사용하기 전에 스스로에게 물어봐야 하는 종류의 질문입니다.

• 모던/컨템포러리 폰트

이 글꼴은 일반적으로 최소한의 깔끔한 디자인을 가지고 있습니다. 그들의 아름다움은 단순함에 있습니다. 문자는 종종 Lombok과 같이 매우 가늘거나 굵습니다.

Behance 에서 다운로드하십시오 .

관련 게시물: 사용자 정의 CSS를 추가하여 WordPress 사이트를 사용자 정의하는 방법

• 전통 글꼴

이 글꼴은 꽤 오랫동안 사용되어 왔기 때문에 보다 전통적인 느낌을 줍니다. 그들은 Georgia, new times roman 등의 글꼴로 대표되는 편안함과 신뢰성을 의미합니다. 웹사이트가 구식이고 고전적인 성격을 갖도록 하려면 선택해야 하는 글꼴입니다. Athene 및 Barbaro와 같은 글꼴도 이러한 용도로 사용할 수 있습니다.

Behance 에서 아테네를 다운로드하십시오 .

1001Fonts 에서 Barbaro를 다운로드 하십시오 .

• 세련미와 우아함

일반적으로 아치와 곡선이 많은 글꼴은 미용이나 로맨틱 관련 웹 사이트에 자주 사용됩니다. 예를 들어 Castro 스크립트는 낭만적인 분위기를 풍기는 반면 Vanity와 같은 글꼴은 미용 관련 웹사이트를 만드는 데 적합합니다.

Dribble 에서 아테네를 다운로드하십시오 .

• 굵은 글꼴

강하고 굵은 문자로 잘 정의된 글꼴은 일반적으로 대담한 표현을 하고 사용자의 눈을 즉시 사로잡는 데 사용됩니다. 몇 가지 좋은 예로 Consequences 및 Nevis와 같은 글꼴이 있습니다.

Fontspace 에서 Consequences를 다운로드 하십시오 .

Fontspace 에서 Nevis를 다운로드 하십시오 .

• 개인화된 글꼴

회사의 본질을 진정으로 포착하기 위해 특별히 제작된 맞춤형 글꼴을 언제든지 선택할 수 있습니다. 자신만의 독특한 브랜드 아이덴티티를 구축하는 데 도움이 됩니다.

2. 가독성

웹사이트의 목표는 콘텐츠를 통해 고객에게 전달하는 것이지만 콘텐츠를 읽을 수 없는 경우에는 그렇게 하기 어려울 수 있습니다. 웹사이트의 내용이 너무 읽기 어려우면 방문자가 페이지를 떠날 가능성이 높아집니다. 이는 이탈률을 높이고 전환율을 낮추는 데 기여할 수 있습니다. 콘텐츠의 가독성에 영향을 미치는 특정 요소는 다음과 같습니다.

• 설계

창의적인 글꼴은 웹사이트에 에너지를 더할 수 있지만 과용해서는 안 됩니다. 글꼴을 너무 사치스럽게 만들어서 해독이 거의 불가능하게 해서는 안 됩니다. 때로는 더 적은 것이 더 많습니다. 따라서 방문자가 콘텐츠를 너무 읽기 어렵게 만들어서 문제를 지나치게 복잡하게 만들지 마십시오. 가독성을 타협하지 마십시오!

너무 많은 디자인의 글꼴을 사용하면 어수선하고 어수선해 보입니다. 방문자에게 혼란을 주고 전반적으로 부정적인 인상을 줄 수 있으므로 이러한 실수를 피하십시오. 웹 사이트를 만들 때 하나 또는 몇 개의 글꼴을 사용하십시오.

• 크기

글꼴 크기만큼 중요하지 않을 수 있는 요소도 사이트 방문자에게 브랜드의 비전과 정체성을 정확하게 나타내는 데 여전히 큰 역할을 할 수 있습니다. 구현될 글꼴 크기는 시청자의 눈에 부담을 주지 않도록 너무 작거나 너무 커서 페이지 영역의 대부분을 차지하지 않아야 합니다. 글꼴 크기를 읽을 수 있는 경우 방문자와 상호 작용할 수 있는 더 나은 플랫폼을 가질 가능성이 더 큽니다. 더욱이 그들은 당신의 메시지를 더 잘 이해할 수 있을 것입니다. 이 시대에 사람들은 다양한 장치(스마트폰, 노트북, 태블릿 등)를 통해 인터넷에 액세스합니다. 따라서 다양한 인터페이스에서 호환되는 글꼴 크기를 선택해야 합니다.

• 줄 간격 및 커닝의 중요성

줄 간격 및 커닝과 같은 요소는 시청자가 콘텐츠의 대략적인 길이를 인식하는 데 도움이 됩니다. 내용이 너무 길거나 읽기에 너무 번거로운 경우 방문자는 페이지를 떠날 가능성이 큽니다. 또한, 문자나 행 사이의 간격이 너무 넓거나 충분하지 않으면 사용자가 기사를 읽는 데 어려움을 겪을 수 있습니다. 커닝 및 줄 간격은 모든 줄/문자와 같아야 합니다. 그렇지 않으면 귀하의 웹사이트가 비전문적인 느낌을 받을 수 있습니다.

관련 게시물: 사이트에 쉽게 액세스할 수 있는 몇 가지 방법

3. 색 구성표

색 구성표를 선택할 때 대상 청중과 선호도를 고려해야 합니다. 대상 연령 그룹, 성별 및 틈새 시장을 고려하십시오. 그런 다음 그에 따라 색 구성표를 선택하십시오. 연구에 따르면 여성은 일반적으로 밝고 차분한 색상을 선호하는 반면 남성은 더 밝고 어두운 색상을 선호합니다. 이러한(및 기타 유사한) 요인에 따라 글꼴에 적합한 색상을 선택하십시오. 브랜드 로고의 주요 색상을 선택하고 주요 색상을 보완하는 웹사이트의 다른 색상을 선택해야 합니다.

색상을 추가하면 웹사이트가 진정으로 밝아질 수 있지만 너무 많은 색상을 추가하여 밝은 색조의 구별할 수 없을 정도로 엉망이 되어서는 안 됩니다. 색상은 어수선하지 않고 서로 조화를 이루어야 합니다. 이것은 공백 단계가 다시 유리함을 증명할 수 있는 곳입니다. 여백은 종종 적절한 비중을 차지하지 않는 중요한 측면입니다. 올바르게 수행하면 전반적인 가독성을 높이고 웹 사이트에 기교를 더할 수 있습니다.

결론

글꼴, 크기 및 색상과 같은 작은 세부 사항에 초점을 맞추는 것은 시간과 자원을 낭비하는 것처럼 보일 수 있지만 전환율을 높이면 반드시 대가를 치르게 됩니다. 모든 서체에는 고유한 개성이 있으며 모든 색상은 다른 이야기를 전달합니다. 그들은 함께 시청자의 기분과 감정에 영향을 미치는 능력을 가지고 있습니다. 따라서 최소한의 노력으로 임의의 방문자를 잠재 고객으로 전환하는 방법입니다.