刘钢的博客 – 我是UED

公司近期也在做edm方面的尝试 看到此文收获颇多 感谢ico同学的分享

EDM现在已经是电商营销的必备的环节，作为用户，每天都会收到好多EDM，吃喝玩乐样样都有。但反过来作为EDM策划者或者设计师，面对如此多的“竞争对手”，我们如何才能变得“独一无二”。(若你希望成为一个好的EDM营销人员，时刻收集EDM，一定要成为你的好习惯。)

1. 确定EDM的种类

EDM分很多种类，不同的EDM所要表达的东西都不一样，不全是进行销售，营销，也可能是别的。所以对于不同种类的EDM，需要调整到合适的方向。

通常我们把EDM分为以下四类：

纯文字类型：适用于对顾客进行通知和简单的互动反馈，文字内容又较易于格式化的，例如：注册确认，注册成功，订单成功，账单等

商品促销类型：如名字，适合用于商品销售，大多数电商临售网站都用这类型的模板，例如：6pm邮件，京东促销邮件

活动及功能上线类型：团购将这类型的EDM发挥了极致，差不多整个页面就是团购网站的缩小版，言归正传，这类型的EDM最适合一些需要强力push的活动。例如：淘宝商城1111活动

信息推送类型：定期将信息类推送给用户，比较适合此类型的EDM，例如：infoQ的信息推送等

• EDM分析上（设计事项，纯文字类型）
• EDM分析下（促销样式分析，活动及功能上线模式分析）
• 从一封营销邮件说起
• 关于系统邮件的设计
• 如何设计注册激活邮件

2. 开始编写代码

由于不在自家服务器上，EDM中的代码和普通网页是有区别的，代码编写和普通网页是有区别的，有如下几个地方可以注意一下

乱码：你没法知道所有用户的系统环境，因此使用utf8来避免乱码是非常重要的

绝对URL：若是相对URL,用户在打开页面是将看不到图片

图片Alt属性：大多数邮件服务器都屏蔽图片，所以在一片红叉的时候，你能够让用户看到图片原本的意义是很重要的。

图片压缩：打开的时间越短，用户看到的越快，还从服务器压力来说，对于图片的压缩也是需要的。

Table布局与内联样式：90%的服务对Table布局支持都很好，而DIV却无法得到很好的兼容，所以推荐使用table来制作，同时CSS也推荐使用内联样式来进行制作。

• CSS内联转化器
• 爱恨交加的HTML邮件

3.EDM的发送

请不要忽视这个最简单又最困难的环节，因为这关键到精心制作的EDM是否准确到用户手中，还是白白被扔到了“垃圾邮件”文件夹中。还有选择合适的发送时间也是一个勾引用户看EDM的好方法。

好的邮件标题：在打开邮件前，最先入眼的就是邮件标题，这个标题的好坏可以决定用户是否会打开这个邮件。在取名字的时候，重点+简洁有力的文字会是个不错的选择。

细分顾客：发送前，一定要好好定位您的客户，哪怕是老客户，针对不同类型的客户发送的EDM要有所区别，别一股脑儿的群发。

使用专用的发送邮件：邮件要专业，用户若看到了发件人是“tom02191@gmail.com”，绝对会降低您的第一印象，请选择个专业的邮件。

选择合适的发送时间：各大知名电子商务邮件，大部分集中在“11-13点”（京东，MasaMaso，Apple，Vancl等），和“7-9点”（新蛋，团购站等）2个时间段，这2个时间段恰恰是上班族打开电脑，或者疲倦想要休闲一下的时间，这样的话打开EDM和点击EDM的可能性就大大增加了。这样是不是比滥发EDM好呢？

• 电子邮件营销7个不能做的事
• HTML邮件的又一点思考

4.数据监测

邮件发送后，对邮件的后续的数据监测也是至关重要的，我们要知道邮件的到达率，打开率，点击率…..等各方面的数据，来判断这份EDM设计的好坏，也可以帮助到我们下次的设计。

