专栏首页Winter漫聊技术浅谈UI与前端:现状及展望

浅谈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 条评论
登录 后参与评论

相关文章

  • 使TextView消失的10种方法

    但是,这在某些情况下无法满足业务需求,比如说某控件既有图像又有文字,而我只想让文字消失,那上面的方法显然不行,这时可以使用

    冰之角
  • View more, just Now | NowView设计篇

    No wait, no ad, no mess. 想要看得更多,想要得到更快,想要发现更美。 So, view more, just Now!

    冰之角
  • Android : 四行代码,优雅返回

    为了防止用户误触返回键,还在使用 “再按一次退出” 吗? 追求简约与极速的时代,这种交互显然已经Out了嘛~

    冰之角
  • UI初学者的弯路,你走过几条?

    对于初学UI设计的人而言,可能对UI具体是做什么,或者自己是否能顺利转行胜任这样的岗位存在一定的顾虑,今天我们就来重点说说UI是做什么的,以及学UI到有哪些需要...

    宇相
  • SAP不同产品的UI开发策略概述

    今天我看了SAP Cloud for Customer UI的JavaScript代码,下面我是结合S/4 HANA和CRM,以及SAP Engagement ...

    Jerry Wang
  • UI设计中的软件知识

    最近挺想学学UI的,因为我们公司没有UI,所以做页面都是全靠摸索,老是被领导说没有审美[捂脸]

    彼岸舞
  • 如何快速优化手游性能问题?从UGUI优化说起

    作者Feefi,加入腾讯多年,目前主要从事Unity项目UI开发及优化相关工作,曾获得国际软件设计大赛“成都创业金钥匙”奖。

    WeTest质量开放平台团队
  • 带你彻底了解Android Jetpack组件的Paging库

    初次接除 paging, 可能会一脸懵逼,感觉出来了很多 API, 不知道从哪里下手。我们先对 paging 的组成部分进行一个了解。

    用户1269200
  • jpeg2000(j2k)图像编码解码:c++实现openjpeg内存流接口(memory stream)

    版权声明:本文为博主原创文章,转载请注明源地址。 https://blog.csdn.net...

    用户1148648
  • R基于TCGA数据画生存曲线

    常见如对于同一种癌症类型使用放疗的患者与使用化疗的患者之间的生存是否存在显著差异,从而判断使用哪种治疗方法更有利于患者的生存。

    生信交流平台

扫码关注云+社区

领取腾讯云代金券