网页设计的基本原则是什么

如何才可以设计出一款 合格的网站。都明白，设计的特色化呈现得十分突出，每位设计师都具有自个的设计概念，而企业也有自个的需要，所以这两者之间时常会存在争议。故此，网页设计中需要遵从相应的基本原则。

1.网页设计实施方案观点鲜明

为了能确保观点鲜明突出，要点清晰，并且将遵从客户的需求，以简洁清晰的语言和画面突显网站的主题充分调动所有方法多方面呈现网站点的个性化和趣味性，办出网站的优势特点。

2.网站的版面设计

网页设计用作1种视觉语言，尤其是重视编排和布局，虽说首页的设计不等同平面设计，但它们之间有很多相似之处。多页面网站页面的编排设计需求把页面间的巧妙联系展现出，尤其是要正确处理好页面间和页面内的公共秩序与主要内容的密切关系。学平面设计的同学们可能明白为了能实现极佳的视觉呈现效果，将反复研究总体布局的合理原则，使来访人拥有流畅的视觉体验。

3、网页设计主要形式与主要内容相统一

灵活利用比较与调配、对称与平衡、节奏与韵律还有留白等方法，可以通过空间、文字内容、图形间的密切关系构建总体的均衡状态，发生融洽的审美感受。

一、优秀网页设计的原则——统一

团结是组成，意义是组织的意义。

好的网页设计的原则不是元素的任意组合，而是必须把整体放在第一位。每一个细节都是为了给整体增添光彩。我们的大脑总是在寻找相似的视觉元素。当我们理解了这些因素，我们看到的是有凝聚力的设计，而不是混乱无序的设计。

统一的方法:相似性，可重复性和连续性。

变化中的统一:例如，形式可以重复，但大小不同颜色可以重复，但深度不同。变化中的重复强调统一和变化。

二、优秀网页设计的原则——焦点和焦点

没有受众的关注，任何信息、艺术价值和审美价值都会失去意义。设计师如何吸引观众的注意力?创建一个引人注目的工作，强度和焦点是非常有用的用户界面设计。

具体方法如下:

1. 大多数元素是暗的。明亮的形状打破了画面的焦点。

2. 大多数元素是安静和柔和的，强烈的对比被称为焦点。

3.在一系列扭曲表现主义的作品中，有一幅不同风格的写实肖像。

4. 文字或符号被称为焦点。

5. 大部分的元素是黑色和白色，和彩色元素称为焦点。

隔离产生焦点:隔离也是一种对比，一种空间位置的对比，而不是形式的对比。

但即使强调统一，我们也要注意统一，更重要的是要利用相互关联的元素来创造和谐的格局，而不是一味强调破坏统一。

三、优秀网页设计的原则——大小和规模

在优秀网页设计的原则中，大小和规模都是事物的大小，一个是相对的，另一个是绝对的。单位中每个元素的大小称为比例。描述一种“不成比例”的视觉效果往往令人震惊和不安，但这种效果可能正是艺术家想要的。

四、优秀网页设计的原则——平衡

平衡被假定为屏幕的中轴，给人一种永恒的力量和稳定的感觉，而不管两边的视觉重量。与此同时，这种不平衡可以用来有意地创造让观众感到不舒服或不舒服的画面。(不只是左和右，也有上下)。

当元素的视觉权重不同时，存在不平衡对称:

1. 色彩与色调平衡

通过纹理和图案达到平衡

3.通过位置和视线(随机放置并连接到视线)

有左，右，上，下，辐射和晶体平衡。

五、优秀网页设计的原则——节奏

设计师创造出好的网页设计原则，使之与其他感官记忆和联想产生共鸣。当视觉体验与其他感官产生共鸣时，这被称为动觉转移。

连续节奏:交替节奏。例如季节的变化，昼夜的变化，潮汐的涨落，甚至行星的运动，都反映着内在的节奏规律。它具有相同的元素组成，并按照一定的规则重复，呈现出连续的图案。

