基于网页设计中UI界面的应用

文/樊鸿烨 关玉欣

随着互联网技术的发展，网络已成为人们获取信息的主要途径，网络信息传播的载体是网站，而网站的特点，就是通过网站图文信息、服务方式等将关键信息传达给人们。在新媒体技术的影响下，网页UI设计便成为了用户浏览体验的重要影响因素。对网页设计中的UI界面应用问题进行探究，有助于互联网技术的发展进步。

1 UI界面设计的设计原则

UI是用户界面（User Interface）的简称，UI界面设计主要指的是软件操作逻辑与界面美观的整体设计。合理化的UI设计不仅可以展示出软件的自身特色，也可以让软件操作过程呈现出舒适化、简单化与自由化的特点，根据计算机技术的发展现状，以下三点成为了UI界面的主要设计原则。

1.1 轻量感

轻量感可以让用户在处理严肃复杂的信息时，仍然有适当的轻松愉悦感受。例如，去除繁杂的样式，使用更轻盈的转场效果等。

1.2 指引性

人性化的指引能够帮助用户更加明确和深入的处理信息。例如辅助的名词解释，插图辅助等。

1.3 可靠性

一个稳定的网页界面能够给用户带来可靠的感觉，例如，在颜色等视觉表现上提供给用户稳定而又专业和可靠的感受。

2 UI界面在网页设计中的视觉信息传达

网页设计是利用让用户感觉合理的字体样式和色彩美化页面设计的过程。网页设计旨在让用户感受到完美的视觉体验，在UI界面设计方面，以下两点发挥着较为重要的作用。

2.1 UI界面文字应用

UI界面中的文字可以发挥出解释网页内容的作用。易读性与可读性是UI界面文字设计的基本要求。文字的易读性，要求UI界面的文字设计可以让用户更容易获取自己想要获取的关键词。文字可读性与网页界面视觉性有关，文字的排版、行距等内容均是文字可读性的影响因素。

2.2 UI界面的图片应用

UI界面的图片应用，对图片的质量和清晰度具有较为严格的要求。一般情况下，图片的排版方式可以分为下张预览、幻灯片展示和大图平铺等多种方式，图片内容需要与网页的宣传内容相吻合。

3 UI界面在网页设计中的用户体验与人机交互效果

3.1 网站的结构布局

网站的结构布局对一个网站是否被关注起着至关重要的作用。例如一个网站的首页如果结构布局凌乱不堪，视觉感官令人厌烦，那么将会造成浏览者对其关注的吸引力下降。下图所示的内容为优酷TV的结构布局。

根据图中所示内容，网站结构布局具有简洁化的特点。电影、电视剧、综艺视频等分区之间的界限较为清晰。用户可以在第一时间了解网站所提供的视频的主要类型，进而根据自己的需要，选择视频内容。

3.2 24色相环的配色原理

在网页设计中，色彩永远是最重要的一环。色彩是视觉信息传达的要素。进入一个网页的瞬间，首先进入视线的就是色彩，浏览者对网页的整体感觉印象就会固定下来，如同人与人之间第一次见面。红、黄、蓝，我们称它们为“三原色”，“三原色”是色相环的基础原色。把三原色等量的进行混合，就可以得到三间色；绿色、紫色、橙色。通过间色等量混合的复色，便构成了24种颜色的环，即24色相环。 如图2所示。

24色相环的配色原理分为：互补色，对比色，邻近色。

3.2.1 互补色

即“色相环”上相对的颜色，设计中搭配使用互补色，会产生冲突、刺激的视觉效果，是一种非常夺目的配色方案。当然互补色不要直接用，要用中间色中和一下，中间色就是没有感情色彩的颜色，如黑、白、灰。

3.2.2 对比色

即“色相环”上呈120°角的颜色，对比色设计方案虽然没有互补色那么刺激眼球，但是会体现一种豪华和华丽，让画面更加生动和有生机。

3.2.3 邻近色、同类色

邻近色是“色相环”上呈90°角的颜色，同类色是“色相环”上呈60°角的颜色，使用邻近色和同类色来做设计会使画面显得更加和谐、统一，给人舒适感。

图1：优酷TV结构图

图2：二十四色相环

4 结论

在互联网技术与新媒体技术的影响下，人工智能，虚拟现实等技术得到快速发展，人们在追求软件的功能强大且可靠的情况下，也开始追求界面所带的舒适视觉感。因此，UI设计开始从只重技术不重设计转变为二者兼顾。一个网站，在能够准确表达它要传达的意思的同时，需要给使用者良好的视觉感受和用户体验。所以，只有将技术和设计、良好的互动体验结合起来才能达到更好的效果，实现更合理的人机交互。而UI设计就是为了实现这些目的而服务的。因此，UI设计不仅是一种创意，更是科学技术与艺术设计相结合的产物。