Navigation menu

0755-82192581
  • Contact us
  • 0755-82192581
  • 深圳市罗湖区人民南路国际商业大厦20楼(地铁1号线国贸站E出口既是)

    szniego@126.com


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

    Strategic advanced website design company

    View More
  • 网页设计如何与开发更好的对接

    时间:2021-11-12  作者:尼高GARY  来源:https://www.niegoweb.com

    网站建设过程中,网页设计团队需要与开发团队对接,设计师通常会加倍努力确保字体完全按照指定设置,颜色与模型相匹配,并且元素的间距是像素完美的。不幸的是,很多时候,当开发人员完成他们的工作时,结果并不总是符合设计人员的设想。那么你如何弥合设计和开发之间的差距?


    网页设计

    创建页面以匹配设计的第一步从正确的工具开始。现在市场上有几种选择。 Adobe XD是一种基于矢量的用户体验设计工具,它结合了设计、原型制作和强大的开发人员界面,可简化交接并为开发人员提供精确的页面视图,其中包含所有元素——字体、颜色、间距、资产和 CSS 代码块. 

    Sketch是另一个流行的工具,经常与 Zeplin 一起用于开发人员交接,非常相似。将文件导入 Zeplin 后,开发人员会看到所有页面元素,类似于 Adobe XD。此外,设计师可以连接他们的设计系统,以全面了解项目。

    最后,还有Figma,一个相对较新的人,它将自己描述为一种工具,通过将 UX/UI 设计、原型设计、协作和开发人员交接组合成一个包,“将设计过程中的每个人联系起来,以便团队可以更快地交付更好的产品” ,很容易在线访问。

    这在过去发生过很多次:我会收到我们开发团队的一封电子邮件,要求我查看他们构建的页面。我会害怕这些电子邮件,因为我希望这些页面看起来与我提供的设计完全不同。在某个时候,很明显我可能会继续感到沮丧并花时间进行多次设计审查,或者通过从开发人员那里“购买”精确遵循设计的价值来提出不同的方法。 

    这个过程需要一点时间,但是一旦开发人员了解了我的期望,就不再需要进行多次审核。我会查看页面,提供反馈,然后他们会做一些小的调整以使页面看起来完美。建立“像素完美”文化成为了一个巨大的节省时间!

    此外,在开始设计之前,与开发人员直接对话以听取他们的“故事的一面”是非常有益的。这是回顾开发需求以及它们将如何决定视觉和功能方法的最佳时机。一旦建立了这些要求,最终的设计应该是开发人员完全理解和支持的。 

    相关案例

    OTHER CASE