image.png

机房柜子标签.jpg

背景

邮件通讯是当前正式场合下运用最广的通讯方式。在互相传达讯息的过程中,打电话通常会给人一种紧迫感,仿佛自己原有的节奏突然被打断,适用于紧急通讯;发短信往往给人一种无关紧要,拿起手机轻略一撇便匆匆放下的浮躁感,适用于简短的通知提醒;QQ,微信的通讯则更是显得私密和不正式,与仪式感越离越远,适用于非正式的社交场景,而邮件通讯很好地综合了当前所有通讯方式的优点。邮件可长可短,编写邮件的过程中可以充分斟酌语句,把一件事情表达地既清晰又得体,收发和回复邮件的时间可自由安排,接收者可由选择合适的时间集中处理邮件,既保证了信息的传递,又能给读者留下足够的考虑时间。鉴于以上优点,邮件已成为当前的正式场合下的主要通讯工具。

当前,得益于互联网技术的发展,邮件的形式和功能越来越多样:通知提醒、资讯推送、文件传输、广告宣传、商品营销、问卷调查等等,许多公司的邮件文化已经成为了企业文化的一部分。

image.pngimage.png
国外公司销售邮件 小米公司销售邮件
image.png
语雀的文章推送邮件

作为新时代的青年,我们已经或者即将加入一个团队,我们发现我们的邮件是这样的:

image.pngimage.png
某同学发的邮件 某教授发的邮件

也许邮件的语言表达上并没有问题,但是,这给我的感觉就像是没学过office的大一新生交上来的从网上复制粘贴的作业!!!请打回去稍微拍一下版。

我们能否向企业一样,设计一个排版美观的邮件呢?

邮件设计初探


