1、“扁平化设计”比较利于展示信息。百度百科对“扁平化设计”是这样解释的:

“扁平化概念的核心意义是:去除冗余、厚重和繁杂的装饰效果。而具体表现在去掉了多余的透视、纹理、渐变以及能做出3D效果的元素,这样可以让“信息”本身重新作为核心被凸显出来。同时在设计元素上,则强调了抽象、极简和符号化。”

2、如果加动效的话,建议动效幅度尽可能小,时间尽可能短,要给人一种干净利落的感觉。这样的网站用起来比较爽。

3、设计上宜采用大道至简的原则,秉承实用第一、美观第二的原则。去掉多余的、用处不大的东西,只留下对用户很有用的东西。这样的网站用户才喜欢用。

Web标准,使得Web开发更加容易。

Web标准由万维网联盟(W3C)制定。


为什么要Web标准?

对于浏览器开发商和 Web 程序开发人员在开发新的应用程序时遵守指定的标准更有利于 Web 更好地发展。

开发人员按照 Web 标准制作网页,这样对于开发者来说就更加简单了,因为他们可以很容易了解彼此的编码。

使用Web标准,将确保所有浏览器正确显示您的网站而无需费时重写。

遵守标准的Web页面可以使得搜索引擎更容易访问并收入网页,也可以更容易转换为其他格式,并更易于访问程序代码(如JavaScript和DOM)。

提示: 你可以使用网页验证服务器验证页面的标准性。


无障碍

无障碍环境是一个HTML标准的重要组成部分。

Web标准,使其更易于为残疾人士使用Web。

Web标准使得残疾人士也可以很容易地使用互联网。盲人可使用程序为他们读出网页。而弱视的人群可通过重新排列并放大网页来访问网站。


W3C - 万维网联盟

W3C 创建和维护Web标准。

蒂姆·伯纳斯·李(Tim Berners-Lee)是万维网联盟创始人发明者被称为互联网之父:

"The dream behind the Web is of a common information space in which we communicate by sharing information."

万维网联盟,建立于 1994 年,是一个国际性的联盟,其宗旨是投身于"引领 web 以激发其全部潜能"。

  • W3C表示万维网联盟
  • W3C创建于1994年10月
  • W3C被Web发明者蒂姆·伯纳斯·李(Tim Berners-Lee)创建
  • W3C是作为成员国机构组织
  • W3C的工作是进行标准化网络
  • W3C创建和维护的WWW标准
  • W3C标准有W3C建议

最重要W3C标准有:

  • HTML
  • CSS
  • XML
  • XSL
  • DOM

W3C官方主页


ECMA - 欧洲计算机制造商协会(European Computer Manufacturers Association)

ECMA于1960年在布鲁塞尔由一些欧洲最大的计算机和技术公司成立。到1961年5月,他们成立了一个正式的组织,这个组织的目标是评估,开发和认可电信和计算机标准。

大家决定把ECMA的总部设在日内瓦是因为这样能够让它与其它与之协同工作的标准制定组织更接近一些,比方说国际标准化组织(ISO)和国际电子技术协会(IEC)。

 

ECMA是"European Computer Manufactures Association"的缩写,中文称欧洲计算机制造联合会。是1961年成立的旨在建立统一的电脑操作格式标准--包括程序语言和输入输出的组织。

 

最新ECMAScript规范就是ECMA- 262:

http://www.ecma-international.org/publications/standards/Ecma-262.htm

 

引自菜鸟教程

https://www.runoob.com/web/web-standards.html

网络无国界。


网络无国界。

"With the Internet follows an absolute requirement to interchange data in a multiplicity of languages, which in turn utilize a bewildering number of characters."

H. Alvestrand, Internet工程工作小组 (IETF), 1998年1月。


国际字符集

所有的 W3C 标准(自从1996年),包括 HTML、XHTML 和 XML 都定义了一个名为 Unicode (ISO 10646) 内部的内部字符集。

所有现代 web 浏览器都在原生地使用此字符集。而大多数在 internet 上传输的文档并没有使用这个 Unicode 字符集。

正因如此,Internet 客户(浏览器)与 Internet 服务器 之间必须有一种在通信中一致使用字符集的方法。

对每个文档在用的字符集进行标记,对于提升网站的品质来说至关重要。

请始终在 <head> 元素内使用下面的元素:

<meta charset="x">

把 X 替换为你所使用的字符集,比如ISO-8859-1、UTF-8 或者 UTF-16。


国际日期

请不要使用类似 "04-03-02" 的日期格式。

上面的日期可以表示为2004年3月2日,或者2002年3月4日,亦或者2002年4月3日。

国际标准化 (ISO) 为日期定义的国际标准格式是 "yyyy-mm-dd",yyyy 是年,mm 是月,dd 是日。

如果您使用了 ISO 的格式,那么大多数访问者都能明白你的日期。

 

引自菜鸟教程

https://www.runoob.com/quality/quality-international.html

