在UED-UI视觉实习的一些经验-快速入门篇

来源:设酷网     作者:日期:2020-08-28     浏览:162    评论:0    
  
核心提示:2019七月份到2020一月份期间, 我有幸在深圳市商汤科技公司的UED部门实习,成为一名UI设计实习生,在我离开之际,我将自己的一些经验记录了下来,现在分享给大家,希望和我一样完全跨专业做互联网设计的小伙伴们可以少走一些弯路,我们一起加油⛽️ 商汤UED-UI视觉实习


2019七月份到2020一月份期间, 我有幸在深圳市商汤科技公司的UED部门实习,成为一名ui设计实习生,在我离开之际,我将自己的一些经验记录了下来,现在分享给大家,希望和我一样完全跨专业做互联网设计的小伙伴们可以少走一些弯路,我们一起加油⛽️





商汤UED-UI视觉实习防掉坑指南 






一、Basics



a、熟悉工作的输出内容(因为工作内容需要保密,此部分图片来源于网络!!侵删)


从市面上了解的话,ui设计的工作内容繁琐而复杂,所以第一步我们需要先了解我们在这个岗位的工作主要输出内容,因为产品的因素,我们的大部分产品是to B项目,与此同时像H5Banner等偏电商运营的工作我们比较少涉及。

根据我的实习工作,我将主要的工作内容大致分为以下六个类别:APP界面WEB界面、数据可视化界面、管理界面、界面图标、标注切图/设计规范。看到这里你可能会对分类有些疑惑,为什么我将“包含关系”的内容拎出来单独分类?不急,让我们慢慢来了解。


APP界面是我们最常见的UI界面之一,需要特别注意的是我们的很多APP项目是和AR相关的,这一块平时我们自己使用的软件可能比较少,如何体现出虚拟现实感、如何和常规信息做以区分等等,我们可以在设计之前先通过相关的上线APP和内部过往的项目学习和了解。



同样比较常规的WEB界面,我们主要是涉及项目后台系统、官网等等,大部分非APP项目都是以网页设计的规范来做界面设计



数据可视化界面和管理界面实际上都可以包含于WEB界面中,但是因为是我们涉及比较多且比较有固定形式的界面,所以我单独拎出来提醒一下,希望多加重视。

数据可视化是关于数据视觉表现形式的科学技术研究,我们经常在界面上看到很炫酷的界面,通过简单明了的图像凸显出来数据的特征。



管理界面通常没有太多的视觉表现层的难度,但是对严谨和细致的要求比较高,重点突出项目的好操作、好理解,大多数基于简洁清爽的风格。



我们的界面设计大致分为以上四类,而以下两类属于基础性的设计工作。虽然是比较基础的工作内容,但是也有很多需要注意的地方,并且它们几乎伴随着我们的每一次设计工作,所以我也将它们分成了两类。


界面图标包含了APP启动logo和应用内的各类图标。大部分时候我们的图标SVG或png格式输出给前端,根据项目性质的不同,我们的图标主要以上传iconfont、上传intra、压缩包等方式输出给前端,所以务必及时和产品、前端沟通



设计规范的输出一般在项目的大部分界面已经输出之后,可能因为项目的界面较多或者版本迭代多次,为了更好的进行不同的设计、开发人员之间的交接,而需要输出设计规范设计规范一般包含文字、颜色、button、input等等。



标注切图包含对设计稿进行标注和导出开发过程中所需的图形两个部分,这一步的主要目的是协助开发人员共同对项目的开发进行设计稿还原。因为不同的项目所支持的平台、开发方式等有着较大的差异,需要保持和开发人员进行沟通。我们的大部分项目是直接上传到蓝湖进行标注,切图遵循界面图标的输出方式,需要注意的是,unity开发和部分活动数据的切图通常采用点九切图法输出;当以压缩包形式输出时可以使用插件cutterman,事半功倍。



b、体验并熟悉产品



可能你即将面临的是,对产品的不理解。首先我们先明确:接受我们大部分产品目标用户并不是我们自身,从自身的角度去分析用户需求可能造成从风格定位开始就有错误。所以非常重要的一点是去接触、去体验、去交流产品,在自己接触一个项目之前,自己先体验一下该产品的之前版本,如果是0-1的产品可以去体验相关的竞品,对于界面的风格会有更好的拿捏,体验过程中产生的疑问可以在开始设计之前先和该项目的产品经理进行沟通

另外,可以先在蓝湖上浏览我们之前做过的其他产品,对不同类型的产品设计风格会有更好的拿捏,可以多关注一些和AiAR大数据有关的信息。



c、补充基础知识



