Navigation menu

0755-82192581
  • Contact us
  • 0755-82192581
  • 深圳市罗湖区嘉宾路深华商业大厦9楼(地铁1号线国贸站B出口既是)

    3375726676@qq.com


    © 2007-2021 All Rights Reserved.
  • 策略型高端网站设计公司

    Strategic advanced website design company

    View More
  • 网页设计师如何与前端更好的交接

    时间:2023-05-28  作者:GARY  来源:https://www.niegoweb.com
    前面我们讲了网站设计和网站制作对接的重要性,那具体该怎么更好的交接呢?接下来我们继续讨论这个话题。


    第一要多沟通,一旦创建了设计移交文件,并且开发人员开始将它转换成代码,设计通常被标记为完成。然而,在现实中,只有当用户觉得体验愉快时,设计才是完整的。因此精心制作设计移交文件并让开发人员帮助将您的设计提交给用户,本质上是在您已经完成的案例基础上的另一个案例研究。为了使它更完美,就像你和用户交谈一样,你也需要和工程师交流——更好地理解他们的需求,他们如何阅读你的文件,甚至可能教他们一些关于使用Figma的关键事情(如果Figma是你的主要设计工具)。


    第二记录和沟通设计思路,我们必须诚实,为什么建立我们的设计组合经常需要许多事实上,我们并没有在整个过程中记录每个设计的思路和创意,所以我们需要通过尽最大努力获取设计文件和所有我们需要的东西来开始构建案例研究。不仅仅是设计,如果合适的话,还包括竞争对手分析、问题陈述和用户旅程,并在移交文件中留下这些页面的链接。开发人员可能不会读它,但是我经常从我的团队中的开发人员那里听到他们喜欢它,因为他们也可以在设计工作中挖掘设计师的想法,他们也可以从我们这里学习构建产品的技巧。


    第三增加细节说明,说到设计文件交接,细节很重要—仅仅让设计“保持原样”是不够的。添加细节说明不仅有助于开发人员更好地理解设计,还能让他们的前端制作更轻松。这里有一些技巧,可以帮助你将这些重要的设计细节添加到你的设计中。如果可能,命名层。我们讨论了帧的编号/命名,但是命名层也同样重要!想象一下,你试图浏览一个Figma文件,里面堆满了图层和标签,比如“帧3123”、“矩形8”和“圆形35”。这对于设计人员和开发人员来说都是令人困惑和耗时的,因为他们需要筛选大量未命名的图层来确定正确的图层。命名良好的层有助于更好的协作,因为团队成员可以快速找到并理解每个元素的用途。这也有助于确保将设计转化为代码时的一致性和准确性。

    第四确认所有设计再交接,在理想的情况下,设计应该在开发人员开始编码之前就完全完成了。但在现实中,设计总是会受到调整,甚至在开发已经开始之后。这就是为什么版本控制是一个如此重要的话题。这就需要和甲方充分沟通并让前端技术一起参与。

    第五完善团队的设计系统,如果您想更进一步,可以考虑推动您的团队采用设计系统。这将提升所有项目效率,也可以让网页设计更加符合开发人员对代码的期望。您可以匹配令牌名称并命名您的层/帧,以符合开发人员命名其容器的方式,并在您的设计系统中匹配它们。

    最终正如我在开始提到的,没有一刀切的方法交给开发人员,因为这取决于各种因素,如产品设计和与我们一起工作的工程师。然而,我们能做的是与我们的工程师密切合作,定期与他们沟通,并合作找到让每个人的生活更轻松的解决方案。就像我们的设计一样,开发人员成功交接的关键是优先考虑良好的沟通和协作。

    相关案例

    OTHER CASE