渐变节奏:物体的颜色和纹理发生变化，但它们是由大小渐变引起的。渐变改变了物体的水平和垂直线条，创建了一个从大到小的规则渐变。

以上就是优秀网页设计的原则的全部内容了，这些概念对于使您的ui设计作品变得更加出色起着至关重要作用。如果您对此类项目有兴趣，可以关注我们ui设计的其他内容，如果想知道更多ui设计的相关知识及技巧等，可以点击本站的其他文章进行学习。

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)塑造网站个性

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

清晰是用户界面设计最重要的原则之一，要让用户能够有效地使用你设计的界面以及清楚的知道这个界面是用来做什么的，能产生什么样的交互，解决什么样的问题。清晰意味着能准确表达出信息内容。它有助于防止用户出错，清楚地呈现出重要信息并提供完美的用户体验。

原则2： 以用户为中心

在用户界面设计中，设计师要清楚谁才是真正的使用者。要能够站在用户的立场和角度来考虑设计网页。用户是你最终产品的体验者，所以，在做设计时，要遵循以用户为中心的原则。用户不会花太多时间在同一个网页，只要他找到自己所要的讯息，就会跳转到另一个页面继续寻找下一个信息。网页设计师要知道，用户之间的差别很大，他们的操作习惯和能力也各有不同。你不能满足所有人的期望，也别试图去满足所有人的期望，因为那是不可能的事。你要做的只能是让你的网站使用更加方便易操作，要做到这点，你必须了解用户的需求，目标和偏好以及操作习惯。

原则3：KISS（Keep It Simple And Stupid）

简单易操作，这也是网页设计最基本也是最重要的原则。要让用户觉得自己是在控制软件，而不是感觉被软件控制。切记网页的可操作性，用户的习惯和能力各不相同，他们不是网页设计师，并不懂你们设计这个网页的原理和操作方式。并且绝大数的用户，对于电脑的使用经验是很初级的，只要稍微复杂一点的操作就会让他们感觉很费力，所以网页设计师需要注意的是，减少操作。这里所说的stupid，不是愚蠢，而是能减轻用户的负担，让操作更加简单。

2、色彩和谐统一：网页设计要达到传达信息和审美两个目的，悦人的网页配色可以使浏览者过目不忘。网页色彩设计应该遵循"总体协调，局部对比"的原则。

3、定期更新：除了及时更新内容之外，还需要每隔一定时间对版面、色彩等进行改进，让浏览者对网站保持一种新鲜感，否则就会失去大量的浏览者。

4、平台的兼容性：最好在不同的浏览器和分辨率下进行测试，基本原则是确保在IE 5以上的版本中都有较好效果，在1024×768和800×600的分辨率下都能正常显示。此外，还需要在网页上尽量少使用Java和ActiveX编写的代码，因为并不是每一种浏览器都能很好地支持它们。

5、打开速度要快：相信大家都遇到过这样的情况，好不容易从搜索引擎中找到了感兴趣的链接，却最终因迟迟打不开而放弃。根据统计，一般人从选择要看的页面算起，经过Internet的下载到下载完毕，可以忍受的时间大约只有30秒。我校数字媒体学院专家认为网页打开速度除了跟服务器性能和带宽容量有关之外，更多的是与网页文件大小和代码优劣等有直接关系。

6、导航明朗：导航的项目不宜过多，一般用5~9个链接比较合适，可只列出几个主要页面。如果信息量比较大，确实需要建立很多导航链接时，则尽量采用分级目录的方式列出，或者建立搜索的表单，让浏览者通过输入关键字即可进行检索。

一、对称与均衡

