营销型网站建站专实力派非凡网络欢迎您!

收藏本站收藏本站 联系我们联系我们 网站地图网站地图

非凡网络

网站SEO优化快速排名实力派颠覆传统seo自然排名轻松上首页
全国服务热线: 186-8113-1258
联系菲凡网络

186-8113-1258

客服QQ:992472653

地址:东莞市莞城区旗峰路162号中侨大厦A座4F01

网站制作过程中的前端工作

来源:菲凡网络 浏览: 发布日期:2018-11-26 16:10:44

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

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

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

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

2、文件结构清晰

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

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

3、使用浏览器字体

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

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

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

4、打包图像资产

当我们讨论图像资产时,正确导出和打包文件非常重要。前端工程师可以打开和导出所有图像文件以满足他们的需求,您可以询问他们需要什么并在此过程中执行它们。

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

不要试图自己这样做。询问前端工程师如何保存、命名和压缩文件以获得最佳使用效果。

5、考虑环境

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

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

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

如果框架具有不同尺寸的特定填充规格。

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

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

6、提出更多问题

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

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

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

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

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

HTML和CSS(您应该能够更改字体大小或颜色,并了解两者是不同的)常见用户模式(针对用户与内容的交互方式而设计)可访问性标准(因此您的设计将适用于更多用户)哪些类型的元素需要用作图像,哪些元素可以使用纯CSS创建!断点如何在响应式布局中工作?

网站制作设计趋势

您可能永远不会真正编写代码,但学习开发原则会使您成为更好的网站设计者,因为您将了解工具和工作流程的价值。http://www.feifanweb.com/


菲凡网络

网站建设,网站建设公司,网站优化公司,网站制作,做网站,建网站


非凡网络原创版权,转载请注明出处:http://www.feifanweb.com/gongsixinwen/77.html