如果你是一个ui设计完全的新手,在开始之前你需要对UI基础知识进行补充。这些基础理论网上都有很多,所以我简单列一下知识树,真正全面去学习肯定不止以下这些知识点,查漏补缺,如何在短时间内将自己达到“好用”很关键。

事实上我不是那么认可以知识树的形式的去进行基础知识的学习,设计本身是个大类,如果我们以总结细分知识点的形式去进行学习往往事倍功半,一方面看到这么多的知识点很容易产生畏难心理,输入输出低效;另一方面,单纯的工作所需知识点并没有那么多。

所以我的建议是:我们应该根据具体岗位、具体工作内容首先进行专项学习,再加上那么一些自己所喜欢的想学的进行扩展学习。在第一步我们只需要从上图的UI理论—基础能力部分学起,然后再在工作上手之余,进行设计领域里广度和深度上的扩展学习。



d、熟练使用操作软件


我们使用最多的软件是PS和sketch,在这两个软件的基础上,使用频率最高的插件主要有蓝湖、mirror、cutterman。除此之外,处理矢量图的AI,做动画效果的AE,做3D建模的C4D,文稿汇报的pages、keynote等,可以根据自己的兴趣和需求去进行了解。这一部分我不进行过多阐述,学习的途径很多。



二、Work item



a、设计流程



在学习和工作的过程中,我经常进行反思。在真正接触项目之前,我的设计毫无流程可言,但是这几个月的实践中,我慢慢接触到了一次次设计的基本或完整流程,规范的制度大大提高了我的设计速度和质量。于是我开始问自己:为什么设计流程可以提高设计质量?设计流程包含了什么?设计流程是否有必要性?如何协调灵感和工作时间不同步的问题?……在思考的过程中,我将这些问题整理成了我的“设计流程5W1H”——



Why:

从项目的角度说,完整的设计流程有助于协调设计和产品、开发之间的协调,一定程度上给了产品用户体验保障;从个人的角度说,有利于提高设计质量,在设计流程内也让自己的工作游刃有余。


Who:

设计前期主要和产品对好产品需求和风格定位,在设计过程中和开发保持紧密联系,及时给到标注和切图、设计规范的输出,以及最后的设计走查,这些都给设计质量以及产品上线的时间提供了保障。


What:

设计工作的事项流向顺序,根据事项的顺序完成的一个完整的业务行为的过程。


When:

从项目的角度说,按照设计流程可以确定每个需要的时间节点,明确项目的时间表,预留项目走查时间;从个人的角度说,我们可以根据预估时间来定义自己的不同项目分配时间。


Where:

我们的沟通平台主要是蓝湖、confluence、intra等等。


How:

每个人在设计的过程中都会慢慢摸索出来自己的一套设计流程,所以我只是分享一下我个人在这几个月的实践中养成的习惯流程,具体如何去实践自己的设计流程,可以根据自己的喜好和项目差异进行调整。 


风格定位:

通常以情绪版的形式输出,和产品视觉风格进行定位,这一步保证了整个设计不走偏,以及定义以什么样的视觉效果来体现产品情绪需求。


主要界面输出:

大多数时候为了设计和开发是并行的,并不是传统的瀑布流模式流程,所以我们在风格确定之后,先输出一部分界面,这些界面大多数是一级界面,具体根据产品的需求优先级进行输出。



设计规范输出:

设计规范的输出一般是在主要界面已经输出大部分的时候进行输出,可以有效避免在设计过程中由于在不同设计、开发人员之间进行交付工作的时候,文字、颜色、控件等没有统一的标准,造成视觉效果混乱。


其他界面输出:

这个阶段可能有增加新的产品需求,根据之前的视觉界面输出其他界面。


标注切图:

我们现在最常用的标注方式是上传在蓝湖进行协作,切图一般采用直接上传蓝湖、上传ICONfont、导出上传在intra,需要注意的是,当切图长宽不确定(例如数据是变化的),应该以.9切图法输出给开发。


测试校对:

在设计部分工作已经交付之后,在上线之前需要找产品或开发拿到开发的版本进行校对,以避免产品上线效果于实际设计相差甚远。



b、项目流程


我根据自己这几个月里的接触和了解,简单理了一下一个项目的完整流程:

但是事实上,我们重点接触的就是交互评审完成——设计稿校对的这个过程,所以以下我会以我们工作中最常接触的点来阐述一下项目流程。


产品设计

产品设计来描述这个过程可能不够准确,因为这里指的是包含产品团队的整个工作过程,在经历了包括公司战略、用户流量反馈竞品分析用户研究等等一系列工作之后,我们可接触到的是产品团队输出的产品需求,我们再根据产品需求转化为可视化的交互、视觉界面,这个阶段我们可以和产品团队进行沟通,我们会对产品背景设计目标更加理解,也有利于我们在设计时,使得达到用户体验的情况下也能使得商业价值最大化。值得注意的一点是,我们可以在评审会的时候提出自己不同的想法,但是产品团队才是做决定的人,所以这一步我们更多的应该是去理解产品和明确设计目标


