이메일 디자인 제작시 알아두어야 할점
작성자 : 웰리스
등록날짜 : 2009.02.04 20:45
안녕하세요 ^^ 포스트맨 디자이너 최영하입니다.
이메일로 보내는 메일링 제작을 할때 알아두면 편리한 몇가지를 정리 보려고합니다.
(이글을 읽으시는 모든분들이 html의 기본 구조와 html에 대해서 어느정도 이해가 있다는 가정하에 글을 써내려가겠습니다.)
1. 웹사이트에서는 css를 일단 위에서 잡아주면 body밑에 있는 모든 html에 영향을 줍니다.
그러나. 메일에서는 그렇지 않습니다.
ex>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<style type="text/css">
<!--
.td{
font-family: "돋움";
font-size: 12px;
color: #333333;
}
-->
</style>
</head>
위와 같이 잡아주면 웹사이트에서는 td에 있는 모든 font에 적용이 되는데 메일에서는 그렇지 않습니다.
간혹, 메일을 작성해서 테스트 메일을 보내고 나서 확인할때 자신의 컴퓨터에서는 제대로 나오는데 ,
다른 사람 컴퓨터에서는 table이 깨지고 font가 크게 나오거나 작게 나오는 경우가 발생합니다.
그 이유가 바로 이런 문제 때문입니다.
그래서, 그것을 해결할 수 있는 방법은 font가 들어있는 td에 각각 따로 따로 font size를 잡아줘야 한다는겁니다.
ex> <td height="20" width="100" style="font-size:12px;color:#333333">텍스트</td>
위와같이 잡아줘야 어디에서든 똑같은 크기로 메일을 받아 보실 수 있습니다.
물론, 폰트 뿐 아니라 라인을 주고 싶을때도 마찬가지입니다.
ex> <td height="20" width="100" style="border: 1px solid #e2e2e2"> </td>
위와같이 하나씩 잡아줘야 합니다. 위의 예는 아래,위,오른쪽,왼쪽 전부 라인을 1px로 #e2e2e2색으로 주라는 명령어입니다.
이렇듯. 메일에서는 제한하고 있는 것들이 아주 많습니다.
메일에서는 head부분을 무시하고 html을 읽어들이기 때문에 발생하는 경우입니다.
2. 어느 대상으로 나가는 메일인지가 가장 중요합니다.( 성별, 나이, 직업, 혹은 이벤트인지 아니면 공지인지)
단어 뜻에서도 다르듯 이벤트와 공지는 디자인 자체가 상반되는 것이기 때문에, 보내시는 분의 판단이 중요합니다.
40대 주부에게 보내는 이벤트인데 공부에 관한 내용을 보낼 수 없듯이.. 내용도 중요하지만, 그 나이대에 맞는 색감과 디자인은 그 메일의 값어치를 나타낸다고 봐도 될것입니다.
이렇듯. 웹사이트도 그렇겠지만, 메일은 단 한장으로 모든것으 나타내야 하기때문에 더 어렵고, 더 신중해야 하는것입니다.
메일링을 성공적으로 보내서 효과를 보기위해서는 우선 디자인보다 , 컨셉과 대상을 확실히 잡아야 한다는것입니다.
3. 메일을 디자인할때 색감을 잘써야합니다. 너무 많은 색은 보는 사람에게 피로함을 주기때문에 되도록이면 포인트 되는색은
3가지정도에서 끝내는것이 가장 균형잡힌 색 배분이라고 할 수 있습니다.
4. copyright부분에는 보내는 회사의 주소와 퀵 메뉴같은 편의성을 강조할 수 있는 부분들을 정리해서 적어두시면 됩니다.
5. 보통 나가는 기본적인 메일폼은 상단에 로고 가운데 컨텐츠 하단에 copyright가 들어가는데, 그렇다고 정확하게 이 폼을 지켜야 하는것은 아닙니다.
좀더, 메일을 열어보는 대상자를 생각해서 자극적이고 , 기발한 아이디어로 메일을 보내셔도 무방합니다.
단, 위에서 말했던 style잡는 부분이나, 대상자 선정에 맞는 디자인은 등은 최소 지킨다는 아래 가능합니다.
* 지금까지 메일을 제작함에 있어서 조금이나마 편의성을 드리기 위해서 간략하게 알려드렸습니다.
이메일로 보내는 메일링 제작을 할때 알아두면 편리한 몇가지를 정리 보려고합니다.
(이글을 읽으시는 모든분들이 html의 기본 구조와 html에 대해서 어느정도 이해가 있다는 가정하에 글을 써내려가겠습니다.)
1. 웹사이트에서는 css를 일단 위에서 잡아주면 body밑에 있는 모든 html에 영향을 줍니다.
그러나. 메일에서는 그렇지 않습니다.
ex>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<style type="text/css">
<!--
.td{
font-family: "돋움";
font-size: 12px;
color: #333333;
}
-->
</style>
</head>
위와 같이 잡아주면 웹사이트에서는 td에 있는 모든 font에 적용이 되는데 메일에서는 그렇지 않습니다.
간혹, 메일을 작성해서 테스트 메일을 보내고 나서 확인할때 자신의 컴퓨터에서는 제대로 나오는데 ,
다른 사람 컴퓨터에서는 table이 깨지고 font가 크게 나오거나 작게 나오는 경우가 발생합니다.
그 이유가 바로 이런 문제 때문입니다.
그래서, 그것을 해결할 수 있는 방법은 font가 들어있는 td에 각각 따로 따로 font size를 잡아줘야 한다는겁니다.
ex> <td height="20" width="100" style="font-size:12px;color:#333333">텍스트</td>
위와같이 잡아줘야 어디에서든 똑같은 크기로 메일을 받아 보실 수 있습니다.
물론, 폰트 뿐 아니라 라인을 주고 싶을때도 마찬가지입니다.
ex> <td height="20" width="100" style="border: 1px solid #e2e2e2"> </td>
위와같이 하나씩 잡아줘야 합니다. 위의 예는 아래,위,오른쪽,왼쪽 전부 라인을 1px로 #e2e2e2색으로 주라는 명령어입니다.
이렇듯. 메일에서는 제한하고 있는 것들이 아주 많습니다.
메일에서는 head부분을 무시하고 html을 읽어들이기 때문에 발생하는 경우입니다.
2. 어느 대상으로 나가는 메일인지가 가장 중요합니다.( 성별, 나이, 직업, 혹은 이벤트인지 아니면 공지인지)
단어 뜻에서도 다르듯 이벤트와 공지는 디자인 자체가 상반되는 것이기 때문에, 보내시는 분의 판단이 중요합니다.
40대 주부에게 보내는 이벤트인데 공부에 관한 내용을 보낼 수 없듯이.. 내용도 중요하지만, 그 나이대에 맞는 색감과 디자인은 그 메일의 값어치를 나타낸다고 봐도 될것입니다.
이렇듯. 웹사이트도 그렇겠지만, 메일은 단 한장으로 모든것으 나타내야 하기때문에 더 어렵고, 더 신중해야 하는것입니다.
메일링을 성공적으로 보내서 효과를 보기위해서는 우선 디자인보다 , 컨셉과 대상을 확실히 잡아야 한다는것입니다.
3. 메일을 디자인할때 색감을 잘써야합니다. 너무 많은 색은 보는 사람에게 피로함을 주기때문에 되도록이면 포인트 되는색은
3가지정도에서 끝내는것이 가장 균형잡힌 색 배분이라고 할 수 있습니다.
4. copyright부분에는 보내는 회사의 주소와 퀵 메뉴같은 편의성을 강조할 수 있는 부분들을 정리해서 적어두시면 됩니다.
5. 보통 나가는 기본적인 메일폼은 상단에 로고 가운데 컨텐츠 하단에 copyright가 들어가는데, 그렇다고 정확하게 이 폼을 지켜야 하는것은 아닙니다.
좀더, 메일을 열어보는 대상자를 생각해서 자극적이고 , 기발한 아이디어로 메일을 보내셔도 무방합니다.
단, 위에서 말했던 style잡는 부분이나, 대상자 선정에 맞는 디자인은 등은 최소 지킨다는 아래 가능합니다.
* 지금까지 메일을 제작함에 있어서 조금이나마 편의성을 드리기 위해서 간략하게 알려드렸습니다.
[출처] 이메일 디자인 제작시 알아두어야 할점 (쇼핑몰 대박못내는 진짜이유!) |작성자 프런티어
"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기, 각종 광고, 영업, 판매, 제안서, 전단지 반응율 3배×10배 이상 높이는 마법의 8단계 공식" |
☞자세히보기 |
|
|