网页界面设计的原则

第页网页界面设计的原则1、用户导向原则

制定网页首先要明确到底谁是使用者，要站在用户的观点和态度上来合计制定网站。要做到这一点，必须要和用户来沟通，了解他们的必须求、目标、期望和偏好等。网页的制定者要清楚，用户之间差别很大，他们的能力各有不同。另外，用户使用的计算机机器配置也是千差万别，包括显卡、声卡、内存、网速、操作系统以及浏览器等都会有不同。制定者如果忽视了这些差别，制定出的网页在不同的机器上显示就会造成混乱。

2、简洁易操作原则

KISS原则就是KeepItSampleAnd

Stupid的缩写，简洁和易于操作是〔网页制定〕的最重要的原则。毕竟，网站建设出来是用于一般网民来查阅信息和使用网络服务。没有必要在网页上设置过多的操作，堆积很多复杂和花哨的图片。该原则一般的要求，网页的下载不要超过10秒钟;尽量使用文本链接，而减少大幅图片和动画的使用;操作制定尽量简单，并且有明确的操作提示;网站所有的内容和服务都在显眼处向用户予以说明等。

3、布局控制

关于网页排版布局方面，很多网页制定者重视不够，网页排版制定的过于死板，甚至照抄他人。如果网页的布局杂乱，仅仅把大量的信息堆集在页面上，会干扰浏览者的阅读。一般在网页制定上所要遵循的原理有：

(1)Miller公式。一个人一次所接受的信息量为72

比特。这一原理被广泛应用于网站建设中，一般网页上面的栏目选择最正确在5～9个之间，如果网站所提供给浏览者选择的内容链接超过这个区间，人在心理上就会烦躁，压抑，会让人感觉到信息太密集，看不过来，很累。

(2)分组处理。上面提到，关于信息的分类，不能超过9个栏目。但如果你的内容实在是多，超出了9个，必须要进行分组处理。如果，你的网页上提供几十篇文章的链接，必须要每隔7篇加一个空行或平行线做以分组。如果你的网站内容栏目超出9个，如微软公司的网站，共有11个栏目，超过了9个。

4、视觉平衡

网页制定时，也要各种元素(如图形、文字、空白)都会有视觉作用。依据视觉原理，图形与一块文字相比较，图形的视觉作用要大一些。所以，为了达到视觉平衡，在制定网页时必须要以更多的文字来平衡一幅图片。另外，按照中国人的阅读习惯是从左到右，从上到下，因此视觉平衡也要遵循这个这个道理。

例如，你的很多的文字是采纳左对齐〈Align=left〉，必须要在网页的右面加一些图片或一些较明亮、较醒目的颜色。一般状况下，每张网页都会设置一个页眉部分和一个页脚部分，页眉部分常放置一些Banner广告或导航条，而页脚部分通常放置联系方式和版权信息等，页眉和页脚在制定上也要注重视觉平衡。

同时，也决不能低估空白的价值。如果你的网页上所显示的信息非常密集，这样不但不利于读者阅读，甚至会引起读者反感，破坏该网站的形象。在网页制定上，适当增加一些空白，精炼你的网页，使得页面变的简洁。

5、色彩的搭配和文字的可阅读性

颜色是影响网页的重要因素，不同的颜色对人的感觉有不同的影响，例如：红色和橙色使人兴奋并使得心跳加速;黄色使人联想到阳光，是一种快活的颜色;黑颜色显得比较庄重，合计到你希望对浏览者产生什么影响，为网页制定选择合适的颜色(包括背景色、元素颜色、文字颜色、链节颜色等)。

为方便阅读网站上的信息，可以参照报纸的编排方式将网页的内容分栏制定，甚至两栏也要比一满页的视觉效果要好。另一种能够提升文字可读性的因素是所选择的字体，通用的字体(Arial，CourierNew，Garamond，Times

NewRoman，中文宋体)最易阅读，特别字体用于标题效果较好，但是不合适正文。

6、和谐与一致性

通过对网站的各种元素(颜色、字体、图形、空白等)使用一定的规格，使得制定优良的网页看起来应该是和谐的。或者说，网站的众多单独网页应该看起来像一个整体。网站制定上要坚持一致性，这又是很重要的一点。

