企业网页设计有哪些原则

对比就是利用异质元素的并置产生差异，更鲜明地突出各元素的个性特性，缺乏对比的画面的平淡、乏味的，是没有吸引力的。下面介绍企业网页设计有哪些原则，希望对您有帮助。

企业网页设计有哪些原则

一、对称与均衡

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

二、重复、相似和变异

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

三、节奏与韵律

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

四、网页中的对比

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

五、网页中的调和

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

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

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

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

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

网站网页设计原则

(1)网页命名要简洁。一个网站一股来说不只由一个网页组成，它有许多于页面，为了能使这些页面有效地铰链接起来，网页开发者最好结这些页面起一些有代表性的而且是简洁易记的闯页名称。这样既会有助于以后方便地管理网页，又会在向搜索引擎提交网页时更容易被别人检索到。

(2)确保页面的导览性好。不要主观地认为用户和网站开发人员一样了解该企业网站，所有的用户在寻找信息方面总会存在困难，因此他需要所浏览的企业网站的支持，以便有很强的结构感和方位感。一般来说，网站应提供一个关于本站点的地图，让用户知道在哪儿以及能去哪儿。而且，如果能够让用户在主页上以关键字或词语查找所需的信息，肯定受用户欢迎。所有页面从头至尾都要使用导航标识，尤其是要是“返回到首页”链接。如果是图像导航按钮，那么要有清晰的标讥让人看得明白，千万别只顾视觉效果，而让用户不知东西南北;如果是文本导航，则其铵接颜色最好是约定俗成的：未访问的用蓝色，访问过的用紫色或栗色。应使文本链接和页面上其他文字有所区分，给用户一个清楚明白的导向。

(3)网页要易读。这就意味着需要规划文字与背景颜色的搭配方案。注意不要使背景的颜色冲淡了文字的视觉效果，也不应该用太复杂的色彩组合，让用户很贺劲地浏览网页。此外，网页的字体、大小也是需要考虑的因素。

(4)合理设计视觉效果。视觉效果对于网页来说是相当重要的成分，它主要体现在网贝结构和排版上。要善用表格来布局网页，不要把一个网站的内容像做报告似的一二三四地罗列出来，要注意多用表格把网站内容的层次性和空间性突出显示出来，佼人一眼就能看出网站的重点所在。不要在页面上填满图像来增加视觉趣味，应尽可能多地使用彩色因点，它们较小并能为列表项增加色彩活力，此外彩色分陷条也能在不扰乱带宽的情况下增强图像感。

(5)为图片添加文字说明。给每幅图像加上文字的说明，在图像完全显示之前就可以看到相关内容，尤其是导航按钮和大图片—E应如此。这样一来，当网络速度很慢不能把图像下裁下来时，或者用户在使用文本类型的浏览器时，照样能阅读网贝的内容。

(6)不宜使用太多的动画和静态图片。在进行网页设计时要确定是否必须使用凹动画或Fb5h插件，如果可以不用，就选择使用静止的图片，因为它的容量要小得多。如果不得不在网站上放置大的图像，最好使用图像缩微图，样用户就不必浪费金钱和时间去下裁他们根本不想看的大图像。不要使用横跨整个屏幕的图像，要避免用户滚动屏幕。此外还要确保动画、静态图片和网页内容有关联，它们应和网页浑然一体，而且至表现一定的网页内晚而不是空洞的。

(7)页面长度要适中。一个长的页面的传输时间耍比短的页面的传输时间长，太长的页面传输会使用户在等持中失去耐心，而旦为了阅读这些长文本，浏览者不得不使用滚动条，很多用户厌恶在闻页上使用波动条，调查表明只有1毗的用户台上下移动文本观看屏幕显示范围之外的信息。如果有大旦的基于文本的文档，如企业的合同、财务报表、产品的使用说明书等，就应当以AdbbeAd加M格式的文件形式来放置，以便企业用户陷离线阅读，从而节省宝贵的时间，或将所有关镍的内容和导航选项置于网页的项部。

(8)Java程序少用为宜。不要使用大幅面的Java程序，能够用JavaScript替代效果的则尽量不要使用Java。因为目前来讲Java的运行速度还是比较慢，往往使浏览者没有耐心等待页面全部显示出来。

(9)整个页面风格要一致。网站上所有网页中的图像、文字，包括背景颜色、区分线、字体、标题、注脚等，要统一表现风格，这样用户在浏览网页时会觉得舒服、顺畅，会对该网站留下一个深刻的印象。

