3Blogs

Definitely my favorite style, and illusion.

Prototyping with Real Web Elements

网页设计早已不是只在 Photoshop 里戳戳点点的苦工了，网页设计师也理应用更高级更先进的工具为自己减负，同时实现更好的效果。要做到这点其实很容易，只要三步。

1. 打开 terminal，输入下面两行命令：

defaults write com.apple.screencapture disable-shadow -bool true
killall SystemUIServer

2. 使用 Chrome，并安装插件 Window Resizer；

3. 注册 InVision，并花个十几分钟试着熟悉它。

然后的流程就是这样的：在浏览器里设计，从产品已有的页面入手，用 Webkit Inspector 修改文案和控件，差不多达到预期之后，用 Window Resizer 调整页面大小并截屏（第一步里输入的命令会保证你的截屏没有讨厌的窗口阴影），然后拖到 Photoshop 里抠像素。

设计差不多之后，按照交互稿输出成不同的页面，用 InVision 简单地制作成可点击的原型，然后发给你的同事们挑刺吧。

One of the best interactive designs of the year.

Walter Isaacson 《史蒂夫·乔布斯传》唐茶版试读

In 2011:

And, of course…

SOFA > Facebook.

Meet disinfeqt v7 is now ALIVE.

Beautiful music and art works. That’s what we call a “True Artist”.

Method & Craft explores the creative mind and the beauty within each pixel.

The best iPhone, iPad and Mac interface design & development resources.