交互设计

交互设计通过PRD文档转化设计成交互界面和交互文档,在交互设计结束后会进行交互评审交互评审的时候一般会有产品经理、开发、视觉设计师、业务方等的参与,一般确定后的交互文档会以邮件的形式输出给各方,我们在拿到交互文档的时候,如果是一个不够了解的项目,先不要着急立马去进行视觉设计,而是先试图去理解交互设计需求,可以问自己这几个问题:为什么这里要放这个功能?(业务目的)产品期望的结果是什么样的?(业务目标)谁来使用这个功能,在什么样的场景下使用?(目标用户)用户为什么要使用这个功能?(用户需求)等等,自己思考之后及时和交互设计师沟通,明确了设计目标之后再开始进行视觉设计



视觉设计

在拿到交互文档并且理解之后,我们需要找到大概需要输出的视觉界面工作量,然后对这个项目进行时间排期,在排期的时候我们应该给自己预留出修改的时间。以及,为了避免在设计工作开始之后产品需求不断更改,超过半天的工作量我们需要让产品走邮件进行输出,保证我们的工作排期不被打乱。



开发:

开发过程常常在主界面设计结束后紧接着就开始,而在开发过程中我们需要和前端保持紧密联系,通常这个时候我们需要进行标注和切图,协助开发的工作。


测试走查:

这个阶段我们的工作主要是进行视觉校对,避免开发出来的产品视觉稿出入过大。


上线:

用户上线之后,我们可以根据用户反馈得到一些信息,同时用户流量分析也能让我们对此版本的产品有更明确的认知,收集好这些反馈信息和用户使用数据分析,有利于我们为下一版本迭代提供思路和依据。



三、TIPs


首先,如果你认真看到了这一页,我真的感到很开心。我明白比起文字来说,图会更有吸引力得多,而我却偏偏选择了文档的形式。

我非常喜欢文字的力量,也认为文字是最能让我产生思考的形式,我可以更详尽得去给你介绍我这六个月的点点滴滴,严格意义上来说这也是我的第一次实习,我本身学习的是广播电视专业,真正接触设计的时间可能只有这一年,所以我将很多细节和简单的UI视觉设计实习的工作都一一介绍了,如果你的基础已经很扎实,可能对你“有用”的内容比重并不够高,你可以挑选着看,能给你对这份工作一些启发我便已经很开心。



a、角色的转换



事实上,作为第一次实习,我在入职后面临的第一个问题实际上是身份的转变。这一点我想从两方面说起:

一方面,buddy不仅仅是你的主管,也是你的伙伴。

在我说到这一点的时候,你可能会想到各类营销号上引起你焦虑的文章——实习生只是廉价劳动力/企业只在意你能带来什么/公司前辈都不愿意带新人……

完!全!不!是!

因为经验的缺失,我无法代表其他公司的实习生来说这些文章是否有依据可言,但是在你入职商汤之后,你要知道的是商汤UED比你想象的还要远远重视实习生,除了你能做什么工作以外,他们同时也非常非常非常重视你的个人发展,你的buddy并不是学校的导师身份,而是一个可以引导你的前辈,一起探讨,一起做出最好的设计方案的伙伴,就像游戏里的NPC,帮助你拿到线索打败boss。

所以请一定要相信周围的同事,大家都超级nice,不懂就问,积极主动。


另一方面,你不仅仅是“劳动力”,你也是项目协作人。

当你进入一个项目之后你需要转化你的身份。你并不是一个完成小组作业的学生了,你需要从“完成任务”这个观念转化为“共同创造”,你是这个项目的设计师,你也是这个项目的投资人,你需要对这个项目有很清晰的了解,明确产品设计需求之后,在可视化层面,对产品用户体验做出优化。

你和团队里的每一个人的目的都是让这个项目尽可能做到最好,你们每个人之间是相得益彰的关系,你们和项目是一起成长的,所以多多关心大局,从多方面了解自己的每个项目,从而在每个项目里面尽量给出自己能力范围内的最优解。



b、反思力



我在实习中整理出来的一些工作经验和技巧大概如上所述,但是事实上,除了这些以外,我认为也非常非常重要的一点是——在设计工作已经完成之后,抽出时间对上一次的学习和工作进行反思和总结,这个反省不限于单纯的设计技巧,而是在每一次的工作中不断总结出自己入过的坑,毕竟所有的弯路一定是自己走才能有所成长的,不要白白掉了坑却无所获。

