2020-05

22

NBA专业网页设计练习流程
  • 类型:专业观点
  • 编辑:JOY
  • 来源:深圳专业网页设计公司
  • 首先,让我们来看看专业网页设计的工作流程。除了用户调研、撰写产品需求文档、市场文档、做竞争研究等前期介绍的工作外,与设计师密切相关的网站项目流程可分为六个阶段:原型绘制阶段、可视化草图阶段、设计规范阶段、裁剪绘制阶段、前端代码阶段和项目走查阶段。设计师需要参与并理解每个阶段。永远不要只注意视觉草稿的这个阶段。有许多早期和后期的作品需要我们关注。好的,让我们一个一个地理解它们。


    专业网页设计练习NBA专业网页设计练习


    1.原型图阶段

    在原型绘制阶段,设计师需要与产品经理沟通。此时,应该注意的是,不是产品经理向设计师发布需求,而是设计师需要就他们擅长的方面相互沟通。视觉设计的具体表现对设计者来说可能有更好的方法,在设计之前有必要与产品经理达成一致。


    NBA专业网页设计练习NBA专业网页设计练习


    2.视觉设计阶段

    视觉草图阶段是根据原型地图确定的内容和总体布局完成网站的网页设计。当设计网站时,我们需要一些图片和鼓舞人心的材料。例如,在做世界杯项目的时候,除了收集大量的材料,我们还可以设计一个“情绪板”。简单地说,情感板是与主题相关的材料和材料的拼贴,它可以更好地引导我们整个需求的设计主题和总体感觉。此外,许多网站的负责人通常需要主视觉来吸引人们的目光。这时,明星照片、主题材料、LOGO、主视觉PSD等。可以使用由需求方提供的。然后将这些材料与这些需求者提供的材料混合起来,拼出让人感到震惊的视觉效果,这就是我们的目标。主视觉下的信息排列更强调理性。此时,还需要与产品经理就图片大小、标题字段长度等进行沟通。从后台检索,然后根据这些要求完成页面信息部分的设计。总之,在我们完成一个更好的视觉设计草案之前,设计过程需要我们不断的思考和交流。


    NBA专业网页设计练习NBA专业网页设计练习NBA专业网页设计练习


    3.设计规范

    当视觉设计草案通过后,许多设计师可能不会主动制定设计规范。事实上,每一个迭代产品都需要设计师来总结设计规范。设计规范是所有页面上常见的东西,例如不同的字体大小、图片大小、按钮样式等。这些共性也证明了用户在访问网站时会理解一个固定的概念。例如,如果同一个共享功能采用两种完全不同的风格,用户会感到困惑。那么设计规范主要是限制设计者自身,降低用户有限记忆中的思考成本。同时,设计规范还可以确保同一项目的不同设计者可以输出相同风格的设计。最后,设计规范也证明了设计师对项目的个人影响,这可以证明你的想法和你在项目中的位置。所以我认为设计师应该主动制定设计规范和项目总结。如何做设计说明书?事实上,设计规范是将主页的元素固定为统一的元素。具体来说,产品的设计规格应该包括:字体规格、车身颜色规格、图表规格、图片规格和其他不同类别。


    NBA专业网页设计练习NBA专业网页设计练习


    4.切片

    专业网页设计师通常不需要为前端工程师裁剪图片。因为前端工程师通常需要掌握PS软件技能。如果特殊情况需要我们剪切图片,我们可以在剪切插件中使用网络选项,如切割器和泽普林,来剪切网站前端使用的图片。


    NBA专业网页设计练习NBA专业网页设计练习


    5.前端代码

    前端工程师将使用代码重建我们设计的页面,将绘图变成静态页面。然后与后端工程师接口以检索数据,一个网站就会出现。工程师还将指导埋点,以便于了解网站是否符合我们的要求。埋点将在页面代码中插入一些统计代码,以帮助我们确定哪些页面流量较高,哪些没有达到预期。在那之后,实际上会有一个测试工程师参与进来,以找出编译后的网站中是否存在一些漏洞。


    NBA专业网页设计练习


    6.项目演练
    专业网页设计完成后,设计者还需要进行一个项目演练,以确定网页的恢复程度是否有问题。如果发现与设计草案有很大差异,前端工程师需要进行调整。这一步非常重要,因为网站的成品是我们的最终输出,不要认为设计草案很漂亮,实现的页面不需要我们负责。