web标准设计（什么是web结构标准）

本文目录

• 什么是web结构标准
• Web UI设计规范及界面实现注意事项
• web的标准包括那些组成部分
• UI设计规范：如何构建Web端
• web网页设计怎么设置字体
• Web和Ui设计尺寸规范有哪些
• 什么是web标准
• web标准包括哪三部分

什么是web结构标准

web结构标准一般指网站建设采用基于XHTML语言的网站设计语言，WEB标准并不是某一个标准，而是一系列标准的集合。
web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。1989年CERN（欧洲粒子物理研究所）中由Tim Berners-Lee领导的小组提交了一个针对Internet的新协议和一个使用该协议的文档系统，该小组将这个新系统命名为Word Wide Web，它的目的在于使全球的科学家能够利用Internet交流自己的工作文档。
这个新系统被设计为允许Internet上任意一个用户都可以从许多文档服务计算机的数据库中搜索和获取文档。1990年末，这个新系统的基本框架已经在CERN中的一台计算机中开发出来并实现了,1991年该系统移植到了其他计算机平台，并正式发布。

Web UI设计规范及界面实现注意事项

适用于WEB产品线的人机交互界面的设计，贯穿于以用户为中心的设计指导方向。根据WEB产品的特点制定出的一套规范，以达到提升用户体验，控制产品设计质量，提高设计效率的目的。

适合界面设计师、用户体验设计师、前台设计工程师、发布支持人员、运营人员等

1．【统一识别】规范能使页面相同属性单元统一识别，防止混乱，甚至出现严重错误，避免用户在浏览时理解困难。

2．【节约资源】除了门户网站、活动推广等个性页面外，相对于后台系统、物联网系统、数据统计系统、等界面设计，使用规范标准能极大的减少设计时间。
3.【重复利用】相同单元属性，页面新建时可以执行此标准重复使用，减少无关信息，就是减少对主题信息传达干扰，利用阅读与信息传递。

未通过客户或上级领导确认产出的界面，请勿上传至蓝湖协作系统

设计师在原型步骤及应该想好对应的图层结构，交互特效，并和前端开发人员做好交流，是否可以实现，功能的评估一定要细致

1．已上传至蓝湖协作平台的高保真界面，应根据平台中的标注尺寸进行精确还原，Web界面还原度不得低于95%；移动端还原度为100%（精确到一像素）。

2．开发人员完成视觉部分内容以后，必须由UI设计师及前端技术负责人进行校对工作。

3．如遇到界面效果复杂或组件样式特殊等难以实现的问题，应及时与对应的UI设计师或前端技术负责人沟通处理，不能随意更换。

4．前端开发人员无权更改设计图中的样式及功能，遇到问题应及时与设计人员协商。

5．如遇产品经理或项目负责人未通过设计师确认，直接要求修改界面视觉效果部分，前端开发人员可拒绝修改。必须由UI设计师对高保真图纸更改后再进行相应的修改。

web的标准包括那些组成部分

web的标准包括三方面：

1.结构化标准语言，主要包括XHTML和XML。

2.表现标准语言主要包括CSS。

3.行为标准主要包括对象模型。如W3C DOM、ECMAScript等。这些标准大部分由W3C组织起草和发布，也有一些是其他标准组织制订的标准，比如ECMA的ECMAScript标准。
WEB标准，即网站标准。目前所通常所说的WEB标准一般指网站建设采用基于XHTML语言的网站设计语言。实际上，WEB标准并不是某一个标准，而是一系列标准的 *** 。

UI设计规范：如何构建Web端

1、Web端设计规范的价值
2、Web端设计规范包含哪些
3、Web端设计规范之设计理念篇
4、Web端设计规范之设计原则篇
5、Web端设计规范之组件控件篇
6、Web端设计规范之界面交互篇
7、Web端设计规范之团队输出物篇
1.Web端设计规范的价值1.可复用性：有了完整的设计规范和对应的组件控件。方便视觉和交互设计师反复复用，不需要重复制作，减少工作量提高工作效率。2.统一性：有了统一的设计规范，设计师之间使用时，可避免自我创造组件控件，保持团队产品的统一性体验。3.提升能力：由于组件控件的可复用，这直接使设计师的工作效率得到极大提高节省了大量时间，可以有大量时间思考设计和业务背后的逻辑从而提高设计思维能力。同时完整的设计规范是系统的，设计师阅读之后可以构建自我的设计体系，对于设计的提高有极大的好处。4.团队文化沉淀：团队有了设计规范之后，便于团队以后做设计的依据和参考，不论是新员工的到来还是老员工的离去，都可以很好的对接工作提升团队的协同效率。
2.Web端设计规范包含哪些；目前网上大部分设计规范都是之针对组件控件的规范，缺少完整的设计思想和体系化的内容。在制定设计规范过程中会形成设计理念、设计原则、组件控件、界面交互和输出文档等。设计者可以依据自我的设计理念和原则按照功能需求直接调用规范中的标准控件，按照信息结构调用元素尺寸进行设计，很轻易便能输出中高保真原型图，减轻了设计过程中对交互控件选择和信息排版思考的负担。
3.Web端设计规范之设计理念篇；不同的使用对象（B端、C端），不同的终端设备，设计的区别是完全不一样的。所以设计理念也有所区别。B端产品一般较定制化，以业务为导向。可能有很多高级功能，突出高效易用，导致易学性打折扣。C端产品一般考虑绝大部分用户使用场景和诉求，高级功能会相对少点。突出易学性。所以在制定设计理念时，可根据团队实际情况来设计制定。
4.Web端设计规范之设计原则篇；设计原则目前已经有很多，例如尼尔森的十大可用性原则、格式塔原则、剃刀法则、费茨定律、以及设计中常见的对比、对齐等，那么对于这么多原则如何变成一套自己的设计规范的设计原则篇呢？这个需要设计师们根据自身情况或者自身团队实际情况去把控梳理。
5.Web端设计规范之组件控件篇；组件控件是整个设计规范的最重要的内容之一，组件控件分类可以根据组件控件属性进行分类，也可以根据组件控件的功能进行划分。按照设计师做设计的使用场景，还是按照组件控件的功能性进行划分比较切合。例如表单类就可以划分为：单文本输入，多文本输入、日历时间选择器、下拉选择列表、单选框复选框等等。
6.Web端设计规范之界面交互篇；移动端的触发手势有单击、长按、左右滑动、拖拽、旋转、夹捏等。相对于移动端，Web端的界面交互就很简单了，基本就是悬浮和点击。界面交互的本质用一个公式可表述即：触发对象+操作行为+交互结果=界面交互。
7.Web端设计规范之团队输出物篇；作为一名交互设计师，我们的重点工作职责是起到承上启下的作用。比如对接上游的产品经理和项目经理，跟他们讨论过产品规划及需求后，他们会根据交互设计师输出的交互文档来评审设计方案是否满足用户需求，以及在开发实施过程中的可行性；其次要对接下游的视觉设计师和开发工程师，他们会根据交互文档中的线框图、交互细节说明等来输出视觉设计稿、用代码实现交互设计方案，并以此为依据完成落地实现等工作。所以交互设计师最重要的输出物就是交互文档，它是对接上下游的重要纽带。专业的交互文档应该包含以下7点内容：完整的项目简介、需求分析、新增修改纪录、信息架构、交互设计的方案阐述、页面交互流程图（包含界面布局，操作手势，反馈效果，元素的规则定义）、异常页面和异常情况的说明。

