Prototyping with Real Web Elements
网页设计早已不是只在 Photoshop 里戳戳点点的苦工了，网页设计师也理应用更高级更先进的工具为自己减负，同时实现更好的效果。要做到这点其实很容易，只要三步。
1. 打开 terminal，输入下面两行命令：
defaults write com.apple.screencapture disable-shadow -bool true
killall SystemUIServer2. 使用 Chrome，并安装插件 Window Resizer；
3. 注册 InVision，并花个十几分钟试着熟悉它。
然后的流程就是这样的：在浏览器里设计，从产品已有的页面入手，用 Webkit Inspector 修改文案和控件，差不多达到预期之后，用 Window Resizer 调整页面大小并截屏（第一步里输入的命令会保证你的截屏没有讨厌的窗口阴影），然后拖到 Photoshop 里抠像素。
设计差不多之后，按照交互稿输出成不同的页面，用 InVision 简单地制作成可点击的原型，然后发给你的同事们挑刺吧。
