设计师如何与前端配合好,网站制作

11
发表时间:2020-10-26 22:29

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


    1、让前端工程师尽快启动项目


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


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


    2、文件结构清晰


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


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


    3、使用浏览器字体


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


    对于数字项目,请选择“浏览器字体排版”。这意味着您可能需要为Web找到与打印内容匹配的类似字体。不要让前端工程师为您做这件事。选择可比的浏览器字体并从一开始就使用它们。您甚至可以在样式指南中注意到打印和数字字体。这背后的原因很简单:嵌入字体可能很棘手。此外,浏览器字体可以免费确保您不会产生额外的项目成本。(当你这样做时,考虑使用图标来做同样的事情,使用像字体这样的好包装,所以前端工程师可以使用CSS样式的图标而不是导入一堆图像文件!)


    4、打包的图像资产


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


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


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


    5、考虑环境


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


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


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


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


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


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


    6、提出更多问题


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


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


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


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


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


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


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


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


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


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


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


    设计过程也扩展到开发,网站网站设计师,您需要意识到前端工程师对您的设计过程同样重要。


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


    良好的样式指南将帮助项目中的每个人保持与可视元素的一致性,为设计选择提供上下文,为项目提供协作点,以及帮助标准化代码。


    将以下信息放入样式指南中以充分利用:


    标志风格


    调色板


    字体面板


    图标面板


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


    不同页面的布局选项。


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


    9、使用网格


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


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


    可以这样想:您的设计在屏幕上的全屏桌面显示屏上有四行内容(屏幕上的宽度相同)。然后在slab上,将块转换为两列,每行两列。在移动设备上,它们被转换为一行四行。


    了解网格如何影响对象的大小以及如何在不同的设备上转换对象非常重要,因为它决定了如何设计您拥有的内容。再想一想同样的情况。如果有五个内容块怎么办?需要重新设计以确保您创建一致的视觉轮廓。


    10、友好的网站设计师


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


最新更新

2024

02-24

  小程序已经是人尽皆知的一款程序,小程序不需求下载安装,经过扫一扫或者历史小程序就能直接运用,对比App不占用手机内存,这样便捷的模式,让小程序吸引了众多商家的目光。那么,小程序开发就能替代手机APP了吗?显然是完全不能的。    1、数据完全把握在自己手中  小程序作为微信功用的延伸,中心用户数据把握在微信手中,企业无法直接联络。而手机App属于自己的渠道,一切数据自己掌控,无论是客户剖...

2024

02-24

  什么样的网站被称之为专业网站?职业网站建造就是针对某个职业领域的网站的建造,也被叫做门户网站建造。目前市场上的职业站一般都是笔直类目的职业站,很少有极个别的资讯类这样的网站。常州永佳软件网站建造凭仗多年建站经历,有各个职业的成功事例,凭仗多年的经历,咱们会根据不同的职业要求,确保每一个网站建造都极具特色。  那么职业网站建造具体要怎么做  一:职业剖析  在每一个网站建造开发之前,网站建...

2024

02-23

  启动和运转网站必需有许多进程。但是,许多客户并不晓得常州网站建立的详细阶段。假如你想你的网站变得更好,那么你必需对这个网站的制造有一定的理解,至多要掌握普通的步骤。例如,您应该理解网站的哪些功用需求?同时,你还需求晓得制造这个网站所需的技术和资料。让我们和你一同树立一个网站分享。  第一步常州网站建立需求阅历的个进程就是提出想法。由于你想树立这个网站,你需求有一些想法在你的脑海中,甚至一...

2024

02-23

  关于许多企业而言,网站是一个十分复杂的成绩。关于传统的促销显示网站,一些互联网公司能够会在一周内完成制造,而某些企业能够会花一个多月的工夫。如此宏大的开发差距面前是进程,质量控制办法和本钱的差别,这招致了寻觅哪个常州网站建立公司的成绩。如何找到适宜的网站建立公司?接上去,常州网站建立公司将给您详细的解释。  通常,您需求听取用户的意见。每个客户对网站的需求都不同,他们的偏好也不同。您不能...

2024

02-22

  1、网站改版较容易发生死链的  改版之前的页面假如有价值尽量不要删除和修正Url,若需求改换域名或Url分配规则,那一定要将之前的url停止301跳转到对应的Url;若老的数据必需删除,那删除的一切页面Url要停止整理和提交死链。  2、对发现的死链接如何处置  将搜集好的一切死链接粘贴到网站根目录的一个文档中,再把文档地址提交到百度站长工具--网页抓取--死链提交--添加新数据--填写...

2024

02-22

  常州网站排名优化是互联网行业每团体如今都了解的一个词。传统公司也参加了网络优化的行列。企业网站的建立也间接影响着企业的抽象和营销。网站的建立和优化变得越来越重要。越来越重要的是,常州网站优化的网站优化不只仅是复杂的网站内容更新,因而网站优化是一个十分零碎的工程,需求专业人员停止优化任务。网站优化是一种“专业办法”的!  经过搜索提升关键词排名  百度网站的排名将间接与搜索量和阅读量相关,...

2024

02-21

  常州公司应如何树立网站?公司树立网站的根本步骤和过程是什么?  网站由域名,主机(效劳器)和网站程序组成。树立网站的步骤盘绕以下三个中心内容:  步骤1:注册一个域名(注册一个属于公司自身的域名)  步骤2:实名认证(在中国注册的域名只能在实名认证后运用)  步骤3:购置主机或效劳器(您需求依据网站程序的开发言语肯定效劳器的运转环境)  步骤4:网站注册(内部效劳器在运用前需求ICP注册...

2024

02-21

  随着网络时期的开展,许多传统公司正在逐渐转型为网络。树立公司网站的益处是什么?为什么越来越多的常州公司选择树立公司网站?  1.提升企业形象  随着互联网经济的开展,企业形象主要经过互联网上的企业网站传播。企业网站能够在国内乃至全球市场上较大化公司的形象品牌,从而使更多的人能够看到。企业树立网站有助于树立企业形象并协助品牌推行。  2.俭省宣传费用  经过公司网站,更多的人能够理解公司和...

2024

02-20

  网站是如今很多人停止公司或者是个人等方面的请求都要停止的,因而为了满足人们的需求的话,有很多的常州网站建立公司呈现了,这些公司能够使大家的常州网站建立工作变得愈加的简单,得到的网站建立效果自然也就会更好。  不过如今有这么多的常州网站设计公司,大家该怎样样来选择呢?要是想理解一下这方面的内容的话,就随我一同来理解一下下面的内容吧,这些对大家一定会十分的有协助的。  在这众多从事常州网站制...

2024

02-20

  网站建立就是关于一些需求建立网站的公司,提供公司的根本材料,然后依据公司的特征和公司的特别请求,常州网站建立的相关公司就会把这些一切的材料聚集在一同,经过文字、图片、动画、视频等方式,来展示该公司的信息,这是很多常州网站建立为企业设计网站的方式,大约的流程和形式相同,更大的差别于灵感。  关于想要持久开展的公司,一定要有创意,常州网站设计一定要突出特征。假如接到一个有特别请求的公司制做网...
 
 
 工作时间
周一至周五 :8:30-17:30
周六至周日 :9:00-17:00
 联系方式
客服热线:18921019311
邮箱:xukj@czcxwh.com