监测的数据：对于数据，这篇文章说的很清楚《邮件营销的核心数据》

监测工具：Google Analytics，99click，等。

• 邮件营销的核心数据
• 一次利用Google Analytics追踪分析邮件营销的实例

转自:ico的ui设计-http://icojump.in/?p=1317

看了介绍 几个新功能都必要吸引人 解决了以前的一些麻烦问题

2010年11月22日，Axure公司释出了最新的Axure RP 6.0.0.2826测试版。

Axure RP 6是一次重大版本升级，全新的架构。
PC版本与Mac版本达到了风格统一。这次同时放出了它们的测试版。
PC版安装过程中会自动更新.NET Framework4.0。

Axure RP 6.0.0.2826备用下载：
英文PC版下载地址：http://u.115.com/file/f9d967ce12
汉化包下载地址：http://www.webppd.com/thread-2143-1-1.html
(先安装英文原型，再把汉化包文件覆盖到axure安装目录，英文原版与汉化包的版本要对应。)

英文Mac版下载地址：
http://maxure.s3.amazonaws.com/AxureRP-Pro-Beta-Setup.dmg

此次Axure RP 6 Beta版新增功能下面一一道来：

1. 可以设置页面背景图片、颜色以及相对于浏览器整体居中了。

2. 可以设置整体在线框边缘变为手绘风格的，以及是否彩色输出。

3. 因为是全新的架构，不再存在某些输入法中文无法输入的问题。

4. 可以设置文本行间距了，同时个性化字体可以输出到Html。

5. 更加易用的事件编辑器，再也不会像之前版本那样，编辑器窗口自动变大了。

6. 输出Html时可以选择用哪个浏览器打开。

7. 增加了栅格系统，自带960宽的12栅和16栅。
在菜单栏：Wireframe-Grid and Guides-Create Guides…中

8. 增加了页面和模块的搜索功能。

9. 增加了快速隐藏网格的快捷键。Ctrl+’

10. 新的测试版本不能再输出Word2000格式的文档了，只能是Word2007格式。

11. 兼容性，用Axure6可以打开以前所有版本制作的RP源文件，但是如果是Axure6制作的RP源文件，将无法使用像Axure5.6这样的低版本打开。

12. 取消了原来的状态栏，改为拖放组件时直接在右下角显示组件的位置和大小。

13. 没有了原来的收起工具面板，不知是为何考虑的。如果能有像Photoshop那样的Tab隐藏工具面板的快捷键就方便了。

14. 条件判断，判断组件或变量值时增加了包含与不包含，这下可以判断输入框是不是包含@符号，用于判断是不是邮箱地址了。同时还增加了一个不是数字或字母的判断，原来版本只有“是”数字或字母的判断。

15. 增加了针对变量或组件值的公式计算，貌似可以加减乘除运算了，还可以插入当前日期或页面名称。具体怎么使用还不熟悉。

16. 可以创建临时中间变量，方便记录各输入组件的值，而不是设置全局变量。

17. 增加了三个可用于条件判断的类型：
1. text on focused widget 是判断当前光标所在的组件内容值。
2. drag cursor 拖动鼠标的判断（目前我还不知道是干吗用的）。
3. widget rectangle 可以判断两个矩形组件是不是叠放在了一起（不知道有何实用性）。

18. 增加了一个可被赋值的类型：
1. text on focused widget 给当前光标所在组件的文本赋值。

19. 矩形右键多了个分配给某个组，不知干什么用的。（可能和未来拖拽有关）

20. 右键有了特殊性粘贴，但试了试并不清楚怎么用。

转载自
http://www.webppd.com/thread-2121-1-1.html

从2001年到2010年，IT从软件走向互联 网，Web从页面走向应用，这正是前端工程师职位从无到有快速成长的十年。在这个激情澎湃创意肆虐的十年，前端工程师们从单兵作战到团队协作，从刀耕火种到精耕细作，从手工作坊到自动流水线的并发处理，处处追求着设计与开发、效率与质量、商业与体验的平衡。在追求中成长，在成长中蜕变。