web网页设计怎么设置字体

web网页设计怎么设置字体的字号和字间距如何设置。字体的尺寸大小在哪呢？首先我们应该根据字体的大小来选择字符宽度和字宽，这样在设计网页时，不管是大的还是小的，我们都可以根据网页的内容来进行选择字体宽。字体宽高是设计师用来区分字体的一种方法，大致也分为两种方式：通过标准字体(宋体与黑体) 进行区分：通常设计师在设计字体时，会选择标准样式的字体进行设计，设置标准样式中的字体宽高，例如宋体和黑体。通常为16点，16点，16-15点。通常是为了更好的区分字体，如果在16点或者18点显示的话，这个时候我们会用的标准尺寸，用于设置字体在网上应该尽量。

Web和Ui设计尺寸规范有哪些

WEB端

必备元素：logo、menu（导航）、banner（动效【flash、H5】）、内容区（新闻、企业简介、产品展示...）、版权信息（版权所有、联系方式）

可选元素：搜索、电话、在线客服、流量统计...

用户体验习惯：左：浏览区域、列表区域

右：功能区域、内容区域

字体：最小12px，最黑#333333

字体12px、14px、16px效果选择无，其他字号则用锐利、犀利、浑厚等

标题部分字体：14px~24px（尽可能采用雅黑）

正文部分字体：12px、14px（雅黑或者宋体），字行距一般为1.5~2倍之间。

尺寸规范：在分辨率1024px*768px的情况下，满屏宽度为1003px，通常定义可视范围为920px~1000px之间。常见：宽960px、980px、1000px，一屏高度650px。

UI方面

iOS

iphone字体、字号标准

字体：中文：苹方；英文：旧金山

字号：正文最小24px；常驻栏icon20px

字体：中文：思源黑体；英文：roboto

字号：注释最小：24px；文本：28px；文章标题或图标名称：32px；导航标题：36px（在这里为720px*1280px的尺寸下设计规范，注：1sp=2px）

界面尺寸

图标尺寸

以上内容希望可以帮到你！

什么是web标准

分类: 电脑/网络 》》 程序设计 》》 其他编程语言
问题描述:

rt!

解析:

WEB标准

WEB标准不是某一个标准，而是一系列标准的 *** 。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。我们来简单了解一下这些标准：

1．结构标准语言
（1）XML

XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0，参考。和HTML一样，XML同样来源于SGML，但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了，网上有很多资料，也有很多书籍可以参考。

（2）XHTML

XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。因此，我们在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。简单的说，建立XHTML的目的就是实现HTML向XML的过渡。

2. 表现标准语言

CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。

3.行为标准

（1）DOM

DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范，DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。

(2) ECMAScript

ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言（JAVAScript）。目前推荐遵循的是ECMAScript 262。

web标准包括哪三部分

WEB标准，即网站标准，包括结构（Structure）、表现（Presentation）、行为（Behavior）。
1、结构（Structure）。结构对网页中用到的信息进行整理和分类。HTML超文本标记语言是WEB的基本描述语言，由Tim Berners-lee提出。设计HTML语言的目的是为了能把存在一台电脑上的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是网络的其他电脑上。这样，只要使用鼠标在某一文档中点取一个图标，Internet就会马上转到与与此图标相关的内容上去。而这些信息可能存放在网络的另一台电脑中。
2、表现（Presentation）。表现技术用于对已被结构化的信息进行显示上的控制，包含版式、颜色、大小等形式控制。用于表现的WEB标准技术有：CSS（Cascading Style Sheets）层叠样式表。
3、行为（Behavior）。行为是指对整个文档内部的一个模型定义及交互行为的编写，用于编写用户可进行交互式操作的文档。表现行为的WEB标准技术主要有：DOM（文档对象模型）、ECMAScript（javascript的扩展脚本语言）、DOM（Document Object Model）文档对象模型。