이메일 서명은 개인 브랜딩에 있어 가장 쉽게 성과를 낼 수 있는 요소입니다. 전문성을 보여주고, 브랜드 인지도를 높이며, 공짜 마케팅 효과까지 얻을 수 있죠.
그런데 문제가 하나 있습니다. 요즘은 많은 사람들이 다크 모드로 이메일을 확인하기 때문에, 정성껏 제작한 이메일 서명이 의도와 다르게 깨져 보일 가능성이 있다는 점입니다.
다크 모드는 이메일 서명을 망가뜨리는 것으로 악명이 높지만, 몇 가지 조치만 취하면 수신자가 어떤 모드로 이메일을 열어보더라도 서명이 항상 깔끔하게 보이도록 만들 수 있습니다.
다크 모드란?
다크 모드는 디지털 화면의 디스플레이 설정으로, 밝은 배경에 어두운 글씨를 표시하는 기존 방식을 반전시키는 기능입니다.
대신 사용자에게는 어두운 배경 위에 밝은 글씨가 표시됩니다.
지난 몇 년간 다크 모드의 인기가 폭발적으로 증가했습니다. 즉, 여러분이 보내는 많은 이메일이 수신자에 의해 다크 모드로 읽힌다는 뜻입니다. 안타깝게도 발신자 입장에서는 수신자가 라이트 모드로 볼지 다크 모드로 볼지 통제할 방법이 없습니다.
다크 모드가 이메일 서명에 미치는 영향
기기가 다크 모드로 설정되면 메일 앱은 이메일 서명을 포함한 이메일 전체의 표시 방식을 변경합니다.
Apple Mail, Gmail, Outlook 같은 메일 앱은 크게 두 가지 방식으로 다크 모드를 처리합니다.
1. 완전 다크 모드(Full Dark Mode)
완전 다크 모드에서는 메일 앱이 표시하는 이메일의 색상 자체를 변경합니다. 원래의 어두운 텍스트를 흰색 텍스트로 바꾸고, 드물긴 하지만 이메일 속 이미지의 색상까지 반전시키려 시도하기도 합니다.
특히 이메일 서명에 코딩된 HTML 색상은 대부분 강제로 반전됩니다.
이 변환 과정은 세심하게 디자인된 이메일 서명을 순식간에 읽기 어려운 엉망으로 만들 수 있습니다. 그렇기 때문에 처음부터 다크 모드를 염두에 두고 서명을 디자인하는 것이 중요합니다.
Gmail은 완전 다크 모드를 적용하는 대표적인 메일 앱입니다. 위 예시는 라이트 모드에서 잘 디자인된 이메일 서명이 Gmail 앱의 다크 모드에서는 어떻게 뒤엉키는지 보여줍니다.
2. 유사 다크 모드(Pseudo-Dark Mode)
유사 다크 모드는 다소 성의 없는 다크 모드 구현 방식입니다. 어두운 배경에 밝은 텍스트라는 다크 모드의 핵심 장점을 독자에게 전혀 주지 못하거든요.
이 경우 메일 앱 자체만 다크 모드일 뿐, 이메일 본문은 그대로 밝은 배경 위에 표시됩니다.
이런 상황에서 걱정해야 할 것은 이메일 서명 주변의 패딩(여백) 정도입니다. 서명에 여백이 없다면 서명이 배경에 빈틈없이 붙어 답답하게 보일 수 있습니다.
라이트 모드와 다크 모드 모두에서 멋지게 보이는 서명 디자인 5단계
다음 5단계를 따르면 이메일 서명이 다크 모드에서도 라이트 모드만큼 훌륭하게 보이도록 만들 수 있습니다.
1. 다크 모드까지 지원하는 이메일 서명 생성기를 사용하세요
전문적인 이메일 서명 생성기가 많이 있지만, 모든 도구가 다크 모드를 고려해 설계된 것은 아닙니다. 어떤 도구는 흰색 배경의 아이콘을 사용하거나 서명 전체를 하나의 크고 투박한 이미지 파일로 만들어버리기도 합니다.
인기 있는 무료 서명 생성기들은 여러 레이아웃을 선택할 수 있게 해주는데, 그중 일부는 다크 모드에서 잘 작동하고 일부는 그렇지 않습니다. 디자인을 검토할 때는 반드시 기기에서 라이트 모드와 다크 모드 양쪽으로 미리보기를 확인하세요.
직접 로고나 이미지를 업로드한다면, 아래에서 설명할 투명 배경과 외곽선 관련 지침을 꼭 따르시기 바랍니다.
2. 투명한 이미지를 사용하세요
많은 사람들이 이미지를 흰색 배경에 저장하면서 항상 흰색 배경 위에 표시될 거라고 가정합니다. 배경까지 함께 저장되었다는 사실을 모르는 경우도 많죠.
흰색 배경이 포함된 이미지는 다크 모드에서 투박하고 비전문적으로 보이기 쉽습니다. 의도적으로 배경색을 넣는 것이 아니라면, 서명에 쓰이는 모든 이미지는 투명 배경으로 준비하는 것이 좋습니다. 일반적으로 투명 파일은 PNG 또는 GIF 형식이어야 하며, PNG가 가장 널리 사용됩니다.
이미지에 배경색을 추가한다면 두 모드에서 모두 잘 보이는지 확인하세요. 예를 들어 밝은 초록, 노랑, 빨강처럼 선명한 색상은 밝은 배경과 어두운 배경 모두에서 무난하게 어울립니다.
3. 어두운 그래픽 요소에는 흰색 외곽선을 넣으세요
서명 이미지에 어두운 텍스트나 그래픽 요소를 사용한다면, 흰색 또는 최소한 더 밝은 색으로 외곽선을 그려보세요.
이 간단한 차이만으로도 요소가 배경에 완전히 묻혀 사라지느냐, 또렷하게 살아나느냐가 갈립니다. 단, 이 방법은 투명 이미지를 사용했을 때만 효과가 있습니다. 흰색 배경이 그대로 남아 있다면 주요 그래픽에 흰색 외곽선을 넣어도 아무 소용이 없습니다!
4. 서명 주위에 패딩(여백)을 추가하세요
이 단계는 유사 다크 모드로 표시되는 서명을 위한 것입니다. 서명 가장자리에 여백을 추가하면 메일 앱이 서명 전체를 흰색 배경 위에 올렸을 때 답답해 보이는 것을 막을 수 있습니다.
패딩 추가는 기술적으로 다소 까다로울 수 있고, 사실 아주 사소한 디테일이기도 합니다. 하지만 이메일 서명을 모든 환경에서 100% 완벽하게 보이게 하고 싶다면 고려할 만한 단계입니다. 특히 그래픽 디자이너처럼 디테일이 곧 신뢰가 되는 직종이라면 챙겨두는 것이 좋습니다.
5. 서명을 직접 테스트하세요!
스스로에게 테스트 이메일을 보내고, 다양한 기기와 화면에서 열어보세요. 수신자들이 실제로 사용할 것으로 예상되는 환경도 반드시 점검하세요. 예를 들어 고객 대부분이 Outlook을 사용한다면 Outlook에서 테스트하는 것이 필수입니다.
Android 사용자라면 인기 Android 앱에서 다크 모드를 활성화하는 방법 가이드를, iOS 사용자라면 iPhone이나 iPad에서 다크 모드를 사용하는 방법 가이드를 참고해보세요.
전문적인 이메일 서명을 만드는 데 공을 들였다면, 모든 매체에서 잘 보이도록 확실히 해두는 것이 그 공의 값을 하게 만듭니다.
직접 테스트해보기 전까지는 실제로 어떻게 보이는지 알 수 없습니다.
다크 모드는 계속됩니다. 이제 적응할 때입니다
다크 모드는 일반 기기 사용자, UX/UI 디자이너, 기기 제조업체 사이에서 꾸준히 입지를 넓히고 있습니다.
이메일 서명을 전문적으로 브랜딩하는 데 시간과 노력을 들이고 있다면, 라이트 모드뿐 아니라 다크 모드에서도 완벽하게 보이는지 확인할 가치가 충분히 있습니다.