安徽网站制作，你喜欢你设计的前端工程师吗？你的一些习惯可能无法更好地转换为代码，这使得前端工程师更难与您合作完成项目。安徽网站制作公司小编带大家一起学习沟通和设计，让前端工程师根据工作方式的微妙变化爱上你的工作。这将加快项目进度，使工作更加轻松。

 

　　一.让前端工程师尽快开始项目

 

　　安徽网站制作和前端工程师之间很大的问题是，他们经常在设计草案完成前默默地工作，个人或团队开始讨论这个项目。这不是正确的工作方式，安徽网站制作和前端工程师应该从一开始就讨论如何组装项目。尽管安徽网站制作可能会关注颜色.字体和图像，但前端工程师可以充足了解可用性.功能和性能。

 

　　安徽网站制作和前端工程师应该更好地了解彼此的外观。安徽网站制作应了解足够的代码和可用性，以便与前端工程师沟通和理解挑战：前端工程师应该对设计理论有一点了解，以便在设计概念不适合网络时提出建议。

　　二.文件结构清晰

 

　　Web设计师能做的很重要的事情之一就是每次都以同样的方式准备和打包文件。你打开了多少次，包括数百个未命名层？Photoshop文档？请勿将此类文件交给前端工程师。无论您使用哪种软件，都应适当命名每一层和款式。.颜色.样品和布局应在整个设计环节保持一致。

 

　　对于每个项目，以相同的方式命名文件和风格。以类似的方式分组并使用相同的文件夹系统。这样，前端工程师就不必重新学习如何找到每个新项目的组件和元素。

 

　　三.使用浏览器字体

 

　　印刷管理是设计项目（包括印刷和数字作品）面临的很大挑战之一。不要使用桌面字体作为设计项目。Web或者应用程序设计的打印项目，假设它们能正常工作。选择数据项目，选择数据项目，“浏览器字体排版”。这意味着你可能需要它Web找到与打印内容相匹配的类似字体。前端工程师不能为你做这件事。从一开始就选择相比的浏览器字体并使用它们。你还可以在风格指南中注意到打印和数字字体。

 

　　这背后的原因很简单：嵌入字体可能很困难。此外，浏览器字体是免费的，以确保您不会造成额外的项目成本。（当你这样做时，考虑用图标做同样的事情，使用像字体这样的好包装，这样前端工程师就可以使用它CSS风格图标而不是导入一堆图像文件！

 

　　四.打包图像资产

 

　　当我们讨论图像资产时，正确地导出和包装文件是很重要的。前端工程师可以打开和导出所有的图像文件，以满足他们的需求，你可以问他们需要什么，并在这个过程中执行它们。这可以确保得到所需的图像并压缩包，以帮助您快速进入网站。不要试图自己这样做。

 

　　五.考虑环境

 

　　在设计网站和移动应用程序时，应考虑许多设备的大小和宽高比。作为一个。Web设计师，你需要知道画布的大小、边距、填充等。以建立一个实用的模型。在开始绘图之前，请咨询前端工程师，以确保在开始之前了解设计环境的外观。没有比较Photoshop或Sketch看起来更好的设计更糟。

 

　　你需要提前知道：

 

　　1.如果框架有不同尺寸的具体填充规格。

 

　　2.列之间的沟总宽（假如不同）

 

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

 

　　六.提出更多问题

 

　　它已经被多次提及，但设计师和前端工程师之间的沟通是所有这些工作的关键。沟通可以建立或破坏项目，影响截止日期，项目的设计和功能。和前端工程师一起吃午饭，了解他们。在这个过程中有很多问题要问。如果你不确定某些内容是否有用，请问。前端工程师不是一个坏人，在过程的早期回答问题比重新思考和整个概念要容易得多。

 

　　七.了解一些开发基础知识

 

　　当你与前端工程师交谈并提出问题时，你需要充足挖掘。如果您的设计数据库中没有这些技能，请学习一些基本的开发知识。

 

　　从事数据项目的安徽网站制作应在以下几个方面进行自我介绍：

 

　　1.HTML和CSS（您应该能够改变字体大小或颜色，并了解两者是不同的）常见的用户模式（为用户与内容的交互技术设计）

 

　　2.可访问性规范(因此您的设计将适用于更多用户)

 

　　3.什么样的元素需要用作图像，什么样的元素可以用作纯粹的图像CSS建立！

 

　　4.断点如何在响应式布局中工作？

 

　　5.网站设计趋势，你可能永远不会真正编写代码，但学习开发原则会让你成为一个更好的安徽网站制作，因为你会理解工具和工作过程的价值。

 

　　八.使用“常规”款式指南

 

　　设计过程也延伸到开发，安徽网站制作，你需要意识到前端工程师对你的设计过程同样重要。考虑到这一点，创建一个“常规”风格指南不仅包括颜色和字体，还包括组件。当项目开始时，每个人都应该能够浏览和更新文档。一个好的风格指南将帮助项目中的每个人保持与视觉元素的一致性，为设计选择提供前后文本，为项目提供合作点，并协助标准化代码。

 

　　充分利用以下信息：

 

　　标志风格、调色盘、字体面板、图标面板、页面导航元素（它们链接到），不同页面的布局选项。代码片段（如按钮）在整个网站中重复使用

 

　　九.使用网格

 

　　1.网格尊重。在自适应网站设计中，网格不仅是将元素放在屏幕上的指南，还确定了元素在不同屏幕尺寸下的位置以及其列的堆叠和重组。

 

　　2.网格可以帮助您设计和维护流量。(挑战是你不能随意违反设计标准。

 

　　你可以这样想：你的设计在全屏桌面显示屏上排列着四行（屏幕上的总宽度相同）。然后在平板电脑上，将块转换为两列，每行两列。在移动设备上，它们被转换为一行和四行。了解网格如何影响对象的大小和目标，因为它取决于如何设计你所拥有的内容。想想同样的情况。如果有五个内容块呢？它需要重新设计，以确保您建立一致的视觉轮廓。