三步快速适应新公司设计风格——ARTUI用户体验设计学院

三月份和四月份一直是换工作的高峰时期，向来有“金三银四”的说法。开始新的工作虽然令人振奋，但也经常伴随着各种各样的问题。

比如我之前遇到的从2x图到1x图的转换，虽说都是相通，但实际操作起来还是各种不顺手，就像花了很多时间背题，考试的时候却发现自己背错了单元。

产品字体的大小、惯用间距、图标尺寸、标准色辅助色的使用，公司有哪些版权字体，常用的banner尺寸，针对用户年龄层的设计风格偏好这些都还不熟悉。工作的时候手忙脚乱，没有找到合适的抓手和工具去搞定整个页面的设计，这时候我们需要一段时间来熟悉适应新的设计风格。

那么有没有可以让我们迅速适应新设计风格的方法呢？经过摸索，我试验总结了三大步骤来帮助自己快速适应，顺利开始新工作，下面就一起来看看吧。刚进入新公司的时候，我们对公司设计风格是陌生的，用进度图来表示就像这样↓↓↓

经过这三步从陌生到80%的熟悉度，效果是不是还不错呢，下面一起看看我的三步走计划吧！

Step 1—整理组件文档 熟悉规范

我的耗时：2小时30分钟

这一步我建议可以在进入新公司的第一天完成，因为第一天的时候除了办入职手续、装电脑和简短的新人培训以外，一般还没有安排具体的工作。我们就可以利用这个时间来熟悉规范、整理组件，为以后的设计工作做好准备。

公司给到新人的设计规范很多情况下会是PDF文档，整理成了文字和图片的形式，看完规范可以对产品的风格有一个整体的了解。但是这种形式有一个缺点就是记不住，真的记不住，至少我看完两遍后，当涉及到具体问题的时候，还是需要去找对应的规范，非常不方便。

所以当收到PDF格式的规范时，我们可以把规范上提到的组件，自己在sketch里绘制了出来。这样不仅可以实际操作一遍，在作图的过程中熟悉各项参数，以后设计的时候也可以打开文档直接使用组件。

下面是我做的示意图，可以这样来整理（涉及公司资料，就不放真实文件了）。可以建一个sketch文件，我的习惯分成三个部分：组件、字体和颜色&图层样式。

1.组件：比如标题栏，按钮，弹窗，头像昵称、常用图片尺寸和一些固定的icon等，把通用的都整理好，每次要用的时候就可以直接复制使用啦。

2.字体：常用的字号按大小颜色和使用的场景和位置分别输入好，这样就不用怕因为不熟悉而用错字号了。

公司购买的版权字体也准备出来，要使用的时候直接在文档里挑选，这样就可以有效避免误使用没有版权的字体，毕竟版权意识很重要呀。

这样做还有一个好处是，本文档使用过的字体在文字窗口会在默认排到上面，在需要用的时候就不用每次都去茫茫字海中找啦，非常方便呢。既避免错误也节约了很多时间，如果你也装了很多字体的话不妨试试哦。

3.颜色&图层样式：把品牌色，常用的配色方案、渐变色和一些经常使用的图层样式放在文档里。比如我就把常用的几种投影、动感模糊和一些比较复杂的效果都准备好了，这样每次要用的时候就不用花时间去调了，option command+C和V就能复制粘贴图层样式，提升作图效率，速度也是很重要的战斗力呢。

后期也可以把它当做一项长期工作，随着工作的逐渐展开会有自己的素材积累，可以随时更新增加。

当然也有一些公司会有组件库供设计师直接使用，不过我还是觉得即使有组件库也可以自己在单独准备一份文件。动手做过印象会比较深刻，在这个过程中能帮助我们了解了规范各项参数，也能熟练操作，所以不要浪费了这个机会哦。

完成这一步我们再来看看我的适应进度条，熟悉程度达到20%-30%了。

不过仅仅熟悉组件当然还是不够的，接下来通过下一步的练习，我的熟练程度又能到50%-60%，可以顺利开始页面的设计，赶紧进入下一步吧。

Step 2—临摹典型页面

我的耗时：4小时30分钟

我进行这一步的时候刚好正好赶上周末，所以我用了下午整块的时间，完成了产品4个典型页面的临摹。如果平时没有这样的整块时间也可以拆分任务，每天抽一些时间，完成一个页面的临摹。

Step 1的时候我完成了组件的整理，如果说组件是一个个的点，多个组件逐渐连成线，那么页面就是面，临摹页面就是将已经熟悉了的线组成面。

