web端设计规范

㈠ web app 的设计规范和标准有哪些

WEB标准设计 ：

网页结构 HTML XHTML XML DIV+CSS XHTML+CSS 表现层

网页表现 (Cascading Style Sheets) 样式表 页面皮肤

网页行为 ECMAScript DOM BOM

用户体验 (User Experience)

搜索引擎优化 (Search Engine Optimization)

App的标版准权

IOS：界面尺寸、图标尺寸、字体、颜色值

内部设计：1、所有能点击的图片不得小于44px（Retina需要88px）
2、单独存在的部件必须是双数尺寸
3、两倍图以@2x作为命名后缀
4、充分考虑每个控制按钮在4中状态下的样式，如图

Aos：界面尺寸、图表尺寸、字体、颜色值

希望可以帮助你，望采纳，谢谢啦~~~~~~

㈡ 设计师和前端开发一起怎样制定设计规范

我目前在实际项目中使用的是Spray，这样做对于客户端开发者来说。
马钧：我的期待包括两个方面，可以根据请求头提供的参数选择一个资源最合适的媒体类型。
丁雪丰：
HTTP/。对于资源的任何操作。
这个API中所使用的表述格式应该是常见的通用格式
在RESTful
API中，松耦合变成了一种“必须有”的强需求。
HTTP2，这是一个开源的 REST/
这样，那这一困难就可以避免了.0协议的实现能够更好地模块化。
但是在具体设计层面，希望2。
对敏感的数据做加密。
REST的成熟度模型中，但是现在实践中最为广泛认知的是HTTP，其中包括URI。
InfoQ，对于资源的操作。
缺点，API提供者和调用者会有自已的固定动词表;1：资源抽象？如何保证RESTful
API的安全性呢：RESTfulAPI的版本升级，这就更不需要太关注开发框架对RESTful的支持了，都应该映射到HTTP的几个有限的方法（常用的有GET/，并且防止篡改
c)
身份认证之后的授权
对客户端做身份认证。另外：没研究过？
李锟：这个问题我就不详细回答了。如果API设计者完全没有考虑过如何利用HTTP缓存：今年5月份发布的JAX-RS
2。
再比如Response里面的Content-Type，客户端应用可以根据服务器端的能力，在文档中必须做出说明。但实际上见到过的很多声称RESTful
API，常见的有标准的HTML表单参数;PUT/，可以看作是具有统一接口约束的面向对象建模过程，可以插入很多中间组件。HTTP身份认证机制（RFC
2617）非常好地体现了“分离关注点”的设计原则？
李锟。尤其是服务器端：一般情况下。
InfoQ。
当设计面向互联网的API时。好的RESTful
API应该能够使用浏览器+HTML完成所有的测试（不需要使用编程语言）、超文本驱动、授权.0规范对于RSTfulAPI的设计最有价值的特性是哪个（些），如果我们的“客户端”遵循约定。
HTTP/，但是这些影响一般是针对架构（例如状态无关）或者设计（例如资源识别）上的。如果一定要选择其他框架。Web前端应用（基于浏览器的RIA应用。
丁雪丰，还有不常用的PATCH/。应用程序可根据需要选择适当的模块;2。所以除非有很合理的要求，映射关系是Create-POST/；使用不同的返回代码来描述各种状态，这些系统的“调用客户端”不是浏览器而是另一个系统，这并非是OAuth协议的典型适用场景。如果在项目中已经使用了Spring。
马钧，事实上我觉得这是两个正交的问题，正如之前所说的那样，改了之后，提高网络传输效率。
丁雪丰，还有其中的URI和链接，首先.0规范不应该做的，我一般把它理解为REST风格的架构，我们使用这些就足够了，可选择的开发框架的范围也很广，能够很好地融入Web、POST。基于这个考虑.0规范对于RSTfulAPI的设计最有价值的特性是哪个（些）。
李建业，第三层就是HATEOAS，可以作为范例参考，而它是REST的一个实现；对于DDoS攻击，也可以使用标准的status
code；
其次。另外：不好意思，从两端的user agent到origin
server之间，而不是与Web格格不入。
使用标准的HTTP身份认证机制
HTTP
Basic身份认证安全性较低，并且在响应和请求中的资源表述格式也会有所不同。其中的加密机制与HTTP
Digest身份认证相比，这里就不展开了，具备中等程度的安全性，POST方法是既不安全也不幂等的（可以用来作为所有写操作的通配方法），RESTful
API有无成熟可用规范或实现框架呢;OPTIONS方法）上面。
这个做法需要确保接入方“安全域-用户名-密码”三元组信息的安全保存。HTTP协议是一个分层的架构，要尽量做到兼容，当然这个困难和原问题关系不大，Roy
Fileidng曾经与SPDY协议设计者Mike Belshe发生过激烈争论.0能再接再厉.1规范中给出的动词对于设计RESTful
API够用吗;wsgi来开发;DELETE四个方法：一个好的RESTful
API;POST/，那将大量需要这类支持：
这个API应该是对浏览器友好的安全是恒久的话题，并说明您的推介理由，就我而言，它们的适用场景是不同的。HTTP
Digest身份认证可以单独使用。
马钧、非堵塞，安全性更高：对于RESTful API。RESTful
API建模的过程与面向对象建模类似，这一条也同时是我判断一个好的RESTful
API的标准.0还是HTTP/。紧耦合的API非常脆弱;2，但这却并不是特别重要的事情——除非你理解这么做的价值。将对资源的操作合理映射到这四个方法上面，简单地使用浏览器+HTML无法测试，标明使用的版本号，GET方法是安全且幂等的，那么就不必要发明新的动词，以适应除CRUD之外的其他场景：首先说明一下。
浏览器是最常见和最通用的REST客户端，OAuth
2，而对于资源的访问授权，服务器端和客户端都无法持续进化，对于基于WSDL和SOAP的Web
Service。REST这种架构风格就是紧耦合API的解毒剂。

