이메일 마케팅 및 랜딩 페이지의 반응형 디자인을 위한 비결

El 다양한 형식으로 인해 반응 형 디자인은 오늘날 매우 중요합니다. 사용자가 자신의 태블릿, 모바일, 심지어 컴퓨터에서도 마주하게됩니다. 이메일 마케팅 및 랜딩 페이지의 이러한 반응 형 디자인은 고객과의 옴니 채널 커뮤니케이션에있어 더욱 중요합니다.

따라서 다른 템플릿을 사용하는 것을 진지하게 받아 들여야합니다. 최고의 디자인으로 도착하는 다양한 너비 Google 또는 Facebook의 광고에서 전환하기를 원하는 미래의 고객이 방문 할 뉴스 레터 또는 랜딩 페이지가 가능합니다.

이메일 마케팅의 반응 형 디자인

이메일 마케팅은 제품 제안 또는 블로그에 작성된 새 게시물을 알리는 방법 중 하나입니다. 따라서 더 깊은 방법으로 좁혀 모든 추종자들과 함께.

이러한 뉴스 레터가 반응한다는 것은 그들은 모바일에서 완벽하게 볼 수 있습니다, 태블릿 또는 컴퓨터. 그래서 우리는 뉴스 레터를 쉽게 읽을 수 있도록 모든 시각적 요소가 조화를 이루도록 필요한 도구를 갖춰야합니다.

IKEA 뉴스 레터

반응 형이란 다른 장치에서 페이지 표시가 항상 정확함. 이를 위해 우리는 도구가 있습니다 이메일 마케팅 다양한 형식으로 작성된 뉴스 레터를 테스트하고 패딩 또는 여백과 같은 값을 수정하여 브라우저 너비를 줄임에 따라 완벽하게 재배치되도록 도와줍니다.

의 CSS "미디어 쿼리"를 사용한 웹 디자인이 사용됩니다. 형식에 따라 웹 사이트를 디자인합니다. 최대 360px는 휴대폰 용이고 360px에서 650px까지 태블릿에서 웹 사이트를 보는 모든 사용자를 위해 수정할 수 있습니다.

이메일 마케팅 뉴스 레터의 몇 가지 원칙은 다음과 같습니다.

깔끔한 시각적 계층 구조: 단락 형식으로 텍스트를 남길 H2의 제목입니다.
두 가지 소스: 하나는 제목이고 다른 하나는 텍스트로 뉴스 레터를 더 읽기 쉽게 만듭니다.
El 제목, 텍스트 및 기타 요소를 구분하기위한 색상 사용: 점차 짙은 회색에서 밝은 회색으로 갈 수 있습니다.
Un CTA (클릭 유도 문안) 명확하고 구별 가능: 당사 로고가 빨간색이면 CTA는이 색상으로 나머지는 보색으로 할 수 있습니다.

우리는 당신에게 위대한 Filmin이 진행하는 뉴스 레터의 반응 형 디자인 제공된 이미지에서 볼 수 있습니다. 흰색의 명확한 타이포그래피와 매우 밝은 회색의 텍스트를 사용하면 원하는 경우 읽을 수있는 다양한 공간을 빠르게 시각화 할 수 있습니다. CTA는 다른 세계에서 온 것이 아니라 그 플레이 아이콘을 돕고 우리를 기다리고있는 것을 보게합니다.

여백에 충분한 공간, 텍스트의 기본 색상으로 흰색 및 로고와 완벽하게 어울리는 브랜드의; 눈에 띄는 회색으로 둘러싸여 있습니다. 처음부터 당신을 사로 잡는 뉴스 레터의 무대가되는 눈길을 끄는 이미지. 화면의 전체 너비가 "먹히지"않도록 측면에도 공백이 남습니다.

의 데스크탑 버전은 이러한 원칙을 유지합니다., 심지어 텍스트에 더 많은 공간을 남기고 양쪽에 큰 여백을 남깁니다.

랜딩 페이지의 반응 형 디자인

롯 반응 형 디자인에도 동일한 원칙을 사용할 수 있습니다. 방문 페이지의 템플릿을 올바르게 선택하고 디자인의 몇 가지 규칙을 따르는 데 항상 시간을 할애하는 것이 매우 중요합니다.

시각적 단순성: 우리는 CTA에 초점을 맞추기 위해 공백을 유지하는 것에 대해 이야기하고 있습니다.
아름답고 매력적인 이미지 독자에게 해상도를 잊지 않고 완벽하게 보입니다.
색상의 중요성 다시 강조합니다.

모바일, 태블릿 및 데스크톱 용 랜딩 페이지의 반응 형 디자인을 작업해야합니다. 받아 변경 될 때마다 반복해서 시도하는 데 필요한 시간 우리는 우리 자신을 신뢰할 수 있고 CSS에서 변경 한 내용이 모바일에서 끔찍하게 보일 것이라는 사실을 잊을 수 있기 때문에이 세 가지 형식에서 볼 수 있습니다.