站在新十年的门槛前回首过去我们发现，绝大部分的前端创新都直接与用户体验相关，绝大部分的前端实现都可以自由看到原码，绝大部分的前端项目都是免费开源，这让前端成果借助于互联网的力量得到最大范围 的共享和最大限度的应用。共享最新成果，共创无限未来，这正是D2要带给你的。

• 本届主题：D平方（D2 = D²），潜能无限
• 论坛时间：2010年12月18日（星期六）
• 论坛地点：杭州市百瑞运河大饭店 （地图）
• 官网地址：d2forum.org
• 举办单位：淘宝网
• 活动报名：http://www.d2forum.org/d2/5/signup.html
  （截止时间：2010.11.30 23:59:59）
• 学生报名专区：http://www.d2forum.org/d2/5/signup_student.html
  （鼓励前端新生力量的加入和参与，特开设了学生报名专区）
• 作品Show报名：http://www.d2forum.org/d2/5/show.html
  （在全国的同行面前展示自己的成果，交流想法，共同进步）
• 特别致谢：Google、腾讯网、Cisco Webex、土豆网、CSDN、O’Reilly、口碑网、
  蓝色理想、图灵教育。
• 日程安排：
  

  上午: 8:45 – 11:30
  时间	主题	嘉宾
  08:45 – 09:15	入场
  09:15 – 11:30	前端的昨天、今天、明天（暂定）	科学松鼠会 & D2 组委会

  午餐时间: 11:30 – 13:00

  下午: 13:00 – 18:00
  	会场一		会场二
  时间	主题	嘉宾	主题	嘉宾
  13:00 – 14:00	打造高品质的JavaScript—运用Closure Compiler	Hedger（Google）	可复制的前后端分离开发模式	杜欢（思科）
  14:10 – 15:10	CommonJS时代的JS模块和编译工具	杨扬 / Dexter（土豆）	前端技术在电子商务领域的应用与实践	小虎 & 在天（淘宝）
  15:10 – 15:30	茶歇
  15:30 – 16:30	面向未来的前端开发	玉伯（淘宝）	Bookmarklet型(云端)应用的前端架构	屈超（腾讯）
  16:40 – 18:00	作品秀 / 互动交流

  注意：以上安排可能会根据具体情况进行一些补充与修改。

上周六新入了MBP 15寸 373高配~
放张网上的图吧

说说这一周的使用感受吧 购买前大概做了做功课 直接奔去machome拿货了 顺便买了一些基础的配件 膜什么之类的~

回来后就打算把一些工作环境移植到Mac下面,大概一周吧 基本搞定了 说说中间遇到了不少的问题 幸好有朋友们(@大嘴 @hoofei @vingel)的帮助 感谢下:)

我买回来就先用bootcamp安装了双系统 在原有的MAC OSX基础上安了 WIN7旗舰版 其实主要是解决一些浏览器兼容性测试 和网银的问题~

比较好的是 Vmware fustion 可以直接将bootcamp分区作为虚拟机在mac下运行 让我兴奋不少 不过用vmware fustion启动bootcamp的win7后 激活状态没有了 需要重新激活一下

说几个基础的问题吧

1.字体问题

windows下的字体有一些可以在mac下使用 最好找一些靠谱的字库直接安装就好了

我第一次安装完 adobe就崩溃了 打开就崩溃..后来发现是字体库的问题 删除后就好了

在mac下做网页设计的朋友不知道有没有遇到12px 14px 宋体的问题 这个问题纠缠我好久 都说拷贝个宋体过来就好了 我得却总是不行 最后发现问题出现在字体源 记住一定要用 winxp下的宋体 不要用win7下的宋体哦:)

2.编辑器

编辑器方面安装了2个利器

MacVim-属于轻量级的 且被称为编辑器之神 不多说了

MyEclipse-安这个的原因主要因为其支持的plug-in非常多 包含aptana,pydev,subeclipse 基本上能够满足所有开发的需要了