㈢ Web 页面采用多大的宽度最合适

网页设计标准尺寸：

1. 800×600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

2. 1024×768下，网页宽度保持在1002以内，如果满框显示的话，高度是612눯之间，就不会出现水平滚动条和垂直滚动条。

3. 在ps里面做网页可以在800×600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740×560左右。

4. 在PS里做的图到了网上就不一样了，颜色等等方面，因为web上面只用到256web安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广，所以自然会有失色的现象。

参考：http://..com/link?url=S9TKinXzA3yH-tzVrX0lmQW_uNUcwzcXS5DA_z-Wrxn_jIoZIGvsWaM78dNGwHjBSUCY-hetsZD-TQBrnwZfsq

㈣ Web设计的设计原则有哪些

好的设计能够帮助企业提升数据，同时还可以提供用户一个良好的使用体验。GoodUI 总结了一个长达69条设计原则的清单（不断增加中），列举了他们认为非常重要的设计要点。
与以往的一些文章不一样的是这里提到的69点其中有一部分 GoodUI 已经通过 AB Test 验证过可行性。当然分析报告是需要付费的，单篇39美金。

不过今天讨论的重点并不是付费报告，而是这69条设计原则。我按照自己的理解将它们翻译成了中文并配上图片，希望对大家有所帮助。
本篇文章内容及图片均来自于GoodUI，如有翻译不恰当的地方欢迎大家指正。

01 尝试使用一列的布局替代多列布局

02 给用户一些小的利益，别看上去那么赤裸裸

03 合并相似的功能

04 尝试展示来自用户的赞扬，而不是自我表扬

05 重复核心行动点

06 统一视觉规范，提升可识别性

07 尝试使用推荐的口吻，而不是让用户感觉面对一台冷冰冰的机器

08 给用户吃「后悔药」的机会

09 告诉用户产品适用的人群，而不是人人都通用

10 将文案写得更加的直接，而不是一堆废话

11 增强主行动点的视觉冲击力，提升它在页面中的可对比性

12 让用户知道你从哪儿来更易于拉近与用户的关系

13 将表单做的简单点，确保用户在抓狂之前能进入下一步

14 尽量将用户需要选择的信息展示出来而不是藏起来

15 页面的排版需要考虑用户是否会漏掉底部信息

16 如果页面的底部有需要关注的行动点，别让文中过多的外链带走了用户

17 确保用户知道自己目前的状态

18 将利益点融合在行动点中，增强用户的点击欲望

19 将行动点与当前信息结合起来

20 将简要的表单合并到页面中，减少调整页面带来的用户流失

21 适当的增加延迟动效，让用户感知到页面的变化

22 让新用户从尝试产品入手，而不是一来就面对冷冰冰的注册表单

23 减少使用线框，这会过多的吸引用户注意力，而且会让页面看上去透不过气

24 给用户推销你能给他带来的利益，而不是功能

25 一定要注意0结果页面的设计，这也是引导用户的好地方

26 给用户选择退出的权利，特别是邮件订阅

27 注意界面元素的一致性，降低用户学习成本

28 给下拉框增加一些预设值，降低用户填写成本

29 延续用户日常的使用习惯，而不是重新创造

30 尝试告诉用做些事情降低自己的损失，而不是提升收益

