我们是需要更好的原型设计还是简单的代码编译?
毫无疑问,是第二个。
作为一名设计师,我们经常没有达成一致性。在实践中不能对设计@1x,@2x,@3x达成共识。(提示:这里是@1x)
不能认同称呼我们自己为-一名UI/UX/产品/服务/全能的独角兽。
我们当然不能认同在工作中那个软件是最好的-Sketch,Photoshop,AdobeXD,InVision,Proto.io,Framer还是Pixate。
唯一一个可以认同的是我们需要更好的工具。工具是连接设计师和开发者之间的山谷的桥梁,而不用隔着山谷大喊。
在我们研究怎样来连接之前,先看一下为什么是这样的。
现有的原型设计工具:
当然,还有许多工具我没有列举。请你们随意留着给自己用吧。><
本质上来说一共有三种类型的工具:
让我们来分析一下每一类:
矢量工具
优点:
缺点:
多页面工具
正如上面提到的,这些工具是连接矢量设计,使它们能够串联在一起让整个软件流动起来。事实上,大多数好的工具直接与Sketch连接起来提高工作流。
单页面工具
这些工具主要是使原型设计更细化,更精细的交互。更适用于展示单页面流和部分片刻。
好了,到底这些有什么问题呢?
高的学习曲线有什么问题呢?如果你能用代码向开发者展示交互流程这当然是值得的。
但是,事实不是这样的。
没有一个软件解决在UI设计中的主要问题:在设计和开发之间搭起桥梁。
当你把设计交给开发时,之前所有的学的CoffeeScript串联节点都被扔掉了。这些可能会帮助开发者更好的理解你的设计,不过他扔回重新用代码编写。
这将会是你。
所以,答案是什么呢?
不是让这些原型设计工具更复杂。而是更直观的编写UI。在理想的情况下,设计师可以用代码编写UI,同时开发者更专注于复杂的二进制开发。问题是,现在做这些是在太难了。
Fuse介绍:
Fuse不是一个原型设计工具。事实上,有了它就不再需要原型设计(现在大多数人们用的)了。它是一个简单的手机软件开发框架(换种说法就是用代码来编写软件),可以输出100%的IOS和Android原生代码。
Fuse真正的不同之处是它是为了连接设计师和开发者之间的桥梁而设计的,使设计师可以更早的进入到开发项目中。用代码编写UI更容易,更直观,更易调整。开发者不再担心设计师耽误进度,你们将有一个很好的工作流。
UXMarkup介绍:
你可以把UXMarkup当做是只针对完成手机UI的更容易更快捷的一种代码语言。它是一种XML语言,所以你肯能已经能看懂它是怎么执行的了。
想画一个矩形?简单:
想在矩形里加些文字?简单,只要在中加:
阴影?没问题:
看起来像一个按钮,我们让它可点击吧!真贴心:
但是关于那个负责的二进制编译呢?
别紧张,它们也是有的。Fuse使用UIMarkup进行UI设计的。更复杂的交互和数据绑定是用vanillaJavascript完成的。是的,vanillaJavascript-不是需要你学更多的东西,它是更简单易读的Javascript。
你想加入到项目的那个阶段,那完全是看你想学多少。
Tl/dr:
作者:DanielHollick
122人已收藏
你确定要举报我们是需要更好的原型设计还是简单的代码编译??