欢迎来到学博汇!
总站
切换分站
18717986480
课程分类
学博汇 > 新闻资讯 > 教育新闻 > 教育要闻 >  UI设计培训之如何与前端工程师衔接

UI设计培训之如何与前端工程师衔接

发布时间:2019-12-10 13:00:54  来源:学博汇  浏览:   【】【】【
“想成为一名好的UI设计师,就必须掌握前端切图流程!” 学习UI设计的同学对这句话应该不陌生。这意味着你得学会HTML+CSS,否则就得花很长的时间和IOS或者安卓开发人员交流他们是怎么把图片和文字排进屏幕内的,且很难在最后实现环节上顺利收尾。

“想成为一名好的UI设计师,就必须掌握前端切图流程!” 学习UI设计的同学对这句话应该不陌生。这意味着你得学会HTML+CSS,否则就得花很长的时间和IOS或者安卓开发人员交流他们是怎么把图片和文字排进屏幕内的,且很难在最后实现环节上顺利收尾,因为有可能我们跟程序员的认知从出发点开始就不对称,这会导致我们跟程序员之间的矛盾以及最后的偏差。下面我们看看UI设计师都该怎么做?


点击选择UI设计培训学校

1、设计前请审核原型

在原型步骤就想好对应的图层结构,交互特效,并和开发人员做好交流,是否可以实现,功能的评估一定要细致,否则会浪费大量的人力成本。还有原型是挺严肃的,但是大多数团队或者设计都没有认识到它们的价值。

2、熟悉设计环境规范

无论是WEB还是IOS、安卓、WP等等,都有对应的设计规范文档,如果连最基础的设计规范都不知道就开始做设计,那么你要自己承担项目拖延和被整个开发组人员问责的后果,所以在UI培训过程中,我们一般都会被老师告知,在动手前,请好好的做完功课,并且在每次环境大升级时跟进关注(例如新的iPhone66+发布的尺寸变更等)。前人已经栽好了树,你需要做的就是在既定框架内完成设计即可。你要牢记自己的设计是基于相应的运行环境的,没有足够的能力前,不要有认为这套体系下的设计都很“土”。

例如WEB设计下,12PX以下的中文字体无法被正常显示,文本只支持本地客户端已有字库,IOSTABBARTOPBAR等高度是不能被随意变更任意增减层级等等。这样的稿子如果被交付,并没有强有力的逻辑说服别人,只会让你的团队感受到你的不专业,增加矛盾隐患。

3、制定项目设计规范

这也是提升效率和整体视觉和谐感的重点,你要在大框架下建立小体系,这是你展示自己个性的部分,记得也要用文档记录下来,在以后的改版和开发过程中,严格遵守规范的参数,减少沟通成本。例如:主色色值、按钮的大小边框、各文字类型颜色大小、模块间隔距离等等。

点击选择UI设计培训学校

4、学会怎么切图

做完PSDSKETCH文件,就往开发那边一扔,觉得自己任务搞定了,这是相当不负责任的一种行为。因为设计不合理的部分导致导出切图的工作变困难,让开发效率降低,这完全是UI设计师的失误。比如水平可平铺的背景是怎么最优化导出的?安卓适应多屏幕分辨率下,点九图是怎么进行标记和拉伸的,应该使用什么工具?需要应用透明背景的图片知道应该使用什么格式?你必须设计出自己独立也能完成切图工作的设计稿,再要求开发能够完整实现。

5、一定要有标注说明

标注的作用相当重要,开发人员对于元素的间距和文字大小还有透明元素的参数设置,是没有耐心一点点查看和检测的,你不好好把这些制作成文件白纸黑字,那么这个最重要的还原环节上出差错的几率也是最多的,往后修改也是最困难的。

6、结果对比调适

开发完成视觉部分内容以后,要开始校对,那么尽可能给出参照物,参照物是什么呢?——高保真原型。只有同意平台下可运行的高保真原型可以最直观对比设计到实现之间有什么偏差,并以此检查参数设置上的错误,逐个调整。

以上就是UI设计师在与前端工程师衔接的过程中要注意的方面,要实现这一点,需要UI设计师能掌握相关的知识,你可以上学博汇找一家UI设计培训学校系统学习下这些知识,咨询热线:18717986480,微信:xuebohui01,学博汇是一家全国教育培训门户网,为大众提供全面的培训课程,找正规学校,就上学博汇。

责任编辑:赞赞
相关评论我来说两句
© 学博汇 沪ICP备19024522号-1