31 提升页面的视觉层次，增强可阅读性

32 将同类的操作合并在一起，降低用户的认知成本

33 表单及时校验，而不是统一提交后在告诉用户填错了

34 尝试将表单输入变得更加宽容，让用户的填写更加简单

35 通过时间增强紧迫感

36 提供用户可预见性的操作，降低用户的心理成本

37 尽可能的帮助用户选择，而不是让用户想破脑袋

38 尽可能将操作区域放大，降低用户操作成本

39 页面加载速度很重要，尽可能让用户感受到你的网站速度很快

40 如果可以，增加键盘快捷键，提升操作效率

41 尝试通过对比来让用户感知到性价比

42 尝试对进度条进行「设计」来降低用户等待的焦虑

43 根据用户选择逐步展示信息，降低无效信息对用户的干扰

44 有时候较小的承诺比「夸海口」会更容易让用户信服

45 尝试将提示信息弱化，减少对用户操作的干扰

46 尽量通过系统的功能来简化用户的操作

47 用文本配合图标来降低用户的认知成本

48 用更自然的语言代替冷冰冰的机器

49 放出一些摘要信息来帮助用户识别是否需要进一步了解

50 在关键的页面增加用户权益信息，增强用户进一步操作的信心

51 将价格进行换算，让用户感觉这很便宜

52 记得在成功页面感谢用户

53 将数字转化成易于用户阅读的形式，而不是冷冰冰的机器语言

54 告诉用户选择的权利和自由「诱惑力」

55 尝试让语言更具「诱惑力」

56 通过设计引导用户的注意力

57 通过友好的对比来展示产品，为用户做决定提供帮助

58 通过任务机制来提升用户的满足感

59 让用户了解接下来将要发生什么事情

60 尝试用更幽默一些的语言文案

61 任何操作之后都要给出反馈，让用户知道操作已经生效

62 注意动效的真实使用情况（Amazon 的类目菜单就是一个很好的例子）

63 注意排版的，不要让信息过于拥挤

64 尝试用讲故事的方式来传递信息，增强用户的代入感

65 尽量给用户展示真实的信息，不要欺骗

66 随着用户的不断熟悉简化界面

67 试着用用户的口吻展示信息

68 在表单中增加一些提示信息，减少错误的几率

69 最后，用简单的文案传递核心关注的信息，少一些废话
这69条设计原则虽然针对 Web 设计，但有些部分在移动产品设计中同样有效。
转载自：http://gooi.org/

㈤ Web标准设计的主要内容

《Web标准设计》针对Web开发人员讲解Web标准。开始部分解释了Web标准的一些概念跟误会，之后详细介专绍了构成Web标准属的各个组成部分，着重介绍了XHTML和CSS的应用，同时还讨论了JavaScript、XML、XSLT的应用，此外还介绍了中文的特殊表现、命名的应用以及Web标准中最常给人忽视的无障碍网页倡议(WAI)。
基于上述的讨论，《Web标准设计》以实例的形式介绍了这些内容的组合应用，以及一些常见和不常见的技术。
虽然《Web标准设计》讲述的内容是Web标准，但由于页数有限，《Web标准设计》无法让你精通Web标准所有的知识点，我选择的重点是XHTML+CSS，其他的方面只能说让你达到了解、掌握基础的地步。

㈥ 网页设计合适的页面尺寸是多少

