网页设计中的用户界面设计原则

用户界面设计

设计原则:

1. 简洁大方，方便用户操作

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

2. 特色鲜明，符合景区主题

网站界面是体现一个网站特色的重要方面。网站界面的整体风格和整体气氛表达要同景区形象相符合并应该很好的体现该景区的文化内涵。只有符合景区主题的界面设计，也是具有“精气神”的艺术佳作。否则，只能是徒有其表，空洞无物。也只有界面设计特色鲜明，才能激发用户的激情和兴趣，令广大网友浏览往返。

3. 布局合理，易于功能实现

网页排版布局对于网站功能的实现至关重要。如果网页的布局凌乱，仅仅把大量的信息堆集在页面上，会干扰浏览者的阅读。因此，网页排版设计既不能过于死板，也不能过于花哨。一般在网页设计上要遵循Miller公式原理，即一般网页上面的栏目选择最佳在5～9个之间，如果网站所提供给浏览者选择的内容链接超过这个区间，人在心理上就会烦躁，压抑，会让人感觉到信息太密集，看不过来，很累。如果内容实在过多，超出了9个，需要进行分组处理。

设计思路：

1. 视觉平衡

网页设计时，也要各种元素（如图形、文字、空白）都会有视觉作用。根据视觉原理，图形与一块文字相比较，图形的视觉作用要大一些。所以，为了达到视觉平衡，在设计网页时需要以更多的文字来平衡一幅图片。另外，按照中国人的阅读习惯是从左到右，从上到下，因此视觉平衡也要遵循这个道理。一般情况下，每张网页都会设置一个页眉部分和一个页脚部分，页眉部分常放置一些Banner广告或导航条，而页脚部分通常放置联系方式和版权信息等，页眉和页脚在设计上也要注重视觉平衡。同时，也决不能低估空白的价值。如果网页上所显示的信息非常密集，这样不但不利于读者阅读，甚至会引起读者反感，破坏该网站的形象。在网页设计上，适当增加一些空白，精炼你的网页，使得页面变的简洁。

网页设计的形式及原则

网页设计的形式及原则

页面布局是指以最适合用户浏览的方式将图片和文字排放在页面的不同位置。

1.页面布局的形式 (1)"T”形结构布局

"T”形结构布局是网页设计中应用较广泛的一种布局方式，通常页面顶部为网站的标志、广告条、主菜单等，右侧或左侧有一列边栏，然后另一侧是很宽的正文，这种布局形式的页面结构清晰，主次分明，但容易给人一种规矩呆板的感觉。

(2)“口”形布局

通常页面最上边是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列几小条内容，中间是主要部分，最下边是网站的一些基本信息、联系方式、版权声明等。这种布局形式充分利用了版面，信息量大，但页面往往比较拥挤，不够灵活。

(3)“川”形或“三”形布局

“川”形布局页面被垂直划分为若干栏，一般分为三栏或四栏，在页面的顶部是标志栏或广告栏等。而“三”形布局页面被水平划分为若干栏，色块中大多放广告条。

(4) POP布局 POP布局形式的页面大部分内容为精美的图片和一些小的动画，再放置儿个简单的链接;或采用Flash动画形式作为页而的设计中心。这种布局形式漂亮吸引人，但浏览速度较慢，常用于时尚类网站。

(5)标题正文型布局

标题正文型布局通常在页面最上边是标题或类似的一些内容，卜边则是正文内容。商务网站的一些政策页面、帮助文章页面或注册页面等常采用这种类型。

(6)框架型布局 框架型布局形式包括左右框架型布局、上下框架型布局及综合框架型布局等形式。

在左右框架型布局中，一般左侧是导航链接，有时最上边会有一个小的标题或标志，右侧是正文内容。这种布局形式结构清晰、一目了然，常用于大型论坛及企业网站的页面。

上下框架型布局形式与左右框架型布局类似，区别仅仅在于是一种上「分为两页的框架。

综合框架型布局是一种相对复杂的框架结构，通常结合了左右框架型和上下框架型的布局形式。

网页设计

知识点：

企业网站对企业开展电子商务是必需的。

网页设计的要点是设计第一，技术其次。

设计原则：

1明确建立网站的目标和用户需求

建设网站的目的是开拓国际市场，向外国用户宣传公司的产品；不限于物流公司，所有会用

