服务范围重庆易企网络公司
服务范围
当前位置:重庆易企网络公司 >> 服务范围 >> 浏览文章
服务范围

网站制作过程中如何让设计师更好地配合前端工作

标签:网站,制作,作过,过程,过程中,如何,设计,设计师 发布时间:2019年10月17日 阅读:14次
网站制作过程中如何让设计师更好地配合前端工作

网站设计师,您喜好您设计工作的前端工程师吗?您的一些风俗很可能无法很好地转换为代码,这使得前端工程师更难以与您合作完成项目。想成为更好的同事吗?然后我们将学习如何更好地进行沟通和设计,让前端工程师通过对工作体例进行玄妙的改变来爱上你的工作。这将加快项目进度,使工作更轻松。

1、让前端工程师尽早开始项目

网站设计师和前端工程师之间最大的题目是,他们经常在设计的第一稿完成之前默默地开展工作,小我或团队开始评论辩论项目。这不是精确的工作体例,网站设计师和前端工程师应该讨论如何从一开始就组装项目。虽然网站设计人员可能会关注颜色、字体和图像,但前端工程师可以深入了解可用性、的功能和性能。

网站设计师和前端工程师应该很好地了解彼此的表面。网站设计人员应该了解充足的代码和可用性,以便与前端工程师沟通并了解挑衅:前端工程师应该对设计理论有一点了解网站建设公司,以便在设计概念不适合网络时提出建议。

2、文件结构清晰

Web设计人员可以做的最紧张的事情之一就是每次都以雷同的体例预备和打包文件。您有多少次打开包含数百个未命名图层的Photoshop文档?请勿将此类文档交给前端工程师。无论您使用哪种软件,都应该适当地命名每个图层和样式。样式、颜色、样本和布局在整个设计过程中应保持同等。

对于每个项目,以雷同的体例命名文件和样式。以类似的体例分组并使用同等的文件夹体系。如许硼酐,前端工程师就不必重新学习如何找到每个新项目的部件和元素。

3、使用欣赏器字体

印刷管理是设计项目(包括印刷和数字作品)面临的最大挑衅之一。不要将桌面字体用于为Web或应用程序设计的打印项目,并假设它们可以正常工作。 (通常他们没有。)

对于数字项目,请选择“欣赏器字体排版”。这意味着您可能必要为Web找到与打印内容相匹配的类似字体。不要让前端工程师为您做这件事。选择可比的欣赏器字体并从一开始就使用它们。您甚至可以在风格指南中细致到打印和数字字体。

这背后的缘故原由很简单:嵌入字体可能很棘手。此外,欣赏器字体是免费的,可确保您不会产生额外的项目成本。 (当你如许做时,考虑用图标做同样的事情,使用像字体如许的好包装,所曩昔端工程师可以使用CSS风格的图标而不是导入一堆图像文件!)

4、打包图像资产

当我们讨论图像资产时,精确导出和打包文件特别很是紧张。前端工程师可以打开和导出所有图像文件以知足他们的需求,您可以扣问他们必要什么并在此过程中实行它们。

这可确保您获得所需的图像并压缩文件以帮助您快速加载网站。

不要试图本身如许做。扣问前端工程师如何保存、命名和压缩文件以获得最佳使用结果。

5、考虑环境

在设计网站和移动应用程序时,必要考虑许多设备大小和宽高比。作为Web设计人员,您必要知道画布大小、边距、添补等,以创建现实可用的模型。

在开始绘图之前,请先咨询前端工程师,以确保在开始之前了解设计环境的表面。没有比在Photoshop或Sketch中看起来更好的设计更糟糕的了。

你必要提前知道这些事情:

假如框架具有不同尺寸的特定添补规格。

列之间的沟宽度(假如不同)

屏幕尺寸最窄的前端工程师将编写代码。

6、提出更多题目

它已被多次提及,但设计师和前端工程师之间的沟通是所有这些工作的关键。沟通可以创建或破坏项目,影响截止日期上海装潢公司,并影响最终项目的设计和功能。

与前端工程师共进午餐,了解他们。在此过程中有很多题目要问。假如您不确定某些内容是否有效,请扣问。前端工程师并不是一个糟糕的人,在过程早期回答题目要比重新思考和整个概念容易得多。

7、了解一些开发基础知识

当您与前端工程师交谈并提出题目时,您必要深入发掘。假如您的设计库中还没有这些技能,请学习一些开发基础知识。

从事数字项目的网站设计师应该在以下方面进行自我介绍:

HTML和CSS(您应该能够更改字体大小或颜色,并了解两者是不同的)常见用户模式(针对用户与内容的交互体例而设计)

可访问性标准(因此您的设计将适用于更多用户)

哪些类型的元素必要用作图像,哪些元素可以使用纯CSS创建!

断点如何在相应式布局中工作?

网站设计趋势

您可能永久不会真正编写代码,但学习开发原则会使您成为更好的网站设计者,由于您将了解工具和工作流程的价值。

8、使用“常规”样式指南

设计过程也延长到开发,网站网站设计师,你必要意识到前端工程师对你的设计过程同样紧张。

考虑到这一点,创建一个“常规”样式指南,不仅包括颜色和字体,还包括组件。在该项目已经开始时,每小我都应该能够访问和更新文档。

一个好的样式指南将帮助项目的每小我保持与可视元素的同等性关键词排名,为设计选择提供上下文,为项目提供协作点,并帮助标准化代码。

将以下信息放入样式指南中以充分行使:

标志风格

调色板

字面子板

图标面板

导航菜单元素(它们链接到)

不同页面的布局选项。

在整个站点中重复使用的代码片段(例如按钮)

9、使用网格

网格尊重。在相应式网站设计中,网格不仅仅是将元素放置在屏幕上的指南,它还确定了元素在不同屏幕尺寸下的位置,以及列的堆叠和改组。

网格可以帮助您设计和维护流。 (挑衅在于你不能随意违背设计规则。)

可以如许想一想:您的设计在全屏桌面表现屏上有四行内容排列在屏幕上(屏幕上的宽度雷同)。然后在平板上,将块转换为两列,每行两列。在移动设备上,它们被转换为一行和四行。

了解网格如何影响对象的大小以及对象如何在不同设备上进行转换特别很是紧张,由于它决定了如何设计您拥有的内容。再想一想同样的情况。假如有五个内容块怎么办?它必要重新设计,以确保您创建同等的视觉轮廓。

10、友爱的网站设计师

确保项目顺利进行的真正关键是天真性。网页设计技术和标准赓续转变。虽然有些项目确实让你成为一个细节而且是一个不动的人,但相应式设计却不是如许的。易于使用的网站设计师将赢得更多尊重并与前端工程师建立更好的关系。这将带来更好,更成功的项目。应该说,但是太多次,会有许多偶然识的举动。不要陷入那个陷阱。与您的前端工程师讨论您的项目,他们会爱你。

本文由重庆网站建设专家快前久互联原创,地址为:https://www.esmo.cn/jdoo7843/news/i2533.html