WebZap一个强大的photoshop web UI设计插件

WebZap一个强大的photoshop web UI设计插件

 

简化了创建布局,样式和表单的组件,可以从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文本和自定义的形状层,这意味着你可以随意改变它们。

WebZap将会在11月29日发布在www.uiparade.com。

 

 

转自猿类世界 » WebZap一个强大的photoshop web UI设计插件

posted @   一文钱  阅读(2004)  评论(0编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
点击右上角即可分享
微信分享提示