企亿推信息网
专注网络推广服务

怎么样构建Web端设计规范-深圳网站设计-沙漠风网站建设公司

  这篇文章是后来的WEB端系列设计规范的前言部分旨在起到抛砖引玉的作用,简要介绍如何制作属于自己的部分Web端设计规范

  Web端设计规范的价值

  1.可复用性

  具有完整的设计规范和相应的组件控制。方便视觉和交互设计师重复使用,无需重复制作,减少工作量,提高工作效率。

  2.统一性

  有了统一的设计规范,设计师可以避免自我创造组件控件,保持团队产品的统一体验。

  3.提升能力

  由于组件控件的可重复使用,直接大大提高了设计师的工作效率,节省了大量的时间,有大量的时间思考设计和业务背后的逻辑,从而提高设计思维能力。同时,完整的设计规范是系统的。设计师可以在阅读后建立自己的设计系统,这对改进设计有很大的好处。

  4.团队文化沉淀

  有了设计规范后,方便团队以后做设计的依据和参考。无论是新员工的到来还是老员工的离开,都可以很好的对接工作,提高团队的协同效率。

  Web端设计规范包括哪些?

怎么样构建Web端设计规范-深圳网站设计-沙漠风网站建设公司(图1)网站设计-沙漠风网站建设公司" />

  目前,大多数在线设计规范都是组件控件的规范,缺乏完整的设计理念和系统的内容。

  设计概念、设计原则、组件控件、界面交互和输出文档将在制定设计规范的过程中形成。设计师可以根据自己的设计概念和原则,根据功能要求直接调用规范中的标准控制器,并根据信息结构调用元素尺寸进行设计,轻松输出中高保真原型图,减轻设计过程中交互控制器选择和信息排版思维的负担。

  Web端设计规范的设计理念

  使用对象不同(B端、C端),不同的终端设备,设计差异完全不同。因此,设计理念也不同。

  B端产品一般更定制,以业务为导向。可能有很多高级功能,突出高效易用,导致易学性打折。

  C端产品一般考虑大多数用户的使用场景和需求,高级功能相对较少。突出易学性。

  因此,在制定设计理念时,可以根据团队的实际情况进行设计和制定。

  Web端设计规范设计原则

  目前,有许多设计原则,如尼尔森的十大可用性原则、格式塔原则、剃刀法则、费茨定律、设计中常见的对比和对齐。那么,如何将这么多原则变成一套自己的设计规范呢?这需要设计师根据自己的情况或团队的实际情况进行控制和梳理。

  Web组件控件设计规范

  组件控件是整个设计规范的重要组成部分之一,可根据组件控件的属性或功能对组件控件进行分类。

  根据设计师设计的使用场景,或根据组件控件的功能进行划分更合适。

  根据功能划分,如表单类可分为:单文本输入、多文本输入、日历时间选择器、下拉选择列表、单选多选等

  Web界面交互设计规范

  移动终端的触发手势包括单击、长按、左右滑动、拖动、旋转、夹紧等。与移动终端相比,Web终端界面交互非常简单,基本上是悬挂和点击。

  界面交互的本质可以用一个公式来表达:触发对象操作行为交互结果=界面交互

  Web端设计规范团队输出物的文章

  作为交互设计师,我们的重点工作职责是承上启下。

  例如,在与上游产品经理和项目经理讨论产品规划和需求后,他们将评估设计方案是否满足用户的需求,并根据交互设计师输出的交互文档在开发和实施过程中的可行性;

  其次,我们应该与下游的视觉设计师和开发工程师建立联系。他们将输出视觉设计草案,使用代码实现交互设计方案,并在此基础上完成实施。因此,交互设计师的重要输出是交互文档,这是连接上下游的重要环节。

  交互文档应包括以下7点:完整的项目介绍、需求分析、新的修改记录、信息架构、交互设计解释、页面交互流程图(包括界面布局、操作手势、反馈效果、元素规则定义)、异常页面和异常情况。

  作为视觉设计师,输出是视觉稿、标记和切割,这里不重复。

未经允许不得转载:启新网站SEO优化 » 怎么样构建Web端设计规范-深圳网站设计-沙漠风网站建设公司
分享到: 更多 (0)
加载中~