虽然我是一名前端工程师,但我在大多数项目中同时兼顾着设计工作(使用Photoshop),我一直认为前端和设计密不可分,一个前端只有很好的掌握了设计的基础,才能用最高效率,在最大程度上实现一个兼顾页面优雅和代码优雅的作品。

Although I am a front-end engineer, but in most of my projects, I am also a designer(using Photoshop), I believe that front-end development and design are inseparable, a front-end engineer needs to master some basic design concept and skill, so as to write elegant code and also achieve an elegant interface.

天合宣传册  TianHe system's poster

封面灵感来源于这张图Visualizing Taste in Art with Big Data Curation Analysis

The poster's inspiration comes from this pictureVisualizing Taste in Art with Big Data Curation Analysis


一般我会用“balsamiq”这个原型设计工具确定产品原型,方便与团队和甲方讨论

I generally use “balsamiq” to design prototypes.

原型稿  Prototypes

然后直接用Photoshop进行视觉设计,交互设计会在整个设计阶段进行构思。(有的团队可能会使用Axure设计高保真交互稿,但因为这个阶段太费时,作为一个前端,我更倾向于使用HTML&CSS)

And then use Photoshop.

最终稿  Final design draft

我在奇虎360时的另一个项目,叫“人立方”,我负责设计和前端开发。

This is another project I was involved in Qihoo 360, called "Cube", I was responsible for the design and front-end development.