论网站UI设计和用户体验.docVIP

论网站UI设计和用户体验 　　【摘 要】用户界面UI是人与机器之间的交互关系， UI设计是在网站结构设计的基础上，参照目标用户的心理和使用习惯，不断为用户设计满意视觉和使用效果的过程，以达到获得最佳用户体验的目的。本文针对网站的UI设计与用户体验感受进行了相关的论述，探讨了这两方面的重要性。 　　【关键词】网站设计；UI设计；艺术设计；用户体验；人机交互 　　0 引言 　　当今社会是信息社会，互联网技术的飞速发展，给人们的生活方式带来了巨大的改变。网络已成为人们获取信息的主要途径，网络信息传播的载体是网站，网站类型多种多样，展示，但是他们都有一个共同的特点，就是通过网站内部模块、图文信息、服务方式等将信息传达给人们，如此多种类型的网站，究竟什么样的网站才更适合人们获取准确、清晰的信息，这就关乎到网站界面的UI设计。 　　1 网站界面UI设计的定义 　　（1）网站：网站是一种展现现代科技网络技术的新式工具，它可以由多个网页集成在一起构成一个站点，在站点上可以放置一些有用的或是需要让用户浏览的信息。 　　（2）网站界面：网站界面是网站呈现给人们的非常直观的一种版面，界面的内部设有许多信息模块，模块包含有图片、文字、音像等等内容，人们就是通过这些信息模块来获取信息，从而将信息应用到人们的各种生活活动当中。 　　（3）UI设计：UI是用户界面User Interface的英文缩写，UI设计是指在设计上实现软件界面与人的交互操作，并且将其效果实现的更加合理、更加人性化，从而满足人们在体验操作界面上的心理需求。 　　2 网站界面的功能介绍 　　当我们打开一个网站（一个网站包含着许多个网页）的时候，就会看到有图片、文字、音频、动画等许多模块组成的版面，称之为网站中网页的界面。不同的模块包含着不同的信息内容或服务，这是一种传递信息的方式。当然，一个网站又不止一个网页集合而成，每个网页上又有许多链接可以进入不同的网站或是本网站的一个子网页，不同的链接又可以进入不同的功能界面，感受不同的操作体验。 　　一个完整的网站包含着网站整体结构的布局、网站展示的背景色调、网站的LOGO、导航条、广告、图文信息、图文链接、子网页、后台管理、公司或企业注册信息、网站版权等内容。 　　2.1 网站的结构布局与视觉感受 　　网站的结构布局与视觉感受对一个网站是否被关注起着至关重要的作用。例如一个网站的首页如果结构布局凌乱不堪，视觉感官令人厌烦，那么将会造成浏览者对其关注的吸引力下降，甚至根本就不会接着浏览该网站所展示的信息，这不仅将会使公司或企业损失一位客户，并且还会造成极大的负面影响，给公司或企业的形象带来损害。因此，结构布局的合理性，视觉感官的舒适性必将是一个网站成功与否的关键，这就关乎到网站界面UI设计的技术性与结构布局的逻辑合理性。 　　2.2 网站的logo 　　网站的logo是网站的标志，网站logo的设计也要符合一定的要求，比如易识别性、与公司的关联性、美观性等条件。它好比人的面貌气质，透漏着一个网站的整体信息与形象，因此logo的设计同样重要；界面导航条好比生活中城市街道的指路标，导航条内容的清晰度、准确性、操作简单易用性同样关乎着一个网站的整体质量，是每一个网站都不可缺少的重要结构之一。 　　2.3 广告 　　每个网站的页面都会呈现企业或公司的宣传广告或是公司理念，特别是商业性质的网站会有关于产品或服务的广告，这些广告给人以一种直观、易懂的画面，从整体上网站页面的动感，从而吸引浏览者对网站的关注；网站内部的图文信息也起着非常重要的作用。 　　3 网站界面UI设计 　　包括各类设计元素：颜色、布局、菜单、图标以及各种鼠标动作等。它是技术与艺术的结合。由前期设计师把网站界面设计后，再由后台程序员通过代码、数据库等技术辅助实现的效果。 　　3.1 网站界面UI设计应具备的条件 　　3.1.1 前后结合 　　设计师：熟悉设计软件，有一定的艺术设计和切图能力 　　程序员：熟悉CSS＼JAVA等程序语言，能够准确的将设计师的设计稿100%还原为HTML文件。 　　3.1.2 色彩运用 　　色彩在网页布局与设计方面所表现出的重要性也不可忽视，它能够使网页更具活力，更能体现出网页精彩的一面，能使人感到愉悦舒适，并能烘托出网页主要信息的整体与协调性。色彩布局合理，整个网页表现的才更加完整。关于色彩对网页的重要性有许多方面，不同的颜色有不同的含义，也象征着不同的意义，对于不同的网站又要有不同的色调，色调搭配合理，布局设计感强，才能将整个网站表达的更为成功。 　　3.1.3 软件应用 　　网站界面UI设计所需软件如下表1所示： 　　3.2 网站界面UI设计的流程 　　3.2.1 确定网站主题和目标用户