网站美工们，你的设计作品前端工程师们是喜欢的吗？大概你的一些习惯并不可以非常不错地转化为代码，这就会让前端工程师在项目上与你一块工作变得愈加困难了。想成为一个更好的同事吗？那大家今天就来学习怎么样更好地交流和设计，通过对工作方法的细微改变来让前端工程师爱上你的作品，如此将会加快项目进度，使工作更轻松。
1、让前端工程师在早期开始接触项目
网站美工和前端工程师之间大的问题是他们常常在默默的完成我们的工作，直到设计的初稿完成，个人或团队才开始谈论一个项目。这不是正确的工作方法，网站美工和前端工程师应该从刚开始就讨论项目将怎么样组合在一块。虽然网站美工可能关注颜色、字体和图像，但前端工程师可以提供对可用性、功能和性能的洞察。
网站美工和前端工程师应该对他们的外观有一个非常不错的认知。网站美工应该理解足够的代码和可用性，以便与前端工程师交流并理解挑战：前端工程师应该对设计理论有一点知道，如此他们就能在设计理念不合适web的时候提出建议。
2、明确的文件
网站美工所能做的大的事情之一就是每次都以相同的方法筹备和打包文件。有多少次你打开了一个有数百个未命名图层的Photoshop文档？不要将这类的文件交给前端工程师。无论你用什么管理系统，每一层和样式都要适合命名。样式、颜色、色板和排版在整个设计过程中都应维持一致。
对于每一个项目，以相同的方法命名文件和样式。以类似的方法分组，并用一致的文件夹系统。如此，前端工程师就不必重新学习怎么样找到每一个新项目的部件和元素。
3、用浏览器字体
设计项目的大挑战之一，包含印刷和数字作品是印刷管理。不要将桌面字体用于web或应用程序设计的打印项目，并假设它们会起用途。（一般他们没。）
对于数字项目，选择浏览器字体排版。这意味着你可能需要为web找到类似的字体，以便与打印的内容相匹配。
不要让前端工程师为你做这类。挑选可比较的浏览器字体，并从刚开始就用它们。你甚至可以在你的风格指南中注意到打印和数字字体。
这背后是什么原因非常简单:嵌入字体可能有点棘手。另外，浏览器字体是不收费的，并且将确保你不会产生额外的项目本钱。（当你在做的时候，考虑考虑用图标做同样的事情，用一个像字体一样棒的包，如此前端工程师就能用CSS样式的图标，而不是导入一堆图像文件!）
4、包装形象资产
当大家讨论图像资产的时候，正确的导出和打包文件是尤为重要的。前端工程师可以打开和导出所有些图像文件以满足他们的需要，你可以询问他们需要什么，并在过程中实行。
这可以确保你得到你想要的图片，同时压缩文件以帮你的网站迅速加载。
不要试图自己做这件事。询问前端工程师怎么样保存、命名和压缩文件以获得好用。
5、考虑环境
在设计网站和移动应用程序时，要考虑的设施大小和纵横比都是这样之多，作为一个网站美工，你需要知道画布大小、页边距、填充等，以创建实质可用的模型。
在开始绘图之前，请与前端工程师交谈，以确保在开始之前知道设计环境的外观。没什么比一个在Photoshop或素描中看着更棒的设计更糟糕的了。
你需要事先了解这类事情:
假如该框架具备不同大小的特定填充规格。
列之间的沟宽（假如不同）
最窄屏幕尺寸的前端工程师将撰写代码。
6、多问问题
它已经被提到过几次了，但设计者和前端工程师之间的交流是所有这类工作的重点。交流可以产生或破坏项目，影响截止日期，影响最后项目的设计和功能。
多与你的前端工程师去吃午饭，去知道他们。一路上要问不少问题。假如你不确定某件事是不是有用，就问一问。前端工程师不是可怕的人，在这个过程的早期回答一个问题比需要重新考虑和整个定义要容易得多。
7、学习一些开发入门知识
当你与前端工程师交谈并提出问题时，要深入挖掘。假如你在你的设计库中还没这类技能，那就学习一些开发入门知识。
从事数字项目的网站美工应该在以下方面进行自我介绍:
HTML和CSS（你应该可以改变字体大小或颜色，并理解两者是不一样的）
容易见到的用户模式（为用户与内容交互的方法设计）
可访问性标准（因此你的设计将适用于更多的用户）
什么种类的元素需要用作图像，什么元素可以用纯CSS来创建!
在响应式布局中，断点是怎么样工作的？
网站建设的趋势
你可能从来不会真的撰写代码，但学习开发原则将使你成为更好的网站美工，由于你将知道工具和工作流的价值。
8、用“常规”风格指南
设计过程也延伸到开发中，网站美工，你需要认识到，前端工程师对设计过程和你一样要紧。
考虑到这一点，创建一个“常规”风格指南，不只包含颜色和字体，还包含组件。每一个人都要可以访问和更新文档，由于这个项目已经开始了。
一个好的风格指南将帮助每一个在项目中工作的人维持与视觉元素的一致性，为设计选择提供上下文，为项目提供一个协作点，并帮助标准化代码。
将以下信息放入风格指南中，充分借助:
标识样式
调色板
字体面板
图标面板
导航菜单元素（它们链接到）
不同页面的布局选项。
在整个站点中重用的代码片段（比如按钮）
9、用网格
网格的尊重。在响应式网站建设中，网格不止是放置元素在屏幕上的指导原则，它还可以决定元素在不同屏幕大小下的地方，与列的堆栈和洗牌。
网格可以帮你设计和维护流。（挑战在于你不可以随便打破设计规则。）
你可以如此想:你的设计有四个内容块在屏幕上排成一行（在屏幕上有相同的宽度），在全屏幕的桌面显示器上。然后在一个平板上，这类块转换成两列，有两行。在手机上，它们会转换成一行四行。
理解网格怎么样影响对象的大小，与对象怎么样在不一样的设施上进行转换，这一点非常重要，由于它可以决定怎么样设计你所拥有些内容。再想想同样的情景。假如有五个内容块呢？它需要重新设计，以确保你创建一个一致的视觉轮廓。
10、友好的网站美工
确保项目顺利进行的真的重点在于灵活，网页的设计技术和标准一直在变化，虽然有的项目确实叫你成为一个细节和不动的人，但响应性设计并非如此的。
容易与人合作的网站美工会取得更多的尊重，并与前端工程师打造更好的关系。这将会带来更好更成功的项目。这应该不需要说，但太多的时候，会有不少不自觉的行为。不要掉进那个陷阱。多和你的前端工程师讨论项目，他们会爱你的。
本文标题：
10种网站美工怎么样更好配合前端工作的办法文章网址：https://www.cdcxhl.com/news/48652.html
网站制作、网络营销推广公司-博久网络，是专注品牌与成效的网站建设，网络推广营销网站优化公司；服务项目有网站建设等