到公司产品的公司都是客户；网站的目的受众以业务人员、技术人员和管理人员为主；企业

产品适合的表现方式为：简介，高效。

2网页设计总体方案主题鲜明

整体设计方案，整体风格特色，组织结构。

调动一切手段表现站点的个性和特色。

3网站的板式设计

网页设计作为一种视觉语言，特别讲究编排和布局。

4色彩的运用

色彩运用要和谐，均衡，重点突出。

5形式与内容相统一

形式应当为内容服务。

6三维空间的构成和虚拟现实

7利用多媒体功能

由于网络宽带的限制，使用多媒体功能表现网页时要考虑客户端的传输速度。

8结构清晰，便于使用

用醒目的标题或文字来突出产品与服务。

9导向清晰

10快速的下载时间

尽量避免使用过多的图片和太大的图片。

11非图形的内容

不要过度装饰，应用巧妙设计的Java动画可以用很小的容量使图形或文字产生动态的效果。

12方便的反馈和订购程序

13网站测试和改进

网页设计现状及实战技巧

1垃圾还是经典

网页技术更新很快，不管垃圾还是精品，都没有所谓经典。所谓经典，只存在于是哪

个首次成功创新性的应用。

2国内网页设计环境

一个弱化的界面更能强化显示功能，使人方便使用。

3什么是好的网页设计

A内容和功能决定表现表现形式和界面设计。

在进行设计之前和客户做好沟通，充分获取信息。

B界面弱化

弱化界面，突出功能。能在1秒之内让客户明白的东西绝不让客户用2秒去领会，注

重浏览顺序和功能分区。

C模块化和可修改性强

即清晰又保证美观的字体字号有：

宋体 12px | 宋体 12px 粗体 | 宋体 14px | 宋体 14px 粗体 | 黑体 20px |

verdana 9px | Arial Black 12px+

网页设计中的色彩搭配原则

网页设计中的色彩搭配

自然界中有好多种色彩，比如玫瑰是红色的，大海是蓝色的，桔子是橙色的……但是最基本的有三种(红，黄，蓝)，其它的色彩都可以由这三种色彩调和而成。我们称这三种色彩为“三原色”。现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列。其它的色彩都属于彩色。任何一种彩色具备三个特征：色相，明度和纯度。其中非彩色只有明度属性。色相，指的是色彩的名称。这是色彩最基本的特征，是一种色彩区别于另一种色彩的最主要的因素。比如说紫色，绿色，黄色等等都代表了不同的色相。

明度，也叫亮度，指的是色彩的明暗程度。明度越大，色彩越亮，比如一些购物，儿童类网站，用的是亮丽的颜色，让人感觉绚烂多姿，生气勃勃;明度越低，颜色越暗，主要用于一些游戏类网站，充满神秘感;一些个人站长为了体现自身的个性，也可以运用一些暗色调来表达个人的一些孤僻，或者忧郁等性格。

纯度，指色彩的鲜艳程度，纯度高的色彩纯，鲜亮;纯度底的色彩暗淡，含灰色。

暖色，如黄色，橙色，红色，紫色等都属于暖色系列。暖色一般用于购物类网站用以体现商品的琳琅满目，用于儿童类网站表达活泼，温馨等效果。

冷色，如绿色，蓝色，蓝紫色等等都属于冷色系列。冷色一般应用于一些高科技，游戏类网站，主要表达严肃，稳重等效果。一个网站要想让人看上去舒适协调，除了文字、图片等内容的合理排版，恰当地进行色彩搭配是非常必要的。

色彩搭配既是一项技术性工作，同时它也是一项艺术性很强的工作，因此，设计者在设计网页时除了考虑网站本身的特点外，还要遵循一定的艺术规律，从而设计出色彩鲜明、性格独特的网站。

一个网站如果只运用一种颜色，会让人感觉单调，乏味;但是如果将所有的颜色都运用到网站中，就让人感觉轻浮，花哨。一个网站的用色必须要有自己独特的风格，这样才能显得个性鲜明，给浏览者留下深刻的印象。

网页设计虽然属于平面设计的范畴，但它又与其它平面设计不同，它在遵从艺术规律的同时，还考虑人的生理特点，色彩搭配一定要合理，给人一种和谐、愉快的感觉，避免采用纯度很高的单一色彩或者多种拼凑色彩，这样容易造成视觉疲劳。