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