哪能看双色球开奖直播|哪个频道3d开奖直播

新闻分类

产品分类

联系我们

扬州翊成网络技术有限公司

祥云平台(苏州)信息技术有限公司扬州分公司

地址:扬州市扬子江中路287号 (财富广场1308-1309)

手机:18552551551

客户服务电话:0514-85893666

客户服?#32714;?#30495;:0514-85552168

客户服务E-mail:[email protected]

网址:http://www.mtqre.tw/

如何构建Web端网页设计规范?

您的当前位置: 首 页 >> 新闻中心 >> IT课堂

如何构建Web端网页设计规范?

发布日期:2018-02-04 00:00 来源:http://www.mtqre.tw 点击:

  1、可复用性:有了完整的设计规范和对应的组件控件。方便视觉和交互设计师反复复用,不需要重复制作,减少工作量提高工作效率。

  2、统一性:有了统一的设计规范,设计师之间使用时,可避免自我创造组件控件,保持团队产品的统一性体验。

  3、提升能力:由于组件控件的可复用,这直?#37038;?#35774;计师的工作效率得到极大提高节省了大量时间,可以有大量时间思考设计和业务背后的逻辑从而提高设计思维能力。同时完整的设计规范是系统的,设计师阅读之后可以构建自?#19994;?#35774;计体系,对于设计的提高有极大的?#20040;Α?br/>

  4、团队文化沉淀:团队有了设计规范之后,便于团队以后做设计的依据和参考,不论是新员工的到来还是老员工的离去,都可以很好的对接工作提升团队的协同效率。

 扬州网站制作

Web端设计规范包含哪些

  目前网上大部分设计规范都是之针对组件控件的规范,缺少完整的设计思想和体系化的内容。

  在制定设计规范过程中会形成设计理念、设计原则、组件控件、界面交互和输出文档等。设计者可以依据自?#19994;?#35774;计理念和原则按照功能需求直接调用规范中的标准控件,按照信息结构调用元素尺寸进行设计,很轻易便能输出中高保真原型图,减轻了设计过程中对交互控件选择和信息排版思考的负担。

设计理念

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

  B端产品?#35805;?#36739;定制化,以业务为导向。可能有很多高级功能,突出高效易用,导致易学?#28304;?#25240;扣。

  C端产品?#35805;?#32771;虑绝大部分用户使?#36152;?#26223;和诉求,高级功能会相对少点。突出易学性。

  所以在制定设计理念时,可根据团队?#23548;是?#20917;来设计制定。

设计原则

  设计原则目前已经有很多,例如尼尔森的十大可用性原则、格式塔原则、剃刀法则、费茨定律、以及设计中常见的对比、?#20113;?#31561;,那么对于这么多原则如何变成一套自己的设计规范的设计原则篇呢?这个需要设计师们根据自身情况或者自身团队?#23548;是?#20917;去把控梳理。

组件控件

  组件控件是整个设计规范的最重要的内容之一,组件控件分类可以根据组件控件属性进行分类,?#37096;?#20197;根据组件控件的功能进行划分。

  按照设计师做设计的使?#36152;?#26223;,还是按照组件控件的功能性进行划分比较切合。例如表单类就可以划分为:单文本输入,多文本输入、日历时间选择器、下拉选择列表、单选框复选框等等

界面交互

  移动端的触发手势有单击、长按、左?#19968;?#21160;、拖拽、旋转、?#24515;?#31561;。相对于移动端,Web端的界面交互就很简单了,基本就是悬浮和点击。

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

扬州网站优化

团队输出物

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

  比如对?#30001;?#28216;的产品经理和项目经理,跟他们讨论过产品规划及需求后,他们会根据交互设计师输出的交互文档来评审设计方案是否满足用户需求,以及在开发实施过程中的可行性;

  其?#25105;?#23545;接下游的视觉设计师和开发工程师,他们会根据交互文档中的线框图、交互细节?#24471;?#31561;?#35789;?#20986;视觉设计稿、?#20040;?#30721;实现交互设计方案,并?#28304;?#20026;依据完成落地实?#20540;?#24037;作。所以交互设计师最重要的输出物就是交互文档,它是对?#30001;?#19979;游的重要纽带。

  专业的交互文档应该包含以下7点内容:完整的项目简介、需求分析、新增修改纪录、信息架构、交互设计的方案阐述、页面交互流程图(包含界面布局,操作手势,反馈效果,元素的规则定义)、异常页面和异常情况的?#24471;鰲?br/>

  作为视觉设计师而言,输出物的是视觉稿、标注和切图,这里不做赘述。


相关标签:微信网站建设

最近浏览:

购买渠道
二维码 / Weixin

官网二维码

咨询联系
哪能看双色球开奖直播 墨尔本胜利本田受伤 阿尔希拉尔队员 qq手机吃鸡游戏叫什么 丹尼斯·米兰妮 卡昂正品 伯恩利对热刺 佛罗伦萨散热器 海底总动员国语版免费 塔什干棉农vs萨德直播 平安秒速时时彩网站