发布网友 发布时间:2022-04-19 14:35
共3个回答
懂视网 时间:2022-05-12 04:23
本章将介绍html5需要遵循的6个设计原则,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。原则一:避免不必要的复杂性
html4
<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN" " <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
html5
<!DOCTYPE html> <meta charset="utf-8">
原则二:支持已有的内容
以下四段代码,在xhtml中只有第一段是正确的;而在html5中,所有的都是正确的
<img src="foo" alt="bar" /> <p class="foo">Hello world</p>
<img src="foo" alt="bar"> <p class="foo">Hello world
<IMG SRC="foo" ALT="bar"> <P CLASS="foo">Hello world</P>
<img src=foo alt=bar> <p class=foo>Hello world</p>
原则三:解决现实的问题
在html4中,即使两个块级元素元素有相同的链接地址,也必须分开写,因为内联元素不能包含块级元素
<h2><a href="/path/to/resource">Headline text</a></h2> <p><a href="/path/to/resource">Paragraph text.</a></p>
而在html5中,由于使用了内容模型,<a>元素也可以包含块级元素
<a href="/path/to/resource"> <h2>Headline text</h2> <p>Paragraph text.</p> </a>
原则四:求真务实
html5新增了多个元素,其中包括:section、article、aside和nav,它们代表了一种新的内容模型——给内容分区。以前人们一直都在用div来组织页面中的内容,但与其他类似的元素一样,div本身并没有语义。但section、article、aside和nav实际上是在明确地告诉你——这一块就像文档中的另一个文档一样。位于这些元素中的任何内容,都可以拥有自己的概要、标题,自己的脚部。
原则五:平稳退化
浏览器在遇到不识别的type值时,会将type的值解释为text
input type="number" input type="search" input type="range" input type="email" input type="date" input type="url"
原则六:最终用户优先
一旦遇到冲突,最终用户优先,其次是作者,其次是实现者,其次标准制定者,最后才是理论上的完满。
热心网友 时间:2022-05-12 01:31
每个网页设计师在 设计网页的时候都有自己的一套思路和方法,但是不管怎么样,都遵循了几个最基本的设计原则,我大概总结了主要有如下几点:热心网友 时间:2022-05-12 02:49
界面设计一定要适合软件的功能
界面设计是为软件功能服务的,所以,不能与功能需求相违背。比如本来用户可以一键完成的事,却非要拆成多个步骤来完成。
简单性和易理解性
界面设计要遵循简单性,就意味着不能将界面设计的花里胡哨,堆叠的元素太多,这这样会让用户失去焦点,找不到重心,也一样会影响到用户的体验。
界面元素醒目、直观,不易让人误解
同时,为了便于用户的理解,对于用户的每一项操作都要及时给出视觉或者是听觉上面的反馈。比如:在完成操作之后,给出不同的状态灯显示;或者给出一些提示音。
提供视听反馈,可与用户双向交流
为了便于用户理解,还可以增加一些必要的提示。比如在光标悬浮在按钮上的时候,给出快捷命令的提示。
界面元素有充分必要的提示
界面设计是辅助用户完成软件操作的。所以,界面要能够反应用户的实际业务流程,让用户操作软件就如同平时的业务操作一样。
界面清晰的反映工作流程,用户可按部就班的操作
对于一些界面特别复杂的情况,比如一些在线网站,也可以给出用户向导。
复杂的用户界面有向导,让用户知道自己的位置