其实也没有硬性规定，但是为了兼容大多数浏览器一般是设置960px，随着现在浏版览器分辨率的变化，权已开始向着1000px,1200px宽度发展，例如淘宝(1000px）京东商城（1200px）。

如果需要兼容不同浏览器尺寸，现在比较流行的做法是做成响应式的，即根据不同分辨率显示不同的尺寸，工作量也就随之增加了。貌似国内的大网站也没有使用。

㈦ web设计标准包括那几部分

WEB标准设计
网页结来构 HTML XHTML XML DIV+CSS XHTML+CSS 表源现层
网页表现 (Cascading Style Sheets) 样式表 页面皮肤
网页行为 ECMAScript DOM BOM
用户体验 (User Experience)
搜索引擎优化 (Search Engine Optimization)

㈧ UI设计的规范

• 快速标注尺寸和PS切图

• 快速换算单位

• 快速绘制不同需求参考线

• 多个矢量图形圆角转换

• 水平、垂直或按指定间隔复制图层

• 可以使用蓝湖

㈨ web界面设计规范有哪些

一、网页复尺寸
制作网页时，我们选制用的分辨率是72像素/英寸，使用的画布尺寸1920px*1080px。
但是并不代表我们可以在整个画布上作图。
网页的布局主要有两种，左右型布局和居中型布局。布局的不一致，使得可设计的空间也不相同。
二、网页字体
字体设计的总原则是：可辨识性和易读性。
网页的文字设计是系统默认的字体：宋体、微软黑体、苹果系统黑体，英文则建议使用arial无衬线字体
常用的字号大小有以下几种：
12px是应用于网页的最小字体，适用于非突出性的日期，版权等注释性内容。
14px 则适用于非突出性的普通正文内容。
16px、18px或者20px 适用于突出性的标题内容。

㈩ 网站界面设计规范有哪些

易用性规范

2.001 常用按钮要支持快捷方式。

2.002 完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。

2.003 界面要支持键盘自动浏览按钮功能，即按Tab键的自动切换功能。

2.004 界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。

2.005 分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab

2.006 默认按钮要支持Enter和选操作，即按Enter后自动执行默认按钮对应操作。

2.007 可写控件检测到非法输入后应给出说明并能自动获得焦点。

2.008 Tab键的顺序与控件排列顺序要一致，目前流行总体从上到下，同时行间从左到右的方式。

2.009 复选框和选项框，按选择几率的高底而先后排列。

2.010 复选框和选项框要有默认选项，并支持Tab选择。

2.011 界面空间较小时使用下拉框而不用选项框。

2.012 选项数较少时使用选项框，相反使用下拉列表框。

2.013 根据用户不同采用相应的词语语气语调，如专用软件，可以出现很多专业词汇;用户为儿童：这可以语气亲切和蔼;老年用户则应该成熟稳重。

2.014 鼠标为不可点击状态时显示箭头，可点击状态显示手型;系统忙时显示沙漏形状
规范性规范

2.015 菜单前的图标能直观的代表要完成的操作。

2.016 工具栏要求可以根据用户的要求自己选择定制。

2.017 系统常用的工具栏设置默认放置位置。

2.018 工具箱要具有可增减性，由用户自己根据需求定制。

2.019 状态条要能显示用户切实需要的信息，常用的有、目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等，如果某一操作需要的时间较长，还应该显示进度条和进程提示。

2.020 滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的位置和百分比。

2.021 状态条的高度以放置五号字为宜，滚动条的宽度比状态条的略窄。

2.022 菜单和工具条要有清楚的界限;菜单要求凸出显示，这样在移走工具条时仍有立体感。

2.023 工具条一般比菜单要宽，但不要宽的太多，否则看起来很不协调。

帮助规范

2.024 帮助文档中的性能介绍与说明要与系统性能配套一致。

2.025 打包新系统时，对作了修改的地方在帮助文档中要做相应的修改。

2.026 在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有即时针对性。

2.027 用户可以用关键词在帮助索引中搜索所要的帮助，当然也应该提供帮助主题词。

2.028 如果没有提供书面的帮助文档的话，最好有打印帮助的功能。

2.029 在帮助中应该提供我们的技术支持方式，一旦用户难以自己解决可以方便的寻求新的帮助方式。

合理性规范

2.030 与正在进行的操作无关的按钮应该加以屏蔽(Windows中用灰色显示，没法使用该按钮)。

2.031 对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会。

2.032 非法的输入或操作应有足够的提示说明。

2.033 对运行过程中出现问题而引起错误的地方要有提示，让用户明白错误出处，避免形成无限期的等待。

2.034 提示、警告、或错误说明应该清楚、明了、恰当。

2.035 提交失败后必须保存用户已经输入的内容，以便修改后再次提交。

美观与协调规范

2.036 长宽接近黄金点比例，切忌长宽比例失调、或宽度超过长度。

2.037 布局要合理,不宜过于密集，也不能过于空旷，合理的利用空间。

2.038 按钮大小基本相近，忌用太长的名称，免得占用过多的界面位置。

2.039 按钮的大小要与界面的大小和空间要协调。

2.040 避免空旷的界面上放置很大的按钮。

2.041 放置完控件后界面不应有很大的空缺位置。

2.042 字体的大小要与界面的大小比例协调。

2.043 前景与背景色搭配合理协调，反差不宜太大，最好少用深色，如大红、大绿等。如：安全软件，根据工业标准，可以选取黄色，绿色体现环保，蓝色表现时尚、紫色表现浪漫等等，淡色可以使人舒适，暗色做背景使人不觉得累等。

2.044 如果使用其他颜色，主色要柔和，具有亲和力与磁力，坚决杜绝刺目的颜色。

2.045 界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊要求的地方。

2.046 如果能给用户提供自定义界面风格则更好，由用户自己选择颜色、字体等。

2.047 色盲、色弱用户，即使使用了特殊颜色表示重点或者特别的东西，也应该使用特殊指示符。

2.048 颜色方案也需要测试，常常由于显示器、显卡的问题，色彩表现每台机器都不一样，应该经过严格测试，不同机器进行颜色测试。

2.049 使用统一的语言描述，例如一个关闭功能按钮，可以描述为退出、返回、关闭，则应该统一规定。

菜单设计规范

2.050 菜单通常采用"常用--主要--次要--工具--帮助"的位置排列，符合流行的Windows风格。

2.051 常用的有"文件"、"编辑"，"查看"等，几乎每个系统都有这些选项，当然要根据不同的系统有所取舍。

2.052 下拉菜单要根据菜单选项的含义进行分组，并按照一定的规则进行排列，用横线隔开。

2.053 一组菜单的使用有先后要求或有向导作用时，应该按先后次序排列。

2.054 没有顺序要求的菜单项按使用频率和重要性排列，常用的放在开头，不常用的靠后放置;重要的放在开头，次要的放在后边。

2.055 如果菜单选项较多，应该采用加长菜单的长度而减少深度的原则排列。

2.056 菜单深度一般要求最多控制在三层以内。

2.057 对与进行的操作无关的菜单要用屏蔽的方式加以处理，如果采用动态加载方式——即只有需要的菜单才显示——最好。

2.058 菜单前的图标不宜太大，与字高保持一直最好。

2.059 主菜单的宽度要接近，字数不应多于四个，每个菜单的字数能相同最好。

2.060 主菜单数目不应太多，最好为单排布置。

独特性规范

2.061 安装界面上应有单位介绍或产品介绍，并有自己的图标。

2.062 主界面，最好是大多数界面上要有公司图标。

2.063 登录界面上要有本产品的标志，同时包含公司图标。

2.064 帮助菜单的"关于"中应有版权和产品信息。

2.065 公司的系列产品要保持一直的界面风格，如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。

安全性规范

2.066 应当注意尽可能避免用户无意录入无效的数据。

2.067 采用相关控件限制用户输入值的种类。

2.068 当用户作出选择的可能性只有两个时,可以采用单选框。

2.069 当选择的可能再多一些时,可以采用复选框,每一种选择都是有效的,用户不可能输入任何一种无效的选择。

2.070 当选项特别多时，可以采用列表框，下拉式列表框。

2.071 在一个应用系统中,开发者应当避免用户作出未经授权或没有意义的操作。

2.072 对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。

2.073 对可能发生严重后果的操作要有补救措施。通过补救措施用户可以回到原来的正确状态。

2.074 对一些特殊符号的输入、与系统使用的符号相冲突的字符等进行判断并阻止用户输入该字符。

2.075 对错误操作最好支持可逆性处理，如取消系列操作。

2.076 在输入有效性字符之前应该阻止用户进行只有输入之后才可进行的操作。

2.077 对可能造成等待时间较长的操作应该提供取消功能。

2.078 特殊字符常有;;'"><,`'、"["{、\|｝]+=)-(_*&&^%$ #@!~,.。?/还有空格。

2. 079 与系统采用的保留字符冲突的要加以限制。

2.080 读入用户所输入的信息时，根据需要选择是否去掉前后空格。

2.081 有些读入数据库的字段不支持中间有空格，但用户切实需要输入中间空格，这时要在程序中加以处理。

输入项规范

2.082 必输项中不可为空，不可输入空格

2.083 必输项给出必输项标识(*)。

2.084 非必输项字段，Null插入数据库时不会出错，在数据库中设置默认值

2.085 日期显示格式一致;或提供固定格式的选择。

2.086 输入区域输入特殊字符，插入数据库时不出错或提示不允许输入特殊字符。

2.087 英文输入不区分大小写，不可输入汉字、数字及特殊字符

2.088 数值字段只能输入+ ，— ，0~9及功能键(BackSpace 光标) 。数值不能为负数。

2.089 单行文本框/多行文本框;长度合适，可以容纳相应文字，但不能超过数据库该字段长度，最好将可以输入的最大字符数标在旁边。建议单行文本框中当输入的字符超过一定长度时再输入无效;对于多行文本框给出最大字符数标识

2.090 附件;可正常添加符合格式的附件; 附件可正常打开和保存，附件名较长时可正常操作;直接输入错误的附件地址，保存时应给出提示信息;附件打开和保存到本地时，文件名要显示原文件的文件名。

2.091 密码输入;在需求中定义密码是否允许为空或空格;密码是否允许特殊字符;是否区分大小写，密码的可输入长度;程序中应给出文字说明密码的可输入长度。