谈网站界面设计(UI设计)

上世纪最伟大的发明莫过于互联网的发明，进入21世纪，互联网代表着一种崭新的信息交流方式，它使信息的传播突破了传统的政治、经济、地域及文化的阻隔，使信息传达的范围、速度与效率都产生了质的飞跃。如果把互联网比做一棵大树，那成千上万的网站则是组成这参天大树的枝条，而每个网站都是由诸多网页构成那么网页就是这参天大树上数不清的叶子，故网页是构成互联网的基本元素。我国这两年的网络发展非常快，每天都有数以千计的网站诞生，其中的网页数量更是成几何式的增长，然而关乎网站形象和浏览者用户体验的网站界面设计却不容乐观。除了一些大的专业网站在版面的编排上比较讲究之外，其他很少见到界面设计考究、美术创意优秀的中文网站。如何设计出美观（吸引受众眼球）的网页，如何用优秀的用户体验赢得受众的一次又一次的浏览仿佛一夜间就摆在了众设计师的案头。就此本文从以下几点讨论了关于网站界面设计所需要重视的问题。

一、认识UI
（一）什么是 UI ：
      UI的本意是用户界面，是英文User和　interface的缩写。

（二）什么是 GUI：
     Graphics User Interface 图形用户界面，也就是我们今天要主要研究的东西。

（三）什么是用户界面设计：
    在人和机器的互动过程中，最重要的一个方面就是我们所说的界面（。用户界面设计是屏幕产品的重要组成部分。大致界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。界面设计是一个需要多方面专业知识的工作，认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是：置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系，所以这样可分为3个方向，他们分别是：用户研究、交互设计、界面设计。
1.用户研究
用户研究包含两个方面：一是可用性研究，研究如何提高产品的可用性，使得网站界面的设计更容易被人接受、使用和记忆；二是通过可用性的研究，发掘用户的潜在需求，为技术创新提供另外一条思路和方法。用户研究是站在人文学科的角度来研究产品，研究用户的需要，站在用户的角度介入到产品的开发和设计中。对于设计师来说就是研究如何使自己的网站页面更收浏览者的欢迎
用户研究通过对于用户的使用环境、浏览习惯等研究，使得在网站界面设计的前期能够把用户对于网站功能的期望、对设计和外观方面的要求融入到网站的开发与设计过程中去。
2.交互设计
这部分指人与机之间的交互工程，在过去交互设计也由程序员来做，其实程序员擅长编码，而不善于与最终用户交互。在使用网站的过程中最能给浏览者留下深刻印象的一定是网站的视觉因素，也就是我们所谈论的网站界面。所以，很多的网站虽然功能比较齐全，但是交互方面设计很粗糙，繁琐难用，使用困难。如何使浏览者在使用网站时可以轻松自如的找到自己想要的资源，如何轻松实现网站的功能，给浏览者以愉悦的心情，拉拢浏览者下一次的登陆，这些都需要在网站的交互设计上下足工夫。
3.界面设计
在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实网站界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为网站创造卖点。如果把网站比做一个人的话，网站的后台编程好比人的骨骼与肌肉，而界面则是者个人的外表，人人都喜欢美人，同样有着良好视觉感受的网站界面也是网站拉拢人气的关键所在。网站界面是网站灵魂的外在表现，忽略网站的界面设计最终会使你的网站输在起跑线上。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。
（四）界面构成要素
互联网与传统媒体最大的不同就在于除了文字和图像以外，还包含声音、视频和动画等新兴多媒体元素，增加了网页界面生动性的同时也使得网页设计者需要考虑更多页面元素合理性运用。   
1.文字
从网页最初的纯文字界面发展至今，文字元素作为网站内容传达的主体，文字有着其他任何元素无法取代的重要作用。首先是文字信息符合人类的阅读习惯，其次因为文字所占存取空间小，节省了下载和浏览时间。网页中的文字主要包括标题、信息、文字链接等形式。文字作为占据页面重要比率的元素，同时又是信息重要载体，它的大小、字体、颜色和排布对页面整体设计影响极大。以文字排布为主的网页界面，只要文字排布得当，版面同样可以生动活泼，分类条例清晰，不会给人单调感觉。
2图形
在大多数网页中，图形占据了重要的位置，有的甚至是全部页面。图形往往能引起人们的注意，并激发阅读兴趣，合理的运用图形，可以生动直观、形象地表现设计主题。网页中常用的图形格式包括JPG、GIF和BMW。图形元素包括标题、背景、主图、链接图标四种。以图像作为标题和链接可以使网页具有更好的视觉效果，配合文字增强生动和形象性。主图与背景在装饰性上小有不同，背景是衬托主题，主图则是突出表现主题。主图是整个网页的视觉中心，它具有直观性强的特点，可以为单调的文字信息增强活力，不需要像文字那样去逐句阅读，可以不受文化水平的限制，能给人强烈的视觉信息。
3多媒体
随着网络硬件设备的日益完善，网页构成中的多媒体元素运用的也越来越多，主要包括音频、视频和动画。这些是界面构成中最吸引人的元素，好的多媒体元素不但可以增加网站的活力还可以有效的提高网站与浏览者之间的互动交流。