一致的结构制定，可以让浏览者对网站的形象有深入的记忆;一致的导航制定，可以让浏览者迅速而又有效的进入在网站中自己所必须要的部分;一致的操作制定，可以让浏览者快速学会在整个网站的各种功能操作。破坏这一原则，会误导浏览者，并且让整个网站显的杂乱无章，给人留下不良的印象。

当然，网站制定的一致性并不意味着呆板和一成不变，有的网站在不同栏目使用不同的风格，或者随着时间的推移不断的改版网站，会给浏览者带来新鲜的感觉。

7、个性化

(1)符合网络文化

整个互联网的文化是一种休闲的、非正式性的、轻松活泼的文化。在网站上使用幽默的网络语言，创造一种休闲的、轻松愉快、非正式的氛围会使网站的访问量大增。

(2)塑造网站个性

另外，网站的整体风格和整体气氛表达要同企业形象相符合并应该很好的体现企业文化，进而形成风格。

2网站页面制定原则

(1)注目性

注目性是指页面形象要能引起浏览者视觉的注意。这种注意同视觉形象的结构、大小、方位、环境、色彩因素有关。强化注目性是网站页面制定必须追求和注意的事项,在制定时往往要采纳概括简洁、生动鲜亮的视觉语言,通过对图形或色彩的创意变化,将用文字或听觉语言都难以表达清楚的含义展现出来,这种表达方式利于吸引视线和注意力,可以产生事半功倍的效果。

(2)适应性

网页作为信息社会中的视觉语言,要想达到信息传播的目的,就必须具有适应性特征,重视现代社会的特点以及受传者的文化层次、生理、心理因素,尊重浏览者的习惯心理和公认原则。如果网站页面制定中没有体现这一特征,就会出现页面形象和色彩制定的随意性影响信息浏览和传递。

(3)记忆性

记忆性是指形象能长期地记忆于脑中,并能形成一定的条件反射。只有充分利用各种构成因素,通过均衡、调和、动静对比、视觉诱导、结构比例等关系进行制定,才干使制定出的网页具有新颖、醒目的艺术魅力,引起公众的注意和长期的记忆。

(4)选择性

网页界面中的信息往往丰富而繁杂,浏览者不一定会对网页中的所有信息都感兴趣,这就涉及对信息的选择性问题。由于视觉对点线等元素的敏感程度较高,因此在安排引导不同信息的标题和图形时可以将之点化或线化,从而形成视觉注意的中心,便于用户选择性浏览。

3用户界面制定原则

1."明确'应该放在制定的首要位置

对任何界面而言，"明确'是首要的也是最重要的一点。人们必须能够辨认出它是什么，才干有效地使用你制定出来的界面。制定师们在制定的时候，要去关怀人们为何会使用这个应用，去了解什么样的界面是能帮助他们与之互动的，去猜测人们在使用时的行为并能够成功地反馈给他们。这样做了之后，界面中再出现的必须要推理的地方以及延时反应都是可以被容忍的，但是绝对不能出现让用户疑惑的地方。明确的界面能够给使用者进一步操作的信心。一个应用就算它有一百张页面，但是每一页都是清楚明确的，它也远胜于只有一页却不知所云的应用。

2.界面是为了交互而存在

界面的存在是为了让人和我们的世界产生互动。它可以帮助人们厘清，明白，使用，展示互相之间的关系，他能够把我们聚集在一起可以将我们隔开，实现我们的价值并为我们服务。界面制定不是艺术制定。界面制定也不是用来标榜制定师的个人。界面的功用和效果是可以被测量的。但是它们不是功利性的。优秀的界面不但能够让我们做事有效率，还能够激发、唤起和强化我们与这个世界的联系。

3.不惜一切代价吸引用户注意

我们生活在一个容易被打搅的世界。我们很难在一个不被干扰的环境中静下心来阅读。用户注意力是非常宝贵的。所以，不要在应用的四周丢一些容易令人分心的东西

要把制定这个画面最初的目的随时放在首位。如果用户正在阅读，那先让他们专心的读完之后再弹出广告(如果一定要放广告的话)。尊重用户的注意力，不仅仅会让用户感到高兴，你本身的制定也会收获好结果。如果在界面制定中，用户使用是首要目标的话，那么尊重用户的注意力是先决条件。要不惜一切代价保护它。

