三月份和四月份一直是换工作的高峰时期,向来有“金三银四”的说法。开始新的工作虽然令人振奋,但也经常伴随着各种各样的问题。
产品字体的大小、惯用间距、图标尺寸、标准色辅助色的使用,公司有哪些版权字体,常用的banner尺寸,针对用户年龄层的设计风格偏好这些都还不熟悉。工作的时候手忙脚乱,没有找到合适的抓手和工具去搞定整个页面的设计,这时候我们需要一段时间来熟悉适应新的设计风格。
那么有没有可以让我们迅速适应新设计风格的方法呢
经过这三步从陌生到80%的熟悉度,效果是不是还不错呢,下面一起看看我的三步走计划吧!
Step 1—整理组件文档 熟悉规范
这一步我建议可以在进入新公司的第一天完成,因为第一天的时候除了办入职手续、装电脑和简短的新人培训以外,一般还没有安排具体的工作。我们就可以利用这个时间来熟悉规范、整理组件,为以后的设计工作做好准备。
公司给到新人的设计规范很多情况下会是PDF文档,整理成了文字和图片的形式,看完规范可以对产品的风格有一个整体的了解。但是这种形式有一个缺点就是记不住,真的记不住,至少我看完两遍后,当涉及到具体问题的时候,还是需要去找对应的规范,非常不方便。
所以当收到PDF格式的规范时,我们可以把规范上提到的组件,自己在sketch里绘制了出来。这样不仅可以实际操作一遍,在作图的过程中熟悉各项参数,以后设计的时候也可以打开文档直接使用组件。
下面是我做的示意图,可以这样来整理(涉及公司资料,就不放真实文件了)。可以建一个sketch文件,我的习惯分成三个部分:组件、字体和颜色&图层样式。
1. 组件:比如标题栏,按钮,弹窗,头像昵称、常用图片尺寸和一些固定的icon等,把通用的都整理好,每次要用的时候就可以直接复制使用啦。
2. 字体:常用的字号按大小颜色和使用的场景和位置分别输入好,这样就不用怕因为不熟悉而用错字号了。
公司购买的版权字体也准备出来,要使用的时候直接在文档里挑选,这样就可以有效避免误使用没有版权的字体,毕竟版权意识很重要呀。
3. 颜色&图层样式:把品牌色,常用的配色方案、渐变色和一些经常使用的图层样式放在文档里。比如我就把常用的几种投影、动感模糊和一些比较复杂的效果都准备好了,这样每次要用的时候就不用花时间去调了,option command C和V就能复制粘贴图层样式,提升作图效率,速度也是很重要的战斗力呢。
后期也可以把它当做一项长期工作,随着工作的逐渐展开会有自己的素材积累,可以随时更新增加。
当然也有一些公司会有组件库供设计师直接使用,不过我还是觉得即使有组件库也可以自己在单独准备一份文件。动手做过印象会比较深刻,在这个过程中能帮助我们了解了规范各项参数,也能熟练操作,所以不要浪费了这个机会哦。
完成这一步我们再来看看我的适应进度条,熟悉程度达到20%-30%了。
不过仅仅熟悉组件当然还是不够的,接下来通过下一步的练习,我的熟练程度又能到50%-60%,可以顺利开始页面的设计,赶紧进入下一步吧。
Step 2—临摹典型页面
如果平时没有这样的整块时间也可以拆分任务,每天抽一些时间,完成一个页面的临摹。
Step 1的时候我完成了组件的整理,如果说组件是一个个的点,多个组件逐渐连成线,那么页面就是面,临摹页面就是将已经熟悉了的线组成面。
有了组件的抓手在设计的时候就有了着力点,但要完成一个页面的设计还是不够。
以写作为类比,组件就像造句练习,而页面更像一篇作文,有写好一句话的能力但并不代表就能写出一篇好文章,将单独的语句组织成一篇完整的文章还需要更多的练习。
通过临摹2-4个不同类型的典型页面可以补全之前各组件之间的缝隙,对页面有全面整体的认识,操作也更加熟练,这时候我对风格的熟悉程度应该可以到达50%-60%左右了。
如果要开始页面设计的话也可以比较顺利的进行下去了,视觉层面基本可以保证统一和符合要求。不过要做出更契合整个产品目标,符合产品调性的设计还少不了下面关键的第三步。
Step 3—使用体验产品
在面试或者入职前我们或多或少应该都已经浏览过使用过产品了,但这还不够,现在我们需要更有目的更仔细的去使用体验产品。
不同于之前泛泛的浏览,这次应该是带着具体的问题去使用。比如今天早上专注看上课的功能,第二天早上就体验做题测试的环节,遇到问题或不太清楚的时候截屏记录,以便和同事讨论交流。
这个过程中不仅可以看到每个页面,感受整体的设计风格。同时也能清楚自己所做的页面在产品中是哪一个环节,在开会讲需求的时候就可以迅速定位,知道是在说哪里,明白前因后果更好的理解需求。
在我们刚入职时,都会因为对产品的不熟悉而跟不上产品经理的节奏,不知道他在讲哪里非常尴尬。
所以只有知道产品的功能知道自己做的是哪部分,起到的是什么作用,承担什么样的使命才能做出更合理更契合需求的设计。
使用产品是把单独的页面都串起来的过程,让产品在头脑中的印象正真鲜活立体起来,完成从点、线、面到体的转化。
这个过程根据产品体量不同,耗时也不同,也可以先从自己在的部分了解,逐步展开。
到这里我对新风格的对产品的熟悉度达到了80%左右,这个程度能让我在设计的时候,可以熟悉规范,熟练使用组件,设计的页面能符合产品的整体风格完美融入,配合需求知道应该规避什么又该突出什么,做出合理的设计。
Step 4—番外 开始长跑
上面三步是我们自己可以做的努力,当然过程中也不要忽视了和同事之前的交流,这也是帮助我们快速熟悉的重要方式。相信完成这些可以帮助我们快速平稳地度过刚开始的适应期,进入正轨。
不过行百里者半九十,完成这三步后也是新的开始,还有更多的部分就需要在以后的工作中逐渐深入了解。
比如产品面对的用户群体有什么样的特征,研究更符合用户特征的设计风格;产品的定义和提供的服务,核心价值是什么,公司的愿景;研究竞品,有竞品的对比可以更好的帮助理解自己产品的核心优势和特点,或许有些看起来暂时和眼前的设计不是那么相关,但是其实很多时候我们都需要靠这些来做出正确的取舍抉择。
越往后越需要付出更多的时间和精力,希望大家都可以在自己喜欢的岗位上,充满热情的工作。
作者: 焱小玖