我生待明日,万事成蹉跎

photoshop web UI设计插件——WebZap

简化了创建布局,样式和表单的组件,可以从webZap拖放元素来创建文件夹的UI形状和文本

虽然有相当一部分的开发者提倡在浏览器中设计,很大的原因是可以直接的可视化编辑,不过事实上仍然有许多人保持着用photoshop来设计界面。问题是,photoshop最初是用来做润色的工具,即使它尝试了一些布局的特性,但是对于web设计来说,始终是很笨拙的。

Cazoobi Creative Solutions的拥有者Norm Sheeran是一个仍然认为Adobe是巨人的设计者。他对.neter们说,“他总是觉得photoshop可以成为最灵活的用来设计的应用程序,毋庸置疑的是photoshop已经提供了大部分的功能” 。不管怎么说,Photoshop总会有缺点,为此Sheeran开发了webZap,用他的话来说“是一个为web开发者,设计了一系列的不同工具和工作流的完整的photoshop插件”。

据Sheeran说,这个项目的灵感一部分来自于早期的一个创意,DevRocket,一款为IOS应用程序设计者提供快速创建模型的工具。“它非常容易就被IOS社区接受了,并且我收到了很多web设计者的请求,问能否也做一些类似的工具”。当我们启动photoshop并且开始考虑布局,颜色,样式的时候,我想我们都不会去想到代码,所以Sheeran决定所有的重点放在了可视化设计上。

最终的插件允许你在基于960个方格的系统上创建布局,将网页分为三块:导航,特性和折叠。“你可以在这些大的布局里放置一系列不同的小布局,已达到在几秒钟内创建自定义的布局”Sheeran指出在客户端上设计最初的想法将会比纸上工作的更好。而且插件提供了快速增加表单按钮,创建文本和控制整个布局的样式。大多数的控件是可编辑的。唯一不可编辑的事生成的图片,他们仅仅是为了生成模型,所以你可以用自己的替换他们。所有的WebZap生成的UI组件和文本都是使用标准的photoshop文本和自定义的形状层,这意味着你可以随意改变它们。

(注明——原文网站:猿类世界  转载请注明原文出处!谢谢!  )

未经允许不得转载:徐宏涛博客 » photoshop web UI设计插件——WebZap

分享到:更多 ()

评论 抢沙发

评论前必须登录!