网站用户界面设计与表现分析

孙丹

摘 要 基于用户界面设计思想，阐述网站开发制作中的要点，在界面设计中导航与图标的设计要点，达到提升网站用户体验度的目的。

关键词 网站；用户界面；用户体验

中图分类号：G712 文献标识码：B

文章编号：1671-489X（2016）21-0033-02

在网站的设计与开发中，一个良好的界面设计能够给用户带来良好的用户体验。对用户体验度的关注度在逐渐提升，从最初提出用户体验的时代，到将用户体验以技术方法进行呈现，经历多年的历程。UI（User Interface，用户界面）设计的应用是将用户体验思想实践落实，是将用户体验思想通过网站的导航、界面、图标、色彩等表现层的设计，逐一应用理论并结合技术层面进行实现，是用户体验思想的一种显性表达。

1 什么是界面？

界面是一个窗口，界面设计是开发中最重要的方面。对于应用软件来说，用户界面对用户的应用十分重要，用户通过界面可以使用该软件，并且希望界面比较简单、便于使用。图形用户界面是当前用户界面的主流，当前各类图形用户界面具有的一个相同点就是应用的窗口使用键盘和鼠标作为输入设备。目前界面设计领域已经开展到移动端，移动端的界面设计原则有别于PC端。但是无论是基于哪种设置，良好的界面设计是同样重要的。

2 软件界面设计的前期准备工作

在制作一个项目设计前，应该先确立好设计的主题。比如：一个图书管理系统软件的主题就是“图书管理”，远程教育系统的主题就是“远程教育”。于是软件界面的设计就要围绕主题来进行，让用户一看软件的界面，就知道这个软件是做什么的。不能让软件的界面与软件的主题相差太多，如果一个电脑硬件管理系统的界面上都是和电脑无关的东西，如花草、山水，就不能反映该软件的主题与功能，那么，这个软件的界面就是失败的。

美工作为界面美化的主要人员，不但要拥有艺术设计、包装设计的才能，还应该穿插整个项目，给界面程序设计人员提出系统参考意见。

3 确定界面设计原则

确定界面类型时，需要考虑多方面的因素，如用户的自身特性、系统的成本/效益、环境、系统任务等。这时，在着手进行软件界面设计前，必须在心里有一个轮廓，对要设计的软件的功能有所了解，同时对该软件的界面设计有成形的构想，还要遵守界面设计的原则。

1）一致性原则。一致性主要体现在软件的显示方式和概念模式的一致性，并且在类似的情况下具有一样的操作序列，如在帮助、提示及菜单中产生相同的术语，具体是指在不同的应用系统中具有相似的布局、相似的外观界面、相似的信息显示及相似的交互方式等。界面设计保持高度一致性，这样用户使用不同的软件时可以掌握软件的共性，将局部的经验和知识推广到其他场合。界面设计的一致性要求对于用户的软件应用十分重要。

2）控件的使用、提示信息窗口风格、颜色、信息措辞做到一致，遵循统一的标准。这样做具有以下优势：

①通过一致的界面风格，可以让用户建立起一样的心理模式，对于一个界面使用熟练之后，切换到下一界面，用户也容易使用，容易理解语句，推测出界面的各种功能；

②给用户统一的感觉，不觉得混乱，而是心情愉快，支持度增加。

用户界面简称为UI，通过对UI进行设计，其设计内容包括软件的操作逻辑、人机交互、界面美观的整体设计。好的UI设计让软件变得有个性、有品位，并且操作简单、舒适、自由，充分体现软件的特点及定位。人机交互，即人与设备之间的交流，UI设计在设备之间成功地充当了翻译的角色。

4 网站中UI的重要地位

网站的设计与开发不仅要适用于PC机的模式使用，更要适用于移动设备使用，使两者的操作都具有良好的用户体验。这就给很多网站的UI设计提出很高的要求，同时也凸显出UI在当前网站中的重要性。网站最大的门槛就是取得用户信任，而UI设计直接影响用户的体验和网站的形象，用户考察一个网站是否有实力，是否是正当网站，UI是首要因素。一个网站UI做得好，可以让网站的形象在用户心中得到提升，而且能让用户得到浏览的体验，甚至能决定一个网站的转化率。

5 UI设计在网站设计中的体现