(10)计数器能不用最好不用。由于计数器也是由程序设计成的，显示计数器的过程其实就是执行一个程序的过程，它需要tb用用户宝贵的上网时间，况且大多数浏览者认为计数器毫无意义，它们很容易被做假。因此笔者建议不要轻易考虑在企业电子商务网站上放置一个醒目的点击计数器，企业设计网站是为了给用户提供服务，而不是推销一些不重要的内容。

(11)尽量使用相对超级镀接。在制作因缘或文本超级链接时，尽可能地使用相对超级链接，这是因为这样制作的网页的可移植性比较强，例如把一组源文件移到另一个地方时，相对路径名仍然有效，而不需要重新修改链接的目标地址。另外，使用相对超级链接时输入量也较少，在同一页的链接项当然应该使用相对地址，因为使用绝对地址后可能会每选择一个链接都要把该页重新装载一次。如果是链接到不直接相关的文件时，使用绝对路径比较好，这样以后要是把源文件移到另外的目录下就不需要更改链接了。最后，要保证超链接直观有效，以便使用户能够很快地找到其想要的东西，最好每一页同样的位置上都有相同的导航条，使浏览者能够很直观地从每一页上访问网站的任何部分。

(12)不要滥用尖端技术。在网页开发中，要适当地使用新技术，但不要过多地使用最新的网站开发技术，因为企业电子商务网站的主流用户关注更多的是网站有无有用的内容和企业提供优质服务的能力。使用最新和最棒的技术有可能会打击企业部分用户访问网站的兴趣和积极性，因为如果用户缺乏合理使用新技术的经验，加上用户系统太慢而导致在访问网站期间崩馈，那么他们将不会再来。另一方面，最新的网站开发技术还存在用户浏览器的版本文持问题，有些较低版本的浏览器还不能支持当前最新的闻站开发技术。

网页色彩的设计原则

1.与网站主题相协调

不同的色彩有不同的象征意义，给人的心理感受也不同。网页的色彩设计要有针对性，应体现出自身的特色。如政府部门的网页风格应有庄重感，呈现宁静、严肃、高雅的氛围，以冷色调为宜;电子商务类网页可以通过红色、橙色、黄色等暖色调的搭配，呈现温馨、和煦、热情的氛围;蓝色给人的心理印象是崇高、深远、广大而睿智，为高科技企业网站所钟爱;保健类的网站不宜大面积地采用刺激性强的大红、黄和橙等色彩，因为它们易造成人们心理上的紧张感和恐慌感，而绿色象征生命与希望，给人健康、安全的感觉，适宜作为保健类网页的主调色。

2.个性鲜明

在网站云集的互联网上，网页的色彩只有与众不同、有自己独特的风格，才能显得个性鲜明，给浏览者留下深刻的印象。尤其在同类网站中，网页的色彩不但要符合此类网站的用色特点，还要有其独到之处。网页设计是一种艺术活动，只有按照内容决定形式的原则，大胆进行艺术创新，才能设计出既符合网站主题，又有一定艺术特色，风格独特、个性鲜明的网页。

企业网页设计有哪些原则

3.与浏览者的审美情趣相统一

由于地域、民族、宗教信仰、生活环境、年龄、性别、文化修养等存在差异，人们的审美角度、审美能力也有很大差别。不同的浏览者对色彩的联想和理解不会相同，对色彩的喜好也不一样。网页设计师要尽可能地采用符合浏览者审美倾向的色彩，以使其产生共鸣。如针对儿童喜欢对比强烈、个性鲜明的纯色，儿童网站应采用红、黄、蓝、绿等对比鲜明的色彩，以营造活泼、愉快而富有童趣的视觉效果等。

设计师要适当关注流行色的发展。流行色是特定时期内社会风行的时髦色彩，是一种时尚色、鲜活色，具有很强的诱惑力和冲击力。若能抓住浏览者紧跟潮流、追赶时尚的心理，适时地选用流行色作为网页的主色调，必定能产生良好的传播效果。

4.便于阅读识别

人们从物理、生理、心理、化学等多角度对色彩进行研究后发现，色彩的美存在于各色彩的相互关系中，这种相互关系就是色彩的对比与和谐。色彩的对比包括明度对比、纯度对比和色相对比。最能引人注意也是运用得最为普遍的色彩对比，是色相对比中的互补色或冷暖色的对比。色彩的和谐是指色彩在对比关系中能给人造成既鲜明又协调的视觉感受。