Ｄreamware 也随着adobe大师版一起装了进来 暂时还没有用到 不过这个用着比较熟悉 应该没啥问题

3.web环境

php环境我用的是xmaphp 一键安装 很简单

java的环境我下载的是tomcat  jdk的话mac自身也已经带了1.6.3

python环境 macosx自身就带2.6.1 升级了一下 需要注意的是macos自身并没有到gcc编译环境 需要安装一下mac的开发工具包 在随机附带的光盘里就有的

4.输入法

我使用的是sunpinyin 貌似还不错 还有fit 和qim(收费)可以用 之后可以换一下试试

之后还会持续更新 使用mac的感受 也欢迎有兴趣或遇到问题的朋友加我一起讨论

SSH Proxy就是通过SSH监听一个本地端口做代理转发，从而实现代理上网的功能，Windows下比较有名的SSH Proxy客户端就是Tunnelier了，设置简单方便。但是想在系统启动是运行并自动监听就比较麻烦了，没有相关的设置，而且客户端软件本身启动也需要一定的时间，如果能在命令行在做端口监听相比来说就要快多了。在Linux下可以轻松实现这个脚本，在Windows下，其实也很简单。

Windows的DOS命令行很原始也很强大，虽然在Linux shell面前显得有些渺小，但在需要的时候也能彰显自己的威猛。

原理：

Linux下用SSH命令来进行远程登录和本地监听，而windows下也有plink来实现同样的功能。如果实现了ssh，基本功能也就八九不离十了。

关键代码：

plink.exe -C -N -D 127.0.0.1:8080 用户名@服务器IP -pw 密码 -P 端口 -v

可以通过以上代码实现到本地8080端口的监听。

断线重连：

在cmd命令行下，是过程执行程序的，如果代码段中调用一个程序一直在执行，则它下面的代码段不会继续。可以通过这个原理来实现。一旦断线，就重复执行该代码段即可。

:relink
plink.exe -C -N -D 127.0.0.1:8080 用户名@服务器IP -pw 密码 -P 端口 -v
goto :relink

至此就 可以写一个简单的命令行脚本来实现本地监听并重连了。

后台执行：

总是开一个CMD窗口是不是看着很碍眼？那就让它后台执行吧。通过RunHiddenConsole.exe(本站下载)来实现。用法很简单

RunHiddenConsole.exe autossh.cmd

通过以上命令就可以在后台执行autossh.cmd脚本。

可执行脚本文件：

既然所有的功能都实现了，那就再写一些脚本来方便操作吧，可以一键开启/关闭，可以做开机启动，这样Dropbox（注册直接加送500M链接）就可以开机启动直接启动了。

一些方便SSH Proxy管理的脚本

Tips：

- 将start.cmd做一个链接放到Windwos启动文件夹内，就可以开机自启了。
– 将man.cmd做个快捷方式到桌面，使用起来更方便。
– autossh.run为运行文件，为了保证正常重连请不要随意删除。

命令行管理：

脚本都写好了，当然还需要一个管理界面。

实现了一个简单的管理界面

下载：

打了个包提供给大家用下，有什么问题可以留言。（压缩包已经包含了plink和RunHiddenConsole，不需要再单独下载）

下载地址：http://zhg.me/files/2010/sshproxy.v1.0.zip

附：plink下载 RunHiddenConsole下载

* 下载后请先配置autossh.cmd并运行来调试，如果最后一行是 Local port 127.0.0.1:8580 SOCKS dynamic forwarding 就说明成功了。

进阶：

经 @YuanKevin 老大指点，可以将bat文件做成exe文件，防止密码泄露问题。另外也可以做成系统服务来运行，更为安全，方便。对于bat转exe网上有很多这方面的软件，大家可以自己去探索一下。转成服务的话相对复杂一些吧，有兴趣可以研究下。

后记：

至于配合Chrome+Switchy或者Firefox+Autoproxy就不再说明了，也很简单，注意代理方式要选sokcet。

转自：http://zhg.me/2010/10/windows-shell-ssh-proxy.htm