4.让用户掌控一切

人们会在自己能掌控的环境中感觉最舒心，最放松。制定轻率的软件应用不但剥夺了这种舒适性，还会迫使人们面对毫无预期的互动，疑惑的流程和意外的结果。通过定期的梳理系统状态，描述因果关系(如果你这个做了，就会被体现出来)，并且在每一步操作都给出提示，让用户感觉每一步操作都在他的掌控中。不要担心说，这不是"显而易见'的吗?因为世界上从来没有显而易见的事情。

5.直观操作是最好的

好的界面是无意识的，就像我们在实际生活中直接操作的感觉一样。这并不是那么容易实现的，并且随着元素和资讯的不断增加，这就变得更难，所以我们制定界面来帮助我们去和它们互动。要想在画面上添加一个不必要的东西是非常简单，例如，加个华丽的按钮，镶边，图形，选项，偏好，窗口，附件和其它一些冗余的东西。以至于我们一头扎进处理界面元素细节的怪圈中而忽视了最重要的事情。取而代之的，你应该抓住直观操作这个最初的目标界面制定要尽可能的简洁，更多的可识别的惯用自然手势。理想状况下，界面会变得非常细小，用户在会有直观操作的感觉。

6.一个页面一个主要操作

我们制定的每一个画面，都应给用户提供有实际意义的单一操作。这一点，令界面更快上手、易于操作，如果有必须要的话，新增或扩充也更简易。如果一个画面上有两个或两个以上的主要操作，瞬间就会让用户感到疑惑。就像写文章要有单一的以及强有力的论点一样，界面制定中的单个画面，也都应该有单一且明确的操作，这是它存在的理由。

7.让次要操作在次要位置

画面在包涵一个主要动作的同时，可以有多个次要动作，但尽量不要让它们喧宾夺主!就像你写一篇文章的目的，是为了让人可以阅读可以了解，而不是为了人们能够把它转载在交际网络上让次要得动作放在次要的位置，削减它们的视觉冲击力，或是在主要动作完成后再显示它们。

8.提供自然而然的下一步操作

很少有交互是有意被放在最后的，所以要为用户精心制定交互的下一步操作。你要预期用户下一步的交互是怎样的，并且通过制定将其实现。就像我们的日常谈话，要为深入交谈开一个好头。当用户已经完成要做的操作后，别让它们不知所措的停留在那提供自然而然的下一步，帮助他们完成操作。

4网站首页制定注意事项

建站过程中必须要注意的事项很多，有人把后台系统内容页做完备了但却对网站首页不怎么上心。其实网站首页很重要，首页相当于人的"面子'，凭眼缘就可以留住用户，持续在网站进行浏览，如果首页做的一塌糊涂，想必用户也没耐心去持续看下去了。那网站制定时首页哪些要点千万不能忽略?

第一，要展现出整体风格，争取达到吸睛的效果

网站的整体风格一般通过首页就可以实现，整个网站的色调是否协调、布局是否合适都可以从首页来看出来。除了导航类网站那种较为固定的首页模式，其他网站首页在制定时候可以进行一定的革新，这样才干吸引用户的目光。但这个革新并不是为所欲为，是要符合用户胃口的制定和制作。

第二，首页布局应当合理

关于一个浏览者来说，网站内容结构合理实在太重要了。干巴巴一大堆文字让人无所适从，大多数都是华而不实的图片则让浏览者对网站内容质量有所怀疑。有数据统计发现，多数用户会比较关注网站页面上方和左方的内容，我们可以利用这种习惯，把有用的内容放在这些位置，图片等放点缀在其他地方，这样才会有不错的效果。此外优质的导航也是网站内容结构中不可少的一块儿，导航帮助浏览者快速的找到他们想要的信息。还对搜索引擎的收录，和网站权重的提升有帮助。选择图片导航还是下拉菜单活着特效导航，应该看具体网站类别来选用。

第三，网站首页信息必必须常常更新

网站首页制定得好当然会吸引人们点击，但这仅仅是一小段时间，并不会太长期，接下来吸引浏览者目光的就是内容标题和内容了。网站首页