对称分为左右对称、上下对称、重复对称、旋转对称等形式。对称的造型在大自然中比比皆是，同时也是版式设计常用的构成形式。对称的形式给人以稳定平衡的感觉，但也容易流于刻板、单调。为打破这种局面，设计上往往采用均衡来代替对称。均衡与对称的区别在于各元素与轴心的分布排列不等，呈不规则状态，从形式上是对称的破坏，然而两边在视觉上的分量的相等的。整个画面还是处于势的平衡中，给人以后总动中有静或静中有动的动态美，富于变化和趣味。我们称之为：对等不对称，等量不等形。

二、重复、相似和变异

一个形体的反复出现，会加强对受众的视觉刺激。这是最简单的节奏，好像某几个音节在乐章中的反复出现，会加深听众的印象。在平面设计中有时也把近似的形象并置在一起，大道重复的效果，这称为相似。但有的时候，我们又把很有规律的一段乐章其中的一个或几个音符加以变化，使之产生强烈的反差，这就是变异。变异可以理解为对规律的破坏，这种表现手法更容易吸引人的注意力，引发浏览者的兴趣。

三、节奏与韵律

节奏、韵律是来自音乐的概念。在构成中，形体有规律的排列和变化就形成了视觉的节奏与韵律。它会带给受众舒适的视觉感受。除了前面提到的重复，还有形的渐变，包括大小、长短、明暗、形状、位置等方面的变化，这些构成上的变化会使画面产生和谐的艺术效果。这些形式上的美，如果赋予页面的主题、个性和情感，就有了韵律感，好像音乐中饭的旋律，不但有了节奏，还有情调，有意境。它能增强页面中的感染力和艺术表现力。

四、网页中的对比

对比就是利用异质元素的并置产生差异，更鲜明地突出各元素的个性特性。缺乏对比的画面的平淡、乏味的，是没有吸引力的；而对比会产生强烈的矛盾和冲突，从而对观者产生视觉刺激。

五、网页中的调和

调和是指通过网页中各要素之间存在的共性所构成的页面统一性。调和是产生和谐与稳定的前提，我们可以通过保持画面造型元素的某种特征的一致性，如形状，色彩等，形成调和。另外前面讲到的对称、均衡、渐变、重复等构成方式也会形成调和的页面效果。以调和为基调的页面中各部分之间保持一种内在的统一和协调，从而加强页面的整体性和完整性。调和的构成中，要注意局部的对比效果。避免页面产生模糊。

　我们一般采用三种方式进行页面的调和：

大小调和：使页面的元素面积大小相近，或者使一种元素面积大于其它元素，并占有绝对优势，保证其在页面中起主导作用。

形状调和：页面中的造型元素保持相似的外形，并且把这种外形特征贯穿于整个网站。

色彩调和：通过页面中的元素色彩的一致性，进行页面调和。

网页设计师在其设计思路中都遵循以上几个网站设计原则，所以特别是对刚学网页设计的新手来说深刻理解并遵循设计原则是必要的，甚至决定了你网页设计的成败！

1、明确网站内容

一个网页在设计的时候首先应该考虑网站的内容，包括网站功能和用户需求，而不是以漂亮为中心进行设计规划。明确设计网站的目的和用户需求，从而做出切实可行的设计计划。

2、导航清晰

导航的栏目不要过多，一般5-9个比较合适 ，只需要列出几个主要的页面就可以。如果栏目比较多，尽量采用分级栏目的方式展示出来，这样更直观清晰。

3、易读性

设计出的网站应该是容易用户浏览的，导航应清晰、简洁，返回主页的标识要容易找到，所有的链接要有目标。网页还要符合人们从左到右、从上到下的阅读习惯。对于较长的页面，还应在底部设置一个导航。

4、页面协调性

网站页面的协调性能够影响整个页面所展示的视觉效果。将整个页面的所有元素都进行合理搭配、统一处理，最后形成一个和谐的整体，这样有利于提高用户体验。

5、打开速度要快

如果一个网站设计的再漂亮，打开的速度却很慢，也是无意义的。用户好不容易找到了感兴趣的内容，最终却因为迟迟打不开而放弃，这也是很多网站存在的问题。