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

1
发表时间: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、友好的网站设计师


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


最新更新

2021

09-26

   公司在做网站营销推行时,不但要做好网站内部和站外的优化,还需求优化工作人员展开相关的数据剖析,来更    的展开优化计划整体规划,及其网站后期优化方向来提升网站的排名。那么在网站SEO优化中该怎样做好数据剖析呢?    一、关键词剖析    应用相关统计剖析专用工具对网站的关键词展开数据剖析,来选择更契合用户需求的关键词展开优化。另外还能根据关键词数量和转化率等来做好行业开展趋向,因...

2021

09-23

   不晓得在做seo网站优化的站长们有没有遇过网站降权的状况,网站降权关于一个网站来说,是一个十分严重的问题。在seo网站优化中,降权不只能影响到网站的用户流量,更会影响网站的排名曝光度等,那么网站优化过程中呈现降权是哪些缘由呢?    一、文章质量    内容文章不断是网站需求持续更新的内容,也是搜索引擎最频繁的内容。很多站长为了快速提升收录和发布量采集大量的内容不作处置就之间发布,招...

2021

09-16

   1.商家与用户之间每笔买卖信息包含供需双方的商户特性、买卖记载、货运记载、仓储位置、签收记载等等;    2.为了顺应各环节运用场景,在水产APP系统数据上传、对数据采用有效的紧缩算法,以到达用户在手机上更快的可以阅读数据同时节约挪动流量的目的。    3.用户能够依据本身所喜欢的海鲜,然后选择兴味阅读,APP平台既会引荐这类的海鲜,用户就能够在这上面选择本人所喜欢的。    常州永...

2021

09-14

   1.网站搜索引擎优化的施行    在这个无所不在的网站时期,没有排名网站,用户无法找到它。假如网站希望取得良好的排名,那么网站优化是不可防止的。    简而言之,网站优化就是网站内部和外部的优化。除了一些根本构造,代码关键词和网站优化之外,网站内部重要的内容是内容构建。每天提供新颖和共同内容的网站肯定会博得搜索引擎的喜爱,由于用户和搜索引擎都喜欢每天都有新内容的网站。因而,要做好的内...

2021

09-07

   随着各种系统的降生,建立网站技术和工作流程也变成越来越容易。但是很多网站的效果却不是很好,有很多网站完成之后就成了摆设,基本就没有访问者进来。那么网站怎样制造才干吸收人来访问呢?    网站怎样制造才干吸收人来访问    网站只要在适用恰当的受众群体时才干够发挥作用。谁会看你的网站?这个问题的答案定义了网站的方向。明白目的访问者,并树立一个吸收他们的网站。大家都晓得一个页面是由字体、...

2021

09-09

   关键词是网站流量的来源入口之一,关键词越多则标明你网站的流量入口就越多,访客就越多,那么就有更多的时机谈成订单,但是在关键词的优化上面我们又不可以过多的堆积关键词,一个页面关键词呈现的次数是有一定的规矩的,超越这个界线则是会被搜索引擎定义为关键词堆积从而招致页面不收录,网站被降权之类的状况发作。那么如何可以停止更多的相关关键词优化呢?    1、拆分关键词    大家在搜索的时分有没...

2021

09-02

   网站优化曾经成为了企业的日常工作,它不只提供了良好的营销推行效果,还更好的凸显了互联网平台的优势,让商家能够进一步发挥本人的品牌影响力。但在日常的优化过程中,应该留意哪些方面呢,这些也是很多用户比拟在意的事情。想要更好的做好优化,不只要提升软文推送的数量,还要理解详细的推送时间。    由于SEO是在搜索引擎停止关键词优化,所以要针对性的停止优化,才干够进一步得到想要的效果。特别是用...

2021

08-31

   增加网页的文字内容    许多公司网站在引见产品时只要一张图片和一个简单的文字阐明。这样的类似度很高的页面是正常的。因而,在描绘产品时,您能够描绘细节,并恰当地增加网页中的文本内容,这能够减少页面阶段并允许用户完整了解该产品。    网站优化推行:广告由JS调用    当搜索引擎辨认出网站内容时,通常不会辨认JS中的内容。因而,能够经过JS调用来显现广告,以使页面的类似度不会太高。 ...

2021

08-24

  软文本的优化并不难写,不需要优秀的文学天赋,也不需要惊人的讲故事能力。您只需澄清核心关键词与内容的关系,重点为用户提供帮助,吸引用户参与内容讨论,这可以有效提高优化软文本的质量,提高网站的质量。  网站优化的重要内容是原创内容的创建,原创内容创建的核心是优化软文本。这种软文本具有一定的广告效果,有助于提高内容质量。如今,它已经成为优化网站内容的一种重要方式。那么,如何才能有效地提高软件文...

2021

08-26

  一些网站在早期有很好的基础,所以他们上线后马上会有SEO排名,这些排名不会像某些普通网站那样在某个时间自动消失,而是会长期存在。我们怎样才能使SEO排名非常稳定地生存下去呢?  1、挖掘用户搜索需求  网站长期发展的前提是确保你的网站拥有用户的需求。无论是做SEO排名还是产品页面的内容,我们都需要探索行业内用户经常搜索的内容来撰写网站内容,从而确保网站能够解决用户的问题,提高网站的点击率...
 
 
 工作时间
周一至周五 :8:30-17:30
周六至周日 :9:00-17:00
 联系方式
客服热线:18921019311
邮箱:xukj@czcxwh.com