UI设计师一年心得：团队协作要点及设计协作平台推荐

日子算一算，成为一名UI设计师已然过去一年多时间了。最近身边有好几位朋友都计划着转行做UI设计，在跟他们讲完我的转行经历后，我也打算用文字记下我这一年的心得体会。一方面期望能够帮到更多准备转行的朋友，另一方面也能标记一下自己踩过的坑，充分汲取经验吧。

尝试借助团队的力量

历经这一年多工作所带来的折磨以及锻炼，我对此感触极为深刻，在一个团队里进行设计，与自己独自埋头做设计存在着很大差异，最大的区别之处在于要跟团队中的其他人，包含但不限于产品经理、前端 工程师，展开协作，一同推动项目前行。

比如说，当设计师依据原型图去产出高保真设计稿之际，极易在设计的边界相关问题上出现失误，也就是在那些需要细致处理的地方设计存在欠缺，然而在那些并不需要投入精力的地方却进行了过度设计，在这样的情形之下，就务必要维持与PM同学的沟通处于顺畅的状态，以此来防止做一些没有实际价值的工作。

在跟前端对接期间，你给予他们的设计标注以及素材，会在很大程度上对设计稿还原状况产生影响。在我先前的工作里，标注常常是致使设计还原失败的促使因素！由于即便标注做得极为详尽，可依旧很难做到毫无遗漏。前端总会找你来询问：这里的间距为何没有标注？这个图标宽高是多少？

历经我这一段为期一年的持续不断地尝试错误，于此处，向各位即将踏入行业的新近新手们，推荐一款设计协作平台，一款名为摹客的平台，它能够以高效的方式，助力你同产品经理，再者同前端工程师，展开协作。

通常设计的初稿改动幅度相对较大，于评审这一版设计稿之际，在线评审必定是最为高效的方式。你仅需把设计稿上传到摹客平台，产品经理能够先开展一轮在线评审，标明需要修改之处且标记出来，而后你依据评审给出的建议迅速去改稿就行，如此效率将会更高。

在跟前端进行交付期间，利用摹客能特别高效地完成标注以及切图。先说标注吧，摹客的自动标注可让设计师的双手得以解放，它能自动辨认设计稿里的切图，当鼠标悬停在某个元素之上的时候，它会自动将该模块的宽高、间距、颜色等属性显示出来，而且按住Alt键，还能够查看百分比标注。

诚然，针对设计稿里的特殊设计样式，像是动画以及交互，那就需求手动进行标注予以说明，然而总体来讲，借助摹客标注完成交付之后，前端呼叫我的次数显著降低了许多，页面还原程度也提升了不少。

再者，就切图这个部分来讲，于设计稿里针对全部素材均完成标记切图操作后，将其上传到摹客平台，前端能够在这份设计稿之中，依据自身需求，自行下载不同平台（iOS/Android/Web）、不同倍率、不同格式（PNG/WebP/SVG/JPG）的切图，往后再也无需叫我为其重新打包切图了。

对工具进行合理利用，把整个设计工作给打通使之与各个岗位相通，和产品经理、前端工程师展开高效协作，以此提升工作效率，这是我工作一年以来感触最为深刻的所在之处！

设计的灵魂——色彩搭配

色彩搭配，毫不夸张地讲，算得上是设计的灵魂了，网上有关色彩搭配的教程数量众多，所以，今天我打算就单色配色跟大家作一番分享。之前，我曾看过一位来自大厂的设计师所分享的单色配色实操方法论，该方法论秉持60/30/10法则，能够设计出颇具质感的高级配色。

具体而言，这个60/30/10法则指的是，网站里，60%的应用是由主色调构成的，30%的部分是辅助色，而剩余的10%则是强调色。

透过单色去限定你的调色板，防止由于颜色数量过多致使设计难度增加以及出现“颜色混乱”状况，借助60/30/10这种方式，实施主色亮度的调整，进而能够让整个设计稿看上去更为干净且高级。单色配色对于设计小白而言极为实用，大家能够多多开展练习，迅速提升自身的审美能力！

积极锻炼自己的开发思维

务必要多多跟前端进行沟通交流，要是你能够从他们那里学到前端方面的知识的话，这对于你产出高质量设计稿而言是极为有帮助的。各位刚刚入门的新手可千万不要被网上的段子给迷惑住，那种说法是讲前端跟UI设计的关系就仿佛是水火不容，天天都在吵架…

不多不少，就我所碰到的前端而言，他们个个都相当不错，而且，他们还特别乐意传授给我一些前端的基础学问，比如说，设计那种乍一看显得挺简易的某些版式，前端全都得运用盒子模型再度构建，事实上，会大量运用外边距（margin）还有内边距（padding）去还原设计稿里的距离关联。

UI方面，知晓更多前端知识，能使在设计之际更妥善地思索页面实现问题，还可与开发展开交流，防止出现被他们牵着走的状况，有被他们牵着走的时候，能防止 ，有被他们牵着走的状况。

抽出空余时间打磨作品集

那最直观用来展示设计师个人能力以及审美的东西是作品集，它不但能够当作设计师针对自身创作与成长的总结，而更是在面试之时招聘单位靠其对你展开评判的关键依据，所以对每一名设计师来讲拥有一份出色的作品集极为重要，因为它不但决定着你会有多少机会，还兴许决定着工资的数额~

所以，再三打磨作品集这绝对是常规行为。我一般每隔一个月就会针对先前的作品予以优化，这其中涵盖工作项目以及自己随手绘制的素材。作品集我都上传至摹客平台，届时以公开链接的方式直接分享出去，他人便能查看我完整的作品集了。

这是我于网上瞧见的，一位身为设计大佬所分享的，具可让作品集形式变得新颖之势的经验方法，该方法能够有效地增添面试的机会~

持续输入，保持学习

不管你从事的是设计工作，亦或是别的岗位，持续开展学习之举是绝对不能少的。毕竟处于当下这般竞争激烈、趋于内卷化的就业环境里头，倘若你不奋力朝着前进的方向迈进，那么迟早有一天都将会遭遇到被淘汰的状况~

我有着两种输入方式，其一为日常去逛行业网站，其二是临摹优秀作品，我每日都会花费20分钟去逛逛站酷、UI中国、追波、Behance等网站，虽说每天的时间并不长，然而坚持下去，量变总归会对质变产生影响呀！

此外，周末之时，我会耗费时间去临摹一些优良的界面，还有动效，以及小icon，主要目的在于提升设计能力与审美能力，在持续不间断的练习进程当中，我发觉如今操作熟练度也已然提高了，哈哈哈！

继续浏览有关 UI设计团队协作 的文章