有了组件的抓手在设计的时候就有了着力点，但要完成一个页面的设计还是不够。

以写作为类比，组件就像造句练习，而页面更像一篇作文，有写好一句话的能力但并不代表就能写出一篇好文章，将单独的语句组织成一篇完整的文章还需要更多的练习。

临摹就是有效的练习方式，临摹页面的时候可以完整经历整个页面设计过程，知道什么情况下该用什么组件。也会遇到更多细节的问题，比如icon和文字之间的间距，每个功能模块之间的间距是多少，内容的之间的间距又是多少，品牌色和辅助色之间的搭配关系等。

通过临摹2-4个不同类型的典型页面可以补全之前各组件之间的缝隙，对页面有全面整体的认识，操作也更加熟练，这时候我对风格的熟悉程度应该可以到达50%-60%左右了。

如果要开始页面设计的话也可以比较顺利的进行下去了，视觉层面基本可以保证统一和符合要求。不过要做出更契合整个产品目标，符合产品调性的设计还少不了下面关键的第三步。

Step 3—使用体验产品

我的耗时：一周早上通勤时间，每天40分钟左右

在面试或者入职前我们或多或少应该都已经浏览过使用过产品了，但这还不够，现在我们需要更有目的更仔细的去使用体验产品。这一步我没有再抽出整块的时间，而是利用了早上通勤的时间来完成。

通过前两步整理组件和临摹页面已经解决了产品线和面的问题，从视觉上来说现在对新的设计风格基本熟悉了。但产品是一个整体立体的东西，通过静态的组件和页面积累起来的了解还是比较表面和有限的。所以我们还需要深入了解产品，使用产品的功能。

不同于之前泛泛的浏览，这次应该是带着具体的问题去使用。比如今天早上专注看上课的功能，第二天早上就体验做题测试的环节，遇到问题或不太清楚的时候截屏记录，以便和同事讨论交流。

这个过程中不仅可以看到每个页面，感受整体的设计风格。同时也能清楚自己所做的页面在产品中是哪一个环节，在开会讲需求的时候就可以迅速定位，知道是在说哪里，明白前因后果更好的理解需求。

我在刚加入上一份工作的时候，因为对产品的不熟悉，开始讲需求的时候经常跟不上节奏，不知道在讲哪里非常尴尬。只有知道产品的功能知道自己做的是哪部分，起到的是什么作用，承担什么样的使命才能做出更合理更契合需求的设计。

使用产品是把单独的页面都串起来的过程，让产品在头脑中的印象正真鲜活立体起来，完成从点、线、面到体的转化。

这个过程根据产品体量不同，耗时也不同，也可以先从自己在的部分了解，逐步展开。

到这里我对新风格的对产品的熟悉度达到了80%左右，这个程度能让我在设计的时候，可以熟悉规范，熟练使用组件，设计的页面能符合产品的整体风格完美融入，配合需求知道应该规避什么又该突出什么，做出合理的设计。

Step 4—番外 开始长跑

上面三步是我试验总结的自己可以做的努力，当然过程中也要忽视了和同事之前的交流，这也是帮助我们快速熟悉的重要方式。相信完成这些可以帮助我们快速平稳地度过刚开始的适应期，进入正轨。

不过行百里者半九十，完成这三步后也是新的开始，还有更多的部分就需要在以后的工作中逐渐深入了解。

比如产品面对的用户群体有什么样的特征，研究更符合用户特征的设计风格；产品的定义和提供的服务，核心价值是什么，公司的愿景；研究竞品，有竞品的对比可以更好的帮助理解自己产品的核心优势和特点，或许有些看起来暂时和眼前的设计不是那么相关，但是其实很多时候我们都需要靠这些来做出正确的取舍抉择。

越往后越需要付出更多的时间和精力，希望大家都可以在自己喜欢的岗位上，充满热情的工作。

划重点

今天聊的是怎么可以让自己快速适应新公司的设计风格，分别是下面三步：

1.整理组件文档，熟悉规范。在设计的时候方便使用，提升效率。

2.临摹典型页面，体验完整页面的设计过程，熟练操作。

3.使用体验产品，感受整体的设计风格了解功能和需求。

完成这三步的同时，也不要忽略了和同事之前的交流哦，这也是非常重要的一方面。

完

• 开班时间：2019年3月中旬

• 学习方向：UI设计/产品&交互设计

• 课程时长：3个月

长按二维码添加【小U】微信咨询&报名