浅谈UI与前端:现状及展望

向来以审美自居的我自然少不了谈谈UI设计。虽说从未从事过UI相关工作,但着实接触了许多UI相关的东西,并且考虑下份工作从事设计。

我有种强烈的预感:UI从业者与前端开发者之间的合作方式将会发生巨大改变,在未来两年左右。

_ 为什么会有这样的预感?因为我感受到现行的UI与前端之间的合作效率偏低,做了许多重叠的事。前面说到“UI从业者”这个词,着实不好听,以前我是统称“美工”的,后来发现行业不大喜欢这个词,无奈,我也没心思使用“美工、UI设计师、动效设计师、画师以及交互体验师等等”这么长的称呼,索性就叫UI好了,(我想)就像Web工程师、Android开发者、ios开发者都可以叫做前端一样。

UI与前端做重复的事。看下现在的App,常见的就那么两三种风格,UI就是从这几种风格中选一种并根据需求做出设计稿,然后前端根据设计稿作出页面。我敢说,大部分前端做页面所花的时间占开发时间的一半以上,而我猜测UI将想好的页面变成设计稿所消耗的时间也占设计所花时间的一半以上。为什么要这么麻烦呢?反正是抄页面,直接告诉前端照着这个App做不就得了。所以,我时常会这样想:

对于我这种懂点设计的前端来说到底需不需要有UI配合?

  • 也许你会觉得这个问题很脑残,有总比没有好呗。不过我并不总这么认为,尤其是UI做出的设计稿比照抄其它App还丑时。其实这很常见,也不是说UI水平低,毕竟咱抄的App可都是最有名的啊(不过我可不同意那些最有名的App界面做得多好看)。
  • 所以就很尴尬嘛,作为一名Android重度使用者兼Android开发者,我相信在“抄”这一点上我比UI更擅长,而且我“抄”来的页面更规范、更流畅、实现起来更简单。要知道,很少有UI既懂Web又懂iOS还懂Android的规范,做出来的设计稿要在App中实现真麻烦。许多时候,为了看起来和设计稿一样而不得不舍弃许多友好的交互,这就是为什么很多Android App看起来和iOS版一样但是用起来完全不在一个档次的原因。
  • UI不懂前端规范?不必惊讶,前端技术日新月异,要一个UI懂得这些也太过分了,UI所懂的“规范”约莫还是学校学来的几年前甚至十几年前的规范。拿这种规范去做设计稿,就如同给前端上了个枷锁,让前端只能眼巴巴地看着身边炫酷的工具却不能用。
  • 所以,我常常觉得倒不如不要UI(如果UI只是单纯抄抄页面的话),反正我的图标都是从库里面导的,即规范又好看,而遵循Martial Design做出的页面无论是交互还是外观都比一般的App要好。

所以,你会发现UI的存在感很强,却没有产生多大作用(对于许多App来说)。反倒有时给前端添了不少麻烦。我始终认为效率是最重要的,无论是公司还是个人学习。但UI与前端这样的合作方式很难说是效率的提升。

那么,何去何从?我觉得有如下几种可能性:

  1. 前端需要掌握本行的设计规范(我觉得前端掌握本行的设计规范很简单也很必要),能通过原型图直接实现页面(也就是说不需要UI做设计稿了)。
  2. 会出现这样一款软件,UI在该软件上做设计稿可以自动转换成前端页面(什么React Native, Hybird 全是扯淡,这款软件才是真正跨平台),这样的话,UI不仅设计界面还实现界面,这将省去前端无数的时间。
  3. UI实时设计。这一条与前面的不冲突,而且一些App已经简单实现了。具体是这样的:前端用灵活的方式写页面,这些页面可以动态修改,比如字体大小啊、颜色啊、控件尺寸与摆放位置啊、图标啊、文字啊。然后UI只需在某个网页上修改前面所说的这些参数就OK了,修改完后只需重启App就会看到页面发生了变化。这样一来,UI无需通过前端就可以修改页面了,这会省去大量的沟通与修改时间,而且用户无需更新App。

之所以写这篇文,是因为我感觉到很多时候UI与前端都在做毫无创造性的重复活,而我们真的不值得为这些活儿浪费时间。UI不是用来抄页面的,计较一个平庸的细节是最浪费时间的,UI应该把功夫花在真正的设计与创作上。而前端也不应该在一些不优雅的页面上多花时间,要么叛逆点做优雅要么快速完成。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏IT派

一文说透为什么JavaScript最牛逼

编者按:很多人都在寻找一个能够统一编程语言江湖的“老大哥”,战火也重来没有停止过。Jonny Asmar在hackernoon上发表了一篇文章指出,因为Node...

1140
来自专栏QQ音乐前端团队专栏

直播全流程探索

有幸参与了直播从无到有的过程,对直播这一块有了一个比较清晰的认识,本文主要对web部分的直播流程进行介绍。

9828
来自专栏即时通讯技术

微信团队分享:微信移动端的全文检索多音字问题解决方案

微信的移动客户端全文搜索中的多音字问题一直是搜索体验的痛点之一。微信客户端全文搜索在上线以后,也经常收到用户关于多音字问题的反馈。所以,微信全文搜索中的多音字搜...

1703
来自专栏Timhbw博客

关于学习SEO的一些资料

2016-05-0418:26:53 发表评论 694℃热度 不论任何网站,当然希望越多人访问越好,除了那些私人网站。那么SEO必不可少,我也是问了自己博客才...

2706
来自专栏一个会写诗的程序员的博客

2018 最值得关注的前端技术

2017悄然过去,2018已经来到。人在进步,技术在发展。2018年前端有哪些领域,技术值得关注,哪些技术会兴起,哪些技术会没落。下面就我个人的判断进行一个预测...

1053
来自专栏沈唁志

什么是SEO,SEO为何如此重要?

1061
来自专栏腾讯社交用户体验设计

Windows 10 新特性变化研究 - 腾讯ISUX

1462
来自专栏Android 开发者

Android Oreo 自适应图标 | 中文教学视频

1732
来自专栏葡萄城控件技术团队

响应式设计(Response Web Design)浅谈

响应式Web设计,这个话题可能是当下Web设计领域里讨论和应用比较多的话题了,为什么要响应式Web设计?什么是响应式Web设计? Web发展迅速,各种应用和服务...

2039
来自专栏无原型不设计

5个范例告诉你什么是自适应网页设计

移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?自适应网页设计的出现很好的解...

3243

扫码关注云+社区