网页界面 设计 的原则

设计网页首先要明确到底谁是使用者，要站在用户的观点和立场上来考虑设计网站，要做到这一点，必须要和用户来沟通，了解他们的需求、目标、期望和偏好等。下面介绍网页界面设计的原则，希望对您有帮助。

1、用户导向原则

【资料图】

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

2、简洁易操作原则

KISS原则就是"Keep It Sample And

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

3、布局控制

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

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

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

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

4、视觉平衡

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

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

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

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

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

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

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

6、和谐与一致性

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

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

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

7、个性化

(1)符合网络文化

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

(2)塑造网站个性

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

网站页面设计原则

(1)注目性

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

(2)适应性

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

(3)记忆性

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

(4)选择性

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

用户界面设计原则

1.“明确”应该放在设计的首要位置

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

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

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

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

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

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

4.让用户掌控一切

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

5.直观操作是最好的

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

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

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

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

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

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

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

网站首页设计注意事项

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

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

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

第二，首页布局应当合理

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

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

网站首页设计得好当然会吸引人们点击，但这仅仅是一小段时间，并不会太长久，接下来吸引浏览者目光的就是内容标题和内容了。网站首页信息必需必须经常更新，而且更新的内容要尽量在主页中提示给浏览者，如果更新的内容都存在各级版块或栏目中，浏览者就不会很方便的找到更新的东西，导致浏览者体验下降。

第四，网站首页内容至关重要

现在这个时代，不论是搜索引擎还是浏览者都非常关注网站的内容。网站首页设计中最好在第一页就对这个网站性质与内容做个简要说明，对搜索引擎和浏览者都有好处。而在网站首页适当的关键词的架构能帮助提高搜索引擎对网站的搜索率以及访客量。首页采用主关键词，内页采用次关键词，再加上有关联的图片、影像、声音，你的首页将更加完美。