UI设计师如何快速告别小白阶段?

Date 2024-03-13 13:40:28

  在一个团队中做设计和自己做设计很不一样。最大的区别在于需要与团队中的其他人(包括但不限于产品经理和前端工程师)合作,共同推动项目的进步。例如,当设计师根据原型图纸绘制高保真设计草案时,很容易在设计边界问题上翻车——需要详细的地方设计不足,而不需要过度设计的地方。这时候就要和PM同学保持顺畅的沟通,避免做无用的工作。


UI设计师如何快速告别小白阶段?


  在与前端的对接中,您提供给他们的设计标志和材料将在很大程度上影响您的设计草案的恢复。在我之前的工作中,标记通常是设计恢复的驱动力!因为即使标记足够详细,也很难实现一切。前端总是会找到你,问:为什么这里的间距没有标记?这个icon的宽度和高度是多少?


  通常初稿的设计变化相对较大,在评估这个版本的设计草案时,在线评估必须是最有效的方式。您只需将设计草案上传到复制平台,产品经理可以首先进行一轮在线评估,标记需要修改的内容,然后根据评估建议快速更改草案,效率会更高。

  在与前端交付的过程中,复制器也可以有效地完成标记和切割图。首先是标记。复制器的自动标记可以解放设计师的手。它可以自动识别设计草案中的切割图。当鼠标在某个元素上时,它会自动显示模块的宽度、高度、间距、颜色等属性,并按下Alt键,查看百分比标记。

  当然,对于特殊的设计风格,如动画、交互,需要手动标记,但一般来说,在使用复制标记交付后,我的前端电话号码数量显著减少,页面恢复程度也提高了很多。

  此外,在设计草案中标记所有材料并上传到复制平台后,前端可以根据自己的需要在设计草案中独立下载不同的平台(iOS/Android/Web)、不同的倍率,不同的格式(PNG/WebP/SVG/JPG)我再也不用打电话给他重新打包切图了。

  合理利用工具,与各岗位开展整个设计工作,与产品经理和前端工程师有效合作,提高工作效率,这是我在过去一年中感受到的最深刻的地方!

  设计的灵魂-色彩搭配

  毫不夸张地说,色彩搭配是设计的灵魂。网上有很多关于色彩搭配的教程,所以今天我想和大家分享一下单色配色。我以前见过一家大工厂的设计师分享的单色配色实践方法论。坚持60/30/10的规则,我可以设计出具有纹理的先进配色。

  60/30/10规则是网站中60%的应用由主色组成,30%是辅助色,剩下的10%是强调色。

  使用单色限制调色板,避免设计难度和“色彩混乱”,通过60/30/10调整主色亮度,使整个设计稿看起来更加干净先进。单色配色对小白的设计非常实用。你可以多练习,快速提高你的审美能力!

  积极锻炼发展思维

  一定要与前端进行更多的沟通。如果你能从他们那里学到前端知识,这对你生产高质量的设计草案非常有帮助。你不能被网上的笑话所迷惑,说前端和用户界面设计之间的关系就像水和火,每天争吵。

  至少我接触到的前端很好,他们愿意教我一些前端的基本知识。例如,设计一些看似简单的布局,前端需要用盒子模型重建,实际上会使用大量的外部距离(margin)和内边距(padding)在设计草案中恢复距离关系。

  对于UI来说,多了解前端知识可以让你在设计时更好地考虑页面实现的问题,也可以与开发沟通,避免被他们牵着鼻子走的现象

  抽出空闲时间打磨作品集

  作品集是展示设计师个人能力和审美最直观的东西。它不仅可以作为设计师对自己创作和成长的总结,也是招聘单位在面试中判断你的重要依据。因此,拥有一个优秀的作品集对每个设计师来说都是非常重要的,因为它不仅决定了你能有多少机会,而且还决定了工资的金额~

  那么,反复打磨作品集一定是常规操作。我通常每个月都会优化以前的作品,包括工作项目和我自己画的材料。我把作品集上传到抄客平台,然后直接以公开链接的形式分享,别人就可以查看我完整的作品集了。

  这是我在网上看到的一位设计大亨分享的经验和方法,可以使作品集的形式更加新颖,有效增加面试机会~

  持续输入,保持学习

  无论你是设计还是其他职位,持续学习都是必不可少的。毕竟,在这样一个就业环境中,如果你不努力前进,你迟早会被淘汰~

  我的输入方式有两种,一种是每天访问行业网站,另一种是复制优秀的作品。我每天花20分钟访问酷、UI中国、追逐波、北京等网站。虽然每天的时间不长,但坚持下去,定量的变化总是会影响定性的变化!  

  以上就是优漫教育小编为大家介绍的"【UI设计师培训】:UI设计师如何快速告别小白阶段?相关内容,学习UI设计培训,可参考优漫教育提供的ui学习路线,包括ps软件介绍、AI与品牌设计、视觉表达技术、web视觉设置计、图标设计、产品交互、移动终端设计等。根据优曼提供的ui学习路线图,可以让你对学好ui需要掌握的知识有一个清晰的认识 !

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计