设计一个网站,需要认真思考和规划。

最重要的是要知道你的访问用户。


用户是浏览者

一个典型的访问者将无法读取您的网页的全部内容!

无论您在网页中发布了多么有用的信息,一个访问者在决定是否继续阅读之前仅仅会花几秒钟的时间进行浏览。

请确保使你的观点,在页面的第一句!另外,您还需要在整个页面中使用简短的段落以及有趣的标题。


少即是多

保持段落尽可能短。

保持尽可能短的网页。

保持章节尽可能短。

冗长文字的页面不利于用户体验。

如果你的网页内容很多,您将页面信息分解成小的模块,并放置在不同的页面!


导航

在您网站的所有页面使用一致的导航结构。

不要在文本段落内使用超链,超链接会把访问者带到别的页面,这样做会破坏导航结构一致性。

如果您必须使用超链接,你可以将链接添加到一个段落的底部或菜单中。


加载速度

有时开发人员不知道一些网页需要很长的时间来加载。

据统计,大多数用户会留在加载时间不超过7秒的网页。

测试您的网页在一个低速的调制解调器中打开。如果您的网页需要很长时间加载,可以考虑删除图片或多媒体等内容。


用户反馈

反馈是一件非常好的事情!

你的访问者是你的"客户"。通常他们会给你的网站提供很好的改善建议。

如果您提供良好的反馈途径,您将得到来自很多来自不同领域人的反馈意见。


访问者的显示器

在互联网上不是每个人的显示器尺寸都是一样的。

如果你设计一个网站,是用高分辨率的显示器上显示,当分辨率低的显示器(如800 × 600)访问你的网页时就可能会出现问题。

请在不同的显示器上测试您的网站。

查看我们的 显示器 了解显示器的发展趋势。


他们使用什么浏览器?

请在不同的浏览器测试你的网站。

目前最流行的浏览器有:Internet Explorer,Firefox和Google Chrome。

设计网页时,一个明智的做法是使用正确的HTML。正确的编码将帮助浏览器正确显示您的网页。

访问我们的 浏览器统计 信息了解浏览器的发展趋势。


客户端使用的插件

声音,视频剪辑,或其他多媒体内容可能需要使用单独的程序(插件)来播放。

请确保您的访问者能在你的网页上正常使用他们所需要的软件。


关于残疾人呢?

有些人的视力或听力有障碍。

他们可能会尝试使用盲文或语音浏览器浏览您的网页。所以你应该在你的网页添加图像和图形元素的替代文本。

 

引自菜鸟教程

https://www.runoob.com/web/web-design.html

能够被残障人士使用的网站才能称得上一个易用的(易访问的)网站。

残障人士指的是那些带有残疾或者身体不健康的用户。


Web Accessibility Initiative - WAI

WAI (由 W3C 在1997年发起)是一系列计划供 web 开发者、创作者以及设计者使用的指导方针 - 关于如何使内容对残障人士更易用。

这些指导方针的目标是易用性(accessibility),但是也有助于使 web 内容可用于更多的浏览器(语音浏览器、移动电话、手持设备),以及更多工作于困难环境的用户(非手持式的、强光、黑暗、弱视、噪音等)。


WAI 对您的网站来说很重要吗?

是的。

每天都有百万计的残障人士在网上冲浪,并且甚至超过百万计的人们正在使用着不良的浏览器设备,或者工作在困难的环境当中。

假如您的网站缺乏诸如可调节字体尺寸、带有文本描述的图形以及便捷的导航,那些人们就无法访问您的信息。

事实上:您的网站剥夺了这些人的权利。

增强网站易用性的理由还有:

  • 可提升网站的美誉度和形象
  • 可提升用户满意度
  • 可增加访问者的数量
  • 可增加访问者在站点的停留时间
  • 可增加访问者的回访数量
  • 可同样为无残疾人士增加可用性
  • 可为关闭图形功能的访问者增加可用性
  • 可为使用老式设备的人群增加可用性
  • 可使您的网站为增长速度最快的人群提供服务:老年人群

使用可调节的字体大小

请使用相对的字体尺寸,这样用户就能够使用浏览器菜单来改变默认的字体尺寸。

你可以阅读吗?

你可以阅读吗?

你可以阅读吗?

你可以阅读吗?

lamp.gif 可以在您的浏览器菜单选择"查看 - 文字大小"来 要改变字体大。


使用 "alt" 属性

alt 属性允许你为图像(也可以为其它的元素)提供一条相对应的文字。

实例:

<img src="/default/images/banana.jpg" alt="Banana">

有时候浏览器会无法显示图像。具体的原因有:

  • 用户关闭了图像显示
  • 浏览器是不支持图形显示的迷你浏览器
  • 浏览器是语音浏览器(供盲人和弱视人群使用)

如果您使用了 alt 属性,那么浏览器至少可以显示或读出有关图像的描述。

 

引自菜鸟教程

https://www.runoob.com/quality/quality-accessibility.html