第六、UI设计师介入,这里分为几点要说:
1.我们拿到项目后,尤其是从来没做过的,不要急于下手去撸图,先要搞清楚产品的意图目的,其次仔细走查整个产品线(这里主要看一下整体app设计调性,字体字号,间距些),然后我们要去进行竞品分析(这里的分析和产品的分析不太一样,我们主要去看视觉层,也就是说找找参考,看看别家是怎么设计的,然后再结合我们的设计意图去下手去做 。)
2.当我们决定下手去设计后,要给我们的整体设计进度进行时间预估,然后给出设计排期,排期要根据页面设计+修改的时间进行计算,这样可以避免项目延期,按我来说,比如10个界面,我给自己3天设计,然后给上游确认后,1天修改,那么就是4天时间,如果时间富裕可以再加一天的缓冲,那么就是3+1+1,就是五个工作日;排期最好用keynote或者excel做一个表格,列出具体页面具体出图时间,细化一下比较好 。
3.在设计中,我们一般按照@2x进行设计,确保UI规范的正确执行(这里包括icon是否粗细统一、视觉重量是否一致、字体自重是否统一,间距是否按照倍数、颜色是否跟整体产品调性保持统一呢?)
4.切图标注,在@2x的设计图中,切图icon/背景 。切图分两种:第一可以切刀切(规定好热区,直接按快捷键s就行),第二可以用组件切(规定好热区,直接右键创建组件,然后双进进去,导出即可);命名规范新手肯定是以中文命名,也是可以的,不过还是要按照正确的方式来命名,一般是:在哪里/是什么/状态/倍数 。当然你也可以有更明确的规范 。一切ok后,可以上传到蓝湖了 。但是部分公司现在用figma~也是很不错的 。
5.开发完后,我们需要对我们的UI设计稿进行视觉还原,也就是走查联调阶段 。强调一下(没有什么是技术写不了的,如果开发说没法做,那么他一定是很懒)这个阶段很重要,据我的经验,有的开发还原度极低,基本50%,有些大厂有个原则是:如果开发还原度低于60%,那么打回开发重新调整后再去走查 。基本走查字体字号字重、颜色、间距、icon、边距这些规范类的东西,你会发现开发真的是写的不太好~~~,走查联调基本达到95%就差不多ok了 。
走查联调的步骤是:我们要用好几部不同品牌的测试手机去看,因为可能一部手机ok的话,另一部可能会出现小的误差,比如还要兼容适配刘海屏,@3x的屏等等问题,我们在测试手机上把每个界面截图后,放到wiki里,标注问题所在,然后再把UI图贴图给开发做参考,这样开发看起来就很明确了 。联调一次如果还有问题,可以有2次3次联调,待开发还原到90%的时候,我们可以搬个小板凳去开发旁边亲自调细节问题,直到自己满意为止 。
6.QA测试环节
这个环节其实绝大多数设计师的通俗感受就是:测试就是用来提bug的~没错儿,通俗来说确实是这样的,bug的确是影响整个产品的最大的障碍,项目上线必须确保无bug才行,解bug的优先级是最高的 。准确来说,QA是check研发实现的功能与产品、UI、交互设计的是否一致 。找些异常情况、及优化,把控项目的质量环节,其实大家可以理解为类似风控吧~
这里有一个小点就是:正式全量上线前会先上线到tips环境,那么什么是tips呢?其实就是为了测试,有时候测试环境的数据和线上不同,可能有些问题在测试环境体现不出来,所以要先到tips,tips环境与线上共用数据 。
7.产品验收环节
产品从0-1的过程中,产品验收是非常重要的一个环节,产品验收的最终结果是上线,不过在此之前可能会经过反复的修改 。
产品上线之前需要通过测试、UI验收和产品验收,这是控制产品质量的必要手段 。产品验收更重要的是通过产品角度验收开发是否满足了产品需求,侧重点在于业务逻辑,对需求负责 。
figma 快捷键53dmax另存为的快捷键是【Ctrl】+【Shift】+【S】 自定义快捷键方法: 设置3dmax快捷键是在“自定义”-“自定义用户界面”-选择“键盘”按钮,在下面就可以设置自己喜欢使用的快捷键了 。
figma取消编组快捷键6Figma的导出功能异常强大,可以这么说,Figma中的任意一个你能操作的对象都能被你轻易的导出 。不论是单个的矢量图形,还是进行了形状组合的复合图形,亦或是多个对象的编组,还是多个画板以及整个画布,都可以导出来,因为Figma的每个对象都有一个叫做export的属性,只需要给你想导出的对象添加上这个属性并进行相应的参数设置,随时随地都能导出来 。
- wmp录制组件
- 为什么twitter无法创建账号
- 华为mate30pro的文件夹在啥地方 华为mate30pro文件夹怎么创建
- office怎么用? 使用office一定要创建账号吗
- 国家教育资源公共服务平台创建社区 国家教育资源公共服务平台
- 张之洞创建的汉阳兵工厂在中国为第一家,汉阳造?还是
- 创建快捷方式啥意思 创建快捷方式解释
- 怎么创建永久的微信群二维码? 微信如何建单人群
- eplan创建的office如何打不开 工作离不开office
- 复旦大学老校区是哪个校区 复旦大学老校区是哪个