手机二维码 手机二维码

UI设计师应该如何与开发人员合作

发表时间:2021-12-30    人气:1156    作者:牛耳教育
    在工作当中,UI设计师经常是和开发人员一起协作的,那么我们应该怎样让这个过程变得更高效和更顺利呢。

    尽管客户可能很难区分UI设计行业工作人员的角色,但设计团队和开发团队之间往往存在鸿沟。有时与建筑师和建筑工程师之间的关系相比,UI设计师和开发人员会发现很难保持一致。双方可能都认为对方不明白他们为什么要这样做,开发人员不注意细节,设计师只关心让事情看起来很漂亮。
UI设计师应该如何与开发人员合作
    产品开发人员是否需要从一开始就与设计师一起直接与客户进行讨论?每一方需要什么时间框架?有哪些技术可能性?不要害怕与对方或客户坦诚交流是否存在局限性,或者是否需要进行更多研究才能给出答案。

    开发人员经常发现,向客户和设计人员坦诚地说明您实际上并不了解产品设计的所有知识,这可能会让他们在你完全排除他们的技术实验之前给你时间研究和测试新事物。

    有时,开发人员可能会真正沉浸在他们的编码中,而忘记了他们实际上是为谁开发产品。尝试市场上前沿的CSS效果并解决复杂的编程问题真是太令人兴奋了。这就是为什么他们必须与客户会面并谈论他们的需求很重要。

    对于不知道整个产品构建阶段的设计师来说也是如此。这涉及跨设备测试、错误修复和问题解决。

    1.准备好设计文件

    即使设计文件是由网页或UI设计师准备的,开发人员也有责任确保它们符合产品的期望。为了做到这一点,双方需要考虑一些事情。首先是讨论设计师在设计阶段更喜欢使用哪种程序(photoshop、Ai、蓝湖、插画图片等)和格式,以及如何准备资料。
UI设计师应该如何与开发人员合作
    2.排版

    设计师:重要的是要记住,网站的标题样式不能超过六种。网站的每个排版方面都需要适应这些风格。例如,如果您在首页上有一个20px和23px行距的大粗体标题,这将成为标题1,并且很可能也用于网站的其他页面。确保所有页面都具有相似的样式以保持一致性,并且不要创建超过六种不同的样式。

    段落样式也是如此。如果网站上有段落样式,请仔细检查它在网站的每个页面上的大小和行距是否相同。开发人员将对您提供给他们的确切尺寸进行编码,尽管它在网络上发布后可能会是什么样子。

    开发人员:建议创建所有标题和段落样式,将它们显示在网站的一页上,并在继续处理网站的其余部分之前询问设计人员对结果是否满意。我有很多基于设计构建整个网站的经验,结果发现设计人员在看到实时字体样式后对字体样式并不满意。

    3、颜色

    设计师:你希望设计稿交给客户时,他们会添加新的颜色并忽略徽标的间距要求吗?你也不希望这种情况发生在开发人员身上。避免它的有效方法是创建一个样式指南,其中包含你要用于网站的确切颜色并坚持使用它们,就像您为印刷项目所做的那样。然后确保您与开发人员讨论仅使用提供的颜色的重要性。这包括较小元素的颜色,例如按钮、输入字段和字体。

    开发人员:如果你在SASS或LESS中创建样式表,你可以轻松地为要使用的重复颜色创建变量。使用此SASS指南或此LESS指南正确命名颜色。

    如果没有,你可以遵循上面的设计师建议并坚持使用你提供的颜色,并在网站开发的早期阶段与设计师确认他们对结果是否满意。
UI设计师应该如何与开发人员合作
    4、边距和填充

    设计师:这是一个简单的提醒,要记住边距和内边距,而且要在网站的每个页面上保持它们的一致性。如果首页有标题图像,而其他页面没有,使用相同的边距和内边距将使用户更容易识别菜单的位置以在网站上导航。

    开发人员:根据设计人员的指南创建一个重置CSS样式表,并确保它在每个页面上都匹配。如果编码后尺寸看起来很奇怪,请在继续编码之前立即与设计人员讨论

    了解设计更改的来源并且不要针对个人而言非常重要。尝试在设计阶段完成尽可能多的工作,以尽量减少编码阶段的更改,因为更改代码比更改设计更难。记住,你们是一个团队!

免责声明:1、文章部分图片源于网络,均为示意图;2、所有文章、图片、音频视频文件等资料版权归版权所有人所有;3、因非原创文章及图片等内容无法一一和版权者联系,如原作者或编辑认为作品不宜上网供浏览,或不应无偿使用,请及时通知我们,以迅速采取适当措施,避免给双方造成不必要的经济损失;4、本页面内容如无意中侵犯了媒体或个人的知识产权,请来电告之,我们将于24小时内删除。

每日前50名预约咨询

可免费获取专属优惠

*
*

电话咨询

400-0731-162

在线咨询

返回顶部