249045439
网站设计

如何构建Web端设计规范

发表日期:2024-06-01   作者来源:www.gdshsh.com   浏览:0   标签:网站制作    

这篇文章是之后WEB端系列设计规范的前言部分,目的是起到抛砖引玉有哪些用途,简述怎么样制作是“自己”的Web端设计规范。

Web端设计规范的价值

1.可复用性

有了完整的设计规范和对应的组件控件。便捷视觉和交互设计师反复复用,无需重复制作,降低工作量提升工作效率。

2.统一性

有了统一的设计规范,设计师之间用时,可防止自我创造组件控件,维持团队商品的统一性体验。

3.提高能力

因为组件控件的可复用,这直接使设计师的工作效率得到很大提升节省了很多时间,可以有很多时间考虑设计和业务背后的逻辑从而提升设计思维能力。同时完整的设计规范是系统的,设计师阅读之后可以构建自我的设计体系,对于设计的提升有很大有哪些好处。

4.团队文化沉淀

团队有了设计规范之后,便于团队将来做设计的依据和参考,不论是新职员的到来还是老职员的离去,都可以非常不错的对接工作提高团队的协同效率。

Web端设计规范包括什么

现在网上大多数设计规范都是之针对组件控件的规范,缺少完整的设计思想和体系化的内容。

在拟定设计规范过程中会形成设计理念、设计原则、组件控件、界面交互和输出文档等。设计者可以依据自我的设计理念和原则根据功能需要直接调用规范中的规范控件,根据信息结构调用元素尺寸进行设计,非常随便便能输出中高保真原型图,减轻了设计过程中对交互控件选择和信息排版考虑的负担。

Web端设计规范之设计理念篇

不一样的用对象(B端、C端),不一样的终端设施,设计有什么区别是完全不同的。所以设计理念也有所不同。

B端商品一般较定制化,以业务为导向。可能有不少高级功能,突出高效易用,致使易学性优惠扣。

C端商品一般考虑绝大多数用户用场景和诉求,高级功能会相对少点。突出易学性。

所以在拟定设计理念时,可依据团队实质状况来设计拟定。

Web端设计规范之设计原则篇

设计原则现在已经有不少,比如尼尔森的十大可用性原则、格式塔原则、剃刀法则、费茨定律、与设计中容易见到的对比、对齐等,那样对于这么多原则怎么样变成一套我们的设计规范的设计原则篇呢?这个需要设计师们依据自己状况或者自己团队实质状况去把控梳理。

Web端设计规范之组件控件篇

组件控件是整个设计规范的非常重要的内容之一,组件控件分类可以参考组件控件属性进行分类,也可以参考组件控件的功能进行划分。

根据设计师做设计的用法场景,还是根据组件控件的功能性进行划分比较符合。

依据于功能划分,比如表单类就能划分为如何构建Web端设计规范触发对象+操作行为+交互结果=界面交互

Web端设计规范之团队输出物篇

作为一名交互设计师,大家的重点工作职责是起到承上启下有哪些用途。

譬如对接上游的商品经理和项目经理,跟他们讨论过商品规划及需要后,他们会依据交互设计师输出的交互文档来评审设计策略是不是满足用户需要,与在开发推行过程中的可行性;

第二要对接下游的视觉设计师和开发工程师,他们会依据交互文档中的线框图、交互细节说明等来输出视觉设计稿、用代码达成交互设计策略,并以此为依据完成落地达成等工作。所以交互设计师非常重要的输出物就是交互文档,它是对接上下游的要紧纽带。

专业的交互文档应该包括以下7点内容如何构建Web端设计规范如何构建Web端设计规范网站URL:

如没特殊注明,文章均为建站精灵 原创,转载请注明来自http://www.huijianjun.com/news/3/11384.html