用代码来作为设计方式实在过于枯燥了,这几乎成了当今今新一代设计师们的共识。但是,我们不能否认代码的设计功能且很多设计师并未放弃使用这一方式进行设计,这其中必定是有着一些门道的。

我们实际上可以发现一些用代码进行设计带来的好处。最显而易见的就是代码制作的原型支持任何操作系统,而且无需任何外部软件即可运行。设计师在设计过程中会将注意力更多地放在使代码完美运行上而非卖弄自己的创造力。这样来理解整件事情就变得非常有趣了。代码设计原型其实可以被称作一种“预开发”,这在网站后期的开发阶段还会提供很高的价值。

2. 线框图工具

 网站原型制作和玩乐高比较类似,前期规划的改变往往比后期令人抓狂的修正来的划算。线框图因其快速迭代的特性广受设计师欢迎。如果您是一位经常会和不同风格的团队合作的自由设计师,做好熟练使用各种主流线框图工具的准备是极其必要的。

笔者个人偏爱使用纸笔进行设计,个人认为这是最快速直观的方式。当碰到需要快速进行团队合作的时候我也会偶尔用一下国产的Mockplus,反正都大同小异,何不支持国产呢?况且这款工具确实比较出色。言归正传,事实上代码的陡峭学习曲线很容易就把产品向的设计师们拒之门外了。线框图工具中现成的封装组件和图标恰恰解决了设计的繁琐部分而将一个快速展现创造性的舞台还原给设计师。线框图工具因此成为当今最具竞争力的网站原型设计途径之一。

3.演示软件