网页色彩设计还要注意文字与背景色彩的明暗对比，文本要易读，图像要易于识别，以使人们在浏览大量网页信息的时候，减少屏幕刺激，减轻视觉疲劳。

5.有一定的延续性

网页色彩要保持用色的延续性。虽然网页的信息会不断更新，网页的版式也会定期修改，但网页色彩的基调和风格一旦形成后，不宜大幅或频繁地改换，而应保持一定的延续性，这样才能使浏览者迅速识别且印象深刻。但为了保持新鲜感、提高吸引力，也应小范围地对网页色彩的明度、纯度进行适当的调整和变换。

网页UI设计应遵循哪些原则

今日的网站已经不单单只是人们查询资料的工具，它已糅合了多种功能于一身，在网站为人们的学习、生活、工作、娱乐提供越来越重要的信息时，人们都它的要求也与日俱增，对界面的要求也不仅仅是停留在美观上。就此，本文简单的谈一谈网页UI设计。

一、认识UI

(一)用户研究

用户研究包含两个方面：一是可用性研究，研究如何提高产品的可用性，使得网站界面的设计更容易被人接受、使用和记忆;二是通过可用性的研究，发掘用户的潜在需求，为技术创新提供另外一条思路和方法。

(二)交互设计

这部分指人与机之间的交互工程，在过去交互设计也由程序员来做，其实程序员擅长编码，而不善于与最终用户交互。在使用网站的过程中最能给浏览者留下深刻印象的一定是网站的视觉因素，也就是我们所谈论的网站界面。

(三)界面设计

在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实网站界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为网站创造卖点。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。

二、界面设计的构成元素

(一)文字

从网页最初的纯文字界面发展至今，文字元素作为网站内容传达的主体，文字有着其他任何元素无法取代的重要作用。首先是文字信息符合人类的阅读习惯，其次因为文字所占存取空间小，节省了下载和浏览时间。网页中的文字主要包括标题、信息、文字链接等形式。文字作为占据页面重要比率的元素，同时又是信息重要载体，它的大小、字体、颜色和排布对页面整体设计影响极大。

(二)图形

在大多数网页中，图形占据了重要的位置，有的甚至是全部页面。图形往往能引起人们的注意，并激发阅读兴趣，合理的运用图形，可以生动直观、形象地表现设计主题。网页中常用的图形格式包括JPG、GIF和BMW。图形元素包括标题、背景、主图、链接图标四种。以图像作为标题和链接可以使网页具有更好的视觉效果，配合文字增强生动和形象性。

(三)色彩

一个网站不可能单一的运用一种颜色，让人感觉单调，乏味;但是也不可能将所有的颜色都运用到网站中，让人感觉轻浮，花俏。一个网站必须有一种或两种主题色，不至于让客户迷失方向，也不到于单调，乏味。所以确定网站的主题色也是设计者必须考虑的问题。

三、UI界面布局

(一)视觉顺序

视觉流程的形成是由人类的视觉特性所决定的。心理学的研究表明，在一个平面上，上半部让人轻松和自在，下半部则让人稳定和压抑。同样，平面的左半部让人轻松和自在，右半部让人稳定和压抑。所以平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”，也就是最优选的地方。

在网页的编辑设计中，视觉导向是一个要点，网页的设计是一种创造，首先要立足信息的传达，但又要符合人们较为普遍的思维习惯，做到视觉流程自然、合理、畅快。成功的视觉流程安排，能使网页上的各种信息要素在一定空间内合理分布，能使页面上各信息要素的位置、间隙、大小保持一定的节奏感和美感。

(二)界面布局原则

平衡原则。注意屏幕上下左右平衡。不要堆挤数据，过分拥挤的显示也会产生视觉疲和接收错误。

预期原则。屏幕上所有对象，如窗口、按钮、菜单等处理应一致化，使对象的动作可预期。

经济原则。即在提供足够的信息量的同时还要注意简明，清昕。特别是媒体，要运用好媒体选择原则。

顺序原则。对象显示的顺序应依需要排列。通常应最先出现对话，然后通过对话将系统分段实现。

规则化。画面应对称，显示命令、对话及提示行在一个应用系统的设计中尽量统一规范。