事实上,不管在工作上还是生活中,我都很喜欢进行复盘。复盘的时间一定要在项目结束不久,拖得越久会越没有想法,不管是平时的练习还是工作上的项目,及时把自己想到的一些亮点或者有意思的地方记录下来,如果犯了错一定要思考为什么会出现这个错误,以及下一次遇到要如何改正,经常性对自己的作品进行反思,当你发现你看过去的作品能看出毛病的时候,就说明你最近是在进步。


吾日三省吾身,反思力是我认为非常非常非常重要的一点,我习惯性在手机备忘录里记下一些总结,经常性反思自己未知的不足,接下来你会在主动寻找解决不足的路上,不断修正过往的观念。



c、自我提升


我们的团队真的超级棒,如果遇到了困惑,不管是工作上还是生活中,都可以和周围的同事交流沟通,很多问题我们怎么想也想不到,但是和前辈们交谈之后可能立马醍醐灌顶,特别是专业上的问题,如果你搜索之后找不到解决的办法,请一定“不要脸”的请教你的buddy,珍惜团队资源快速成长。



d、时间安排


每个人的一天都是24小时,你一定要好好安排自己的时间。

这里我想说的有两方面,第一方面是工作时间的安排。在拿到需求之后,我们首先要做的一件事是对这个需求进行视觉设计时间排期。事实上,这是我在刚开始实习的时候面临的最大问题之一,我并不能准确预估自己完成的时间,发生过好几次延期,这让我感到非常的苦恼。这里值得注意的一点是,我们在排期的时候一定要预留改稿时间,因为你一开始可能没有一次就做到最佳。我们往往都是多个项目并行,合理的排期也让你可以有条不紊,不至于到了截止时间心慌。



另一方面是个人时间安排。我们的工作时间并不长,几乎从不加班,周末双休,这也就意味着你的个人时间其实很多。我一般会这样安排时间,以时间段而不是时间点的形式来安排时间,一天工作8小时,睡觉8小时,吃饭时间大概2小时,剩下6个小时可能在路上,也可能有一些杂七杂八的事情,这里拿出4个小时算入娱乐,所以每天大概还有1~2小时是可以学习的,这个学习可以学任何自己想学的东西,我一般把这个时间放在睡前,看几十页书,或者练几页字,画点小插画等等,保持必要的输入,这样的时间段安排法,让我在娱乐的时候给自己的压力也很小,较少产生焦虑感了。



e、不给生活设限


一年前的现在大概是我这二十年人生中最迷茫又最坚定的时候,那时候我刚刚从电视台结束综艺节目导演组实习,父母希望我考研,老师希望我留在电视台,而我却发现我并不喜欢这样的生活。我问了自己很多次我到底想要什么样的生活,当然这个问题至今也无解,因为我每个时候都觉得我自己目标很明确,但是我的目标并非一成不变,大方向其实没有过变化,但是当时我会偶尔感到迷茫和惶恐不安。

现在来看很大程度上是因为,我对于这个社会这个世界的了解甚少,我不清楚这个世界上有什么,我没有体验过这个世界上的大多数事情,这也就意味着我的选项也少得可怜,而恰好这些选项里只有让我觉得“还不错,学习一下”的选项,却没有让我“我就是要学这个!”的选项。如果你也是刚从学校—社会的这个阶段,偶尔感到迷茫的话,请一定要相信自己,大胆去尝试,主动去追逐,请相信你一定可以做的更好。



我感觉自己慢慢在向这个方向前进,我也在试图对“还挺喜欢”的事情去更加了解,这让我觉得学习和工作的过程非常快乐。不管你想要做什么,不管遇到了一些什么问题,其实往前看三年你就会发现都很简单,所以请一定要始终相信自己可以做到。

在UED的时间里你可能会发现,你周围的同事们,大多在除了工作能力上很棒以外,其他方面也还在学习和进步,大家都保持着学习的状态:专业能力外大家依然有着很多标签,会编程交互,会主持的视觉,会说脱口秀的产品,会跳舞的开发……不要给自己设限,在工作能力提升的同时也尽情去尝试自己想学的事情吧!



不论你的初衷如何,我都相信,在接下来的几个月中,你收获的远远不止一份实习证明,于我而言,实习的意义是“实践和不断优化我的学习能力”,学会如何学习,学会如何工作,远远比多学习了几个知识点有意义得多。感谢你看完这篇6058字数的文章,我很荣幸认识UED的每个人,很高兴今年在商汤UED度过了一段有意义的时光,希望你也是。


-END-




再次强调!此文的部分图片来源于网络(站在巨人的肩膀上前行~)

201912 写于广东深圳南山

本文来源:在UED-UI视觉实习的一些经验-快速入门篇    http://www.sjschina.com/archives/20866.html
相关评论