UI设计的成功之处就是为网站带来比较高的浏览量与转化率。对于很多网站平台的建立，UI的设计不仅体现在其从界面所表现的色彩、样式上，还体现在导航系统设计、图标设计、不同类型网站的风格定位等方面。

导航的设计与使用 构成网站导航的是网页中的焦点元素，它们让用户清晰直观地找到自己想要的东西，引导用户去寻找网站上最重要的信息，以达到销售或者查询等目的。导航设计并没有一个统一的设计方法，每个网站由于其目标、需求、设计手法、运营等诸多因素影响，导致它们在导航设计上千差万别，但是导航设计还是有基本的规律和原则的，确保组织架构的可靠性。

1）确定信息架构。信息架构是合理的组织信息的展现形式，支撑起网站内容的骨架。信息架构的主要任务是为信息与用户认知之间构建一座畅通的桥梁。更重要的是，要从用户的角度来看待网站内容，从一个用户的角度去看待一个网站的信息需求。对针对页面信息的完整性、连续性、可靠性等问题进行解决，明确网站所要达成的目标，针对网站的用户群去解决登录、订阅等逻辑问题。

2）保持简单的风格。绝大多数的网站浏览者可能会一致认同这一点：网站的导航区域要尽可能设计得简单。的确，复杂而拥挤的导航会阻碍网站的整体可用性。

图标的设计与使用 对于用户接收的信息而言，相对于文字信息的表现，图像的信息表达能力要远远大于文字，在有限的时间和空间里，把界面中精彩的文字描述转化为一个简练而意义明确的图标，就成为满足用户需求的有效途径。更深一步，图标的应用让整个界面与人之间的交互更便捷，使情感化设计和人性化设计得以回归。在各种终端交互界面中，图标不仅起到代替文字描述以节约空间的作用，不仅是一种装饰图形与符号，更重要的是它发挥着交互性、情感化、指代性、隐喻性等作用。人机界面交互中，一个小小的icon（图标）是减小用户阅读负担，实现界面友好性、界面情感化等交互目的的重要途徑。

1）图标遵循的设计原则。图标在设计与运用上要形象，语言要单一，表现要概括，提取图像中不可或缺的元素去表达；在构图上要饱满，图像空间占有率要在75%以上，从视觉上要一样大；形象造型上体积要丰满，来增加构图的识别性，太复杂会降低图标的识别度；在用色方面，前景色与背景色要有足够的反差，用明暗的反差、冷暖的反差去对比表现。当用两个形象语言表达一个图标时，要有主次，不能同等对待。

2）图标设计的四要素。

①达意性。图标要清楚地表达设备要处理的功能，图标的核心价值是传达功能含义。

②概括性。在图标的表现中，可有可无的东西不能太多，不是原始图像的直接使用，要过滤掉可有可无的元素，对凸显其特征的内容进行展示，从现实生活中提取物品最典型的特点进行创作。

③可用性。所有的设计都要具有可用性，图标设计与制作的本质是要最终运用到程序和网站中。可用性的应用包括了可识别性和可开发性，图标在任何设备环境下都能够被用户所识别，所设计的图标能真正地运用于实际的网站中。

④情感性。图标的设计与使用要贴近用户的生活、经验、情感，使用户具有亲切感，增加用户对网站的信任，提升用户体验。

图标的风格要统一 在一个网站上运用的图标，其风格定位要统一，要从形状与取向的统一、透视的统一、光线的统一、材质的统一、色彩的统一等方面对图标进行定位，以保证网站风格的统一性。

6 展望与发展

UI设计是一个新兴的设计领域，是高于平面设计之上的、基于用户体验的设计思念理论而形成的一门专门的学科，并且随着人们对用户体验的关注程度越来越高，对UI设计的要求也会逐步增高。UI设计的应用领域也会随着移动端技术的不断成熟与发展，越来越广泛地扩展到人们的生活中。参考文献

[1]于松翠.基于用户体验的网站界面设计研究[D].西安：西安工程大学，2013.

[2]黄晓斌，邱明辉.网站用户界面设计模式语言的比较研究[J].现代图书情报技术，2011（10）：12-17.

[3]杨佩佩，华薇娜.电子商务网站用户界面的比较与分析[J].科技情报开发与经济，2008，18（30）：155-157.