以下是本人尝试进行邮件设计的成果,效果还不错!!!比以前好多了

  1. <div id="qm_con_body">
  2. <div id="mailContentContainer" class="qmbox qm_con_body_content qqmail_webmail_only">
  3. <table class="d_minw0" align="center" border="0" cellpadding="0" cellspacing="0" style="min-width: 600px; width:100%; table-layout:fixed; margin:auto; background-color:#dedede;" width="100%">
  4. <tbody>
  5. <tr>
  6. <td valign="top" align="center" style="padding: 10px 10px 0 10px;">
  7. <div elq-delete="true" class="">
  8. <br>
  9. <br>
  10. </div>
  11. <table width="600" class="d_w100pc" cellpadding="0" cellspacing="0" border="0" style="width: 600px">
  12. <tbody>
  13. <tr>
  14. <td valign="top" bgcolor="#fffffe">
  15. <table width="100%" cellpadding="0" cellspacing="0" border="0">
  16. <tbody>
  17. <tr>
  18. <td valign="top" align="left">
  19. <table width="100%" cellpadding="0" cellspacing="0" border="0">
  20. <tbody>
  21. <tr>
  22. <td style="padding: 40px 40px 20px 40px;" class="d_p20">
  23. <table width="100%" cellpadding="0" cellspacing="0" border="0">
  24. <tbody>
  25. <tr>
  26. <td elq-delete="true" class="">
  27. <div id="qm_con_body">
  28. <div id="mailContentContainer" class="qmbox qm_con_body_content qqmail_webmail_only">
  29. </div>
  30. </div>
  31. <table cellpadding="0" cellspacing="0" border="0">
  32. <tbody>
  33. <tr>
  34. <td elq-edit="true" class="brandfont" style="padding-bottom: 20px; line-height: 20px; text-align: left;">
  35. <img src="/cgi-bin/viewfile?f=E359E14E7BC70969DEB743831DCBAAB4F79420EFBCE2702AC1234E7F7765352DC90948D51DD4F13D2FA7A1C8F38308B435902FB7D9060A55077EBFA9EF8F9F32AEE88B825AFB33709FAD9E63DDF7FD46D9EA7BD3F7BCEEB1C1DCB542A3572679&amp;mailid=ZD3016-NVET7UvGlYr_QCN4XGZMY88&amp;sid=1LCQ50HHk4yCWjln&amp;net=1022181988" modifysize="65%" diffpixels="13px" scalingmode="zoom" style="width: 600px; height: 85px;">
  36. <div>
  37. <br>
  38. </div>
  39. <div>
  40. <br>
  41. </div>
  42. <div>
  43. <font color="#of4c81" face="Helvetica, Arial, Microsoft Yahei, 微软雅黑, STXihei, 华文细黑, sans-serif" size="5" style="font-weight: bold;">
  44. 尊敬的邓老师, 亲爱的同学们:
  45. </font>
  46. </div>
  47. <div>
  48. <br>
  49. </div>
  50. <div>
  51. <font color="#4d4d4d" face="Helvetica, Arial, Microsoft Yahei, 微软雅黑, STXihei, 华文细黑, sans-serif" size="4">
  52. 大家下午好!
  53. </font>
  54. </div>
  55. <div>
  56. <br>
  57. </div>
  58. <div>
  59. <font color="#4d4d4d" face="Helvetica, Arial, Microsoft Yahei, 微软雅黑, STXihei, 华文细黑, sans-serif" size="4">
  60. 今晚将召开本月课题组例会,请大家按时参加
  61. </font>
  62. </div>
  63. <div>
  64. <br>
  65. <br>
  66. </div>
  67. <div>
  68. <font color="#4d4d4d" face="Helvetica, Arial, Microsoft Yahei, 微软雅黑, STXihei, 华文细黑, sans-serif" size="4" style="font-weight: bold;">
  69. 主 &nbsp;持 &nbsp;人: &nbsp;凌天洋
  70. <br>
  71. 会议时间: &nbsp;2018年9月27日
  72. <br>
  73. 会议地点: &nbsp;风洞306室
  74. </font>
  75. </div>
  76. <div>
  77. <br>
  78. </div>
  79. <div style="text-align: center;">
  80. <font color="#of4c81" face="Helvetica, Arial, Microsoft Yahei, 微软雅黑, STXihei, 华文细黑, sans-serif" size="4" style="font-weight: bold;">
  81. 会议流程:
  82. <br>
  83. —————————————————————————————————&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  84. </font>
  85. </div>
  86. <div>
  87. <font color="#4d4d4d" face="Helvetica, Arial, Microsoft Yahei, 微软雅黑, STXihei, 华文细黑, sans-serif" size="3" style="font-weight: bold;">
  88. 1、例会开场白
  89. <br>
  90. <br>
  91. 2、各岗位负责任人工作汇报;
  92. <br>
  93. <br>
  94. 3、各小组组长关于组员近期工作进展汇报;
  95. <br>
  96. <br>
  97. 4、邓老师总结发言
  98. </font>
  99. </div>
  100. <div>
  101. <font color="#of4c81" face="Helvetica, Arial, Microsoft Yahei, 微软雅黑, STXihei, 华文细黑, sans-serif" size="4" style="text-align: center; font-weight: bold;">
  102. <br>
  103. —————————————————————————————————&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  104. </font>
  105. </div>
  106. <div style="text-align: center;">
  107. <div style="text-align: justify;">
  108. <font color="#4d4d4d" face="Helvetica, Arial, Microsoft Yahei, 微软雅黑, STXihei, 华文细黑, sans-serif" size="4">
  109. 请大家拨冗出席,准时参加!
  110. </font>
  111. </div>
  112. <div>
  113. <br>
  114. </div>
  115. <div style="text-align: justify;">
  116. <font color="#4d4d4d" face="Helvetica, Arial, Microsoft Yahei, 微软雅黑, STXihei, 华文细黑, sans-serif" size="4">
  117. 祝工作顺利、心想事成!
  118. </font>
  119. </div>
  120. <div>
  121. <br>
  122. </div>
  123. <div style="text-align: center;">
  124. <font size="4" color="#0f4c81" style="font-weight: bold;">
  125. 车桥组向大家问好~
  126. <br>
  127. <br>
  128. </font>
  129. </div>
  130. <div style="text-align: center;">
  131. <img src="/cgi-bin/viewfile?f=E359E14E7BC70969DEB743831DCBAAB4F79420EFBCE2702AC1234E7F7765352DC90948D51DD4F13D2FA7A1C8F38308B435902FB7D9060A5567F272F77D4E9A7AEF4C90A7EDB6D021C4998CEE8E941E472ECF85CEEA55E279B97284775914AA40&amp;mailid=ZD3016-NVET7UvGlYr_QCN4XGZMY88&amp;sid=1LCQ50HHk4yCWjln&amp;net=1022181988" modifysize="65%" diffpixels="13px" style="width: 600px; height: 309px;">
  132. <br>
  133. <br>
  134. <br>
  135. <img src="/cgi-bin/viewfile?f=E359E14E7BC70969DEB743831DCBAAB4F79420EFBCE2702AC1234E7F7765352DC90948D51DD4F13D2FA7A1C8F38308B435902FB7D9060A55125005C0B7FCE4F9E2ABB7F67BB49BF578FC5E903AAEC226DE36FAB54C3A66A6A1F61256EB2FA8DA&amp;mailid=ZD3016-NVET7UvGlYr_QCN4XGZMY88&amp;sid=1LCQ50HHk4yCWjln&amp;net=1022181988" modifysize="68%" diffpixels="14px" style="width:600px; height: 166px;">
  136. <br>
  137. </div>
  138. </div>
  139. </td>
  140. </tr>
  141. </tbody>
  142. </table>
  143. </td>
  144. </tr>
  145. </tbody>
  146. </table>
  147. </td>
  148. </tr>
  149. </tbody>
  150. </table>
  151. </td>
  152. </tr>
  153. </tbody>
  154. </table>
  155. </td>
  156. </tr>
  157. </tbody>
  158. </table>
  159. </td>
  160. </tr>
  161. </tbody>
  162. </table>
  163. </div>
  164. </div>
  165. <div id="qm_con_body">
  166. <div id="mailContentContainer" class="qmbox qm_con_body_content qqmail_webmail_only">
  167. <table class="d_minw0" align="center" border="0" cellpadding="0" cellspacing="0" style="min-width: 600px; width:100%; table-layout:fixed; margin:auto; background-color:#dedede;" width="100%">
  168. <tbody>
  169. <tr>
  170. <td valign="top" align="center" style="padding: 10px 10px 0 10px;">
  171. <div elq-delete="true" class="">
  172. <br>
  173. <br>
  174. </div></td></tr></tbody></table></div></div>

邮件效果对比

设计之前


尊敬的X老师, 亲爱的同学们:

大家下午好!
今晚将召开本月课题组例会,请大家按时参加!

主 持 人: 凌xx
会议时间: 2018年9月27日
会议地点: 风洞306室
会议流程:
—————————————————————————————————
1、例会开场白

2、各岗位负责任人工作汇报;

3、各小组组长关于组员近期工作进展汇报;

4、X老师总结发言
—————————————————————————————————
祝工作顺利、心想事成!

设计之后

image.png

![image.png](https://cdn.nlark.com/yuque/0/2019/png/161130/1569325666404-0423aeaa-c117-4003-903b-8c09eb61cccc.png#align=left&display=inline&height=166&name=image.png&originHeight=285&originWidth=302&size=36870&status=done&style=none&width=176)