UI编辑器 vs 手写UI代码

2019-09-21

   相信做客户端UI的时候,肯定会如何实现UI而争论。是使用UI编辑器,还是完全依赖于手写。而且,对于不同类型的客户端UI,我们还需要更细致的区分一下,如桌面客户端UI、移动端UI、网页端UI、H5。 还需要针对不同类型的项目进行区分讨论,持续运营的互联网项目,传统企业项目,个人项目。如;还需要目标受众进行区分:to B端、to C端。我们先讨论一下各种情况,尝试理解各种情况下会遇到的问题。
   对于网页端UI。早些年,还能05年左右吧,那时候Dreamweaver使用很广泛,可能不少人没有见过,那时候的一些网站很简陋,看起来就是Dreamweaver这类编辑器弄出来的。要想交互做的好一些,就弄上一些Flash。然而,不久之后,这类工具市场就越来越小了,更多的人开始手写Web UI,以追求更加可控的页面。我认为,原因有两方面,其一,原来Dreamweaver这类的工具,本为静态内容网站所设计,写网页的人相当于现在的前端UI。但是,后来网站都趋于动态内容。此类工具难以跟上步伐,后来,Eclipse、ZenD Studio为代表的前后端一体工具慢慢增多,后端程序员开始直接介入部分UI代码 。这也是后来再提出来的前后端分离的源头。其二,由于网页端交互越来越复杂,JS lib越来越复杂强大,JS的介入越来越多,非手写代码不能控制HTML DOM与CSS attribute。当前,我们依然可以看到,一些偏重B端的业务,仍然会使用动态内容网站,仍使用UI编辑器类似的功能。
   对于H5,本来出现的就很晚,且总体应用场景较为简单,且运行环境差异性较大。还没有看到统一的UI编辑器,且,其开发难度本就较为简单。
   移动端UI上,编辑器的使用一直是比较广泛的。就如Android,其编辑器与Java 语言的特征之间,联系的就非常紧密,很易用,且不易出错。所以,使用范围较广。同样的移动平台,iOS使用Obj-C,其语言与UI文件之间的交互能力较弱(相较于Java),故其编辑器使用率也比Android 平台开发的要少很多。更早期的Sybian OS,由于使用变种C++,估计是不可能做出好用的UI编辑器的。Win10 Mobile,使用U

Pixie Image Editor 在线图片编辑器 中文版 功能 集成 - 轻松将pixie集成到任何现有项目或应用程序中。 可扩展 - Pixie接口和API可以使用新功能进行扩展。 移动 - Pixie拥有完整的移动支持,并可自动调整其界面以适应任何设备的大小。 可自定义的UI - 通过显示,隐藏或添加新菜单项,更改工具栏位置或使用不同的主题来自定义UI。 可翻译 - Pixie的界面可通过配置完全翻译。 水印 - 保存的照片可以使用指定的文本轻松加水印。 模式 - 在叠加(模态),内联或全屏模式之间进行选择。 工具API - 通过API使用所有精灵工具(调整大小,裁剪,框架等),而无需打开精灵界面。 可自定义的工具 - 所有工具都可完全自定义,您可以删除或修改和添加自定义贴纸,形状,字体,框架等。 状态 - 以json格式保存当前编辑器状态,允许使用预构建模板等功能。 照片处理 - 通过界面或API调整大小,裁剪,转换等。 滤镜 - Pixie配有许多内置滤镜,如灰度,模糊,黑白,复古等。可以通过API添加更多过滤器.. 框架 - 为任何大小的照片添加内置响应帧或添加自己的帧。 裁剪 - 将照片裁剪为指定宽高比之一,或让用户通过UI选择自定义裁剪区域。 绘图 - 功能强大的免费绘图工具支持鼠标和触摸,具有多种画笔类型,颜色等。 文本 - 完全支持向图像添加文本。可以使用数百种谷歌字体或仅使用自定义添加的字体。 形状 - 只需指定svg图像路径,即可轻松添加自定义形状。 贴纸 - 可以添加或删除自定义贴纸。任何类型的图像都可以用作贴纸。 角落 - 只需单击一下或API调用即可对图像角进行四舍五入。 空画布 - Pixie不必编辑现有照片,也可以从头开始轻松创建自定义图像。 历史记录 - 所有编辑器操作都是非破坏性的,可以通过历史记录工具轻松撤消和重做。 对象 - 所有对象(如贴纸,形状和文本)都在自己的图层上,可以通过更改颜色,添加阴影,背景等来轻松移动,调整大小,删除和修改。 图案和渐变 - 所有对象都可以使用许多内置或自定义图案和渐变填充。 保存 - 修改后的图像可以通过API或接口轻松保存在本地设备或服务器上。 缩放和平移 - 可以使用鼠标,鼠标滚轮或移动设备上的触摸和捏合手势来缩放和平移画布。 HTML5 - Pixie使用原生HTML5,这意味着它可以在每个设备上运行。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值