我们是需要更好的原型设计还是简单的代码编译?经验/观点

我们是需要更好的原型设计还是简单的代码编译?

毫无疑问,是第二个。

作为一名设计师,我们经常没有达成一致性。在实践中不能对设计@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人已收藏

你确定要举报我们是需要更好的原型设计还是简单的代码编译??

THE END
1.常用快速原型设计工具大比拼原型设计工具哪个好用常用快速原型设计工具大比拼、原型设计工具哪个好用 原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。https://www.jb51.net/php/152695
2.原型设计工具用哪个比较好?4种原型设计工具优缺点对比分析对设计师来说,一款好用的原型设计工具可以让他们的工作效率大大提高,能省下很多时间。当然,不同的原型设计工具都有一定的差异!那么到底哪个原型设计工具比较好呢?下面给大家推荐几款好用的原型设计软件,有需要的朋友可以根据自己的需要进行参考。 1、Axure RP https://www.niaogebiji.com/article-105555-1.html
3.原型设计工具有哪些?7款好用的原型设计工具推荐产品原型设计工具是设计师制作产品原型必不可少的工具。产品原型工具能帮我们解决很多问题,但是产品原型工具的选择却成为一大难题。除了我们熟知的产品原型设计工具Axure外,其实市面上还有很多好用的产品原型设计工具,例如Pixso。本篇文章,将分享7款好用的产品原型设计工具,话不多说,干货奉上! https://pixso.cn/designskills/yuanxinggongjvtuijian/
4.2024年10款好用的原型设计工具推荐在产品开发过程中,原型设计是非常重要的一环,它不仅有助于团队间的协作与沟通,更是产品是否符合用户体验的关键,本文中我们来推荐几款好用的原型设计工具 Axure Axure是一款非常强大的原型设计软件,支持Windows和macOS,它将将线框和原型设计的功能集于一身,让设计师无需代码就能够创建逼真的网站和APP应用的交互原型https://www.v1tx.com/post/best-prototyping-tools/
5.前端设计工具哪款好用?这5个不容错过前端设计工具都有哪些?哪个好用?5 个高效实用的前端设计工具,包括:即时设计、AxureRP、AdobeXD、Figma、WordPress 都是不错的选择。这几个前端设计工具在设计师行业中口碑比较好,受好评度也比较高的 5 款前端设计工具,大家可以根据自身需要和真正的使用感受进行选择取用。好了,接下来就是有关前端页面设计工具的具体https://js.design/special/article/good-front-end-design-tool.html
6.好用的界面原型设计工具超炫超酷超好用比viso强百倍资源标题中的“好用的界面原型设计工具 超炫、超酷、超好用 比viso强百倍”指的是这是一款比Visio更强大的界面原型设计软件,它具有出色的用户体验,炫酷的设计元素,以及易用性。Viso通常被用于创建流程图和基本的界面原型,但此工具似乎在功能和设计效果上更胜一筹。 描述部分提到的“下载后先安装AdobeAIRInstaller.exe”https://download.csdn.net/download/libinlink/2270144
7.《界面设计》复习资料2.对于交互设计师来说,下列对Sketch描述不正确的是() A.上手简单B.功能强大C.同时能满足交互和视觉的设计需求D.没有Photoshop好用【注释】:第一章1.1 第2页 似乎交互设计师需要一款上手简单,但功能强大的全能型设计工具,最好能同时满足交互和视觉的设计需求,来帮助自己完成蜕变,这款神奇的工具就是Sketch https://www.wjx.cn/xz/260641939.aspx
8.UI/UX必看!5款强大又好用的AI原型设计神器优设网大家好,这里是和你们一起探索 AI 的花生~今天为大家推荐 5 款目前较热门的 AI 原型设计工具,与 Sketch、Figma 等 UI 设计工具相比,它们可以实现文本/图像生成 UI 设计、图像智能处理、文案智能重写、设计灵感推荐等操作。这些工具不仅能提升设计师的工作效率,而且对产品https://www.uisdc.com/ai-prototype-design
9.MasterGo它提供了产品界面设计、交互原型制作、网页/APP开发设计等功能,且支持团队协作。软件简单易上手,并能搭建“设计系统”,实现设计组件一键复用、一处修改全局同步等功能…… 推荐:Eagle 设计素材收集整理神器 「Sketch / PS / Xmind / ProcessOn」 好用的免费产品原型设计 / 矢量 UI 界面设计软件工具 MasterGo https://www.iplaysoft.com/mastergo.html
10.ProtoPieforMac(高保真交互原型设计工具)v2.3.1中文激活版哪里有好用的高保真交互原型设计工具?MacW小编为您推荐ProtoPie破解版下载,它无论是拼出高保真原型,还是建立传感交互,都非常的易用,并且能够让你快速分享你的杰作。同时这也是一款无代码原型工具,让无编程基础的你轻松组合即可制作交互动效,摆脱代码束缚体验感应式交互。本站提供ProtoPie破解版下载,需要的朋友快来下载https://www.macw.com/mac/849.html
11.十大原型设计工具,UI界面设计原型设计软件排行榜2024年原型设计工具十大品牌最新发布,原型设计工具排行榜前十名品牌有Sketch、Figma、Axure RP、Adobe XD、摹客、墨刀、莫高设计、Pixso、Proto.io、即时设计。原型设计工具10大品牌排行榜由品牌研究部门收集整理大数据分析、研究得出,帮助你了解原型设计工具哪个牌子好。https://www.maigoo.com/maigoo/9593yxsjgj_index.html
12.101种最热门的EdTech工具Buncee 被用作课堂演示工具,用于回顾和介绍符合课程标准的内容。此外,Buncee还能记录学生的学习模式和“踪迹”,包括选修的书籍报告、研究项目、数字故事、基于项目的学习、感兴趣的项目和创造的时刻。有了Buncee易于使用的创作画布,学习只需要一个拖拽动作,整个过程变得简单有趣。https://36kr.com/p/829435155242882
13.产品经理方法论——构建完整的产品知识体系第3章主要介绍了产品流程图的定义、作用和画法,并结合实际案例讲述了如何画好一般流程图和泳道流程图。 第4章不仅介绍了如何画好产品原型图,还讲述了常用的原型设计工具,并对产品原型设计经验进行了总结。 第5章介绍了业务架构图、功能架构图、信息架构图、混合架构图的画法。 https://labs.epubit.com/bookDetails?id=UB77f4ce6cd71d0
14.原型工具Axure和墨刀哪个更好?简介:原型工具Axure和墨刀哪个更好? 1.常用功能对比 1.1Axure 软件 首先我们对比一下Axure 软件的布局如下: 1.2墨刀软件 从软件布局上都是采用了三段式的结构设计:左侧展示页面和元件,中间都是画布区域,右侧是样式和交互设置区域。 2.元件库与组件库对比 https://developer.aliyun.com/article/1369969
15.设计工具好的设计工具不仅可以让设计师的工作更轻松、成果更出色,也能让沟通协作更顺畅,实现设计与协作双双高效率!? 本文将介绍设计工具:亿图图示、ProcessOn、墨刀、即时设计、xiaopiu 原型平台、蓝湖助手、智令互动视频创作平台、易企秀 H5、特赞创意商城。? 亿图图示? 亿图图示是一款专业易用的综合绘图软件,可以https://www.feishu.cn/hc/zh-CN/articles/360049067968
16.16种原型制作工具及使用介绍[译]每人都在问:“哪个原型工具是最好的?” 这是个错误的问题。 The correct question is: “Which prototyping tool is the best for my current objective?” 正确的问法是:“为达成我现有目标,哪个原型工具是最好的?” Spoiler alert: everyone should be skilled in multiple prototyping tools. One is not enhttps://www.jianshu.com/p/4ead159e23df
17.5款最好的安卓界面设计工具推荐Mokcplus的线框图设计还是已清晰的实线为主,它更希望在向开发人员表达设计师想法的同时,保持尽可能的简单和整洁。同时,在项目建立的第一步,用户就可以根据自己的需要来选择手机的模板,这个功能在安卓界面设计工具可以说是实惠又好用。 3.Adobe XD 原型和线框图设计的市场日渐壮大,作为设计工具行业中的企业大佬https://www.rologo.com/5-kuan-zui-hao-de-an-zhuo-jie-mian-she-ji-gong-ju-tui-jian.html