UI设计中的视觉表现分析.doc

1、UI 设计中的视觉表现分析【摘要】在社会科技不断发展的同时，用户界面设计（UI 设计）越来越受到人们的重视。UI 设计注重的是互动性设计、界面优化以及用户体验分析。目前，国内在 UI 设计方面的研究相对较少，而视觉表现相关的研究更是寥寥无几。本文从分析 UI 设计基本流程出发，通过分析 UI设计中的视觉表现，审核了 UI 设计的本质，让人们对设计的理解更为深入。 【关键词】UI 设计 视觉表现 用户体验 作为伴随互联网快速发展的专业，UI 设计在最近的几年才有了相对专业和规范的界定。就目前来看，虽然在国内高校中专门设置设计专业的不多，但 UI 设计却基本已经在各个高校内和行业内普及开来。 UI

2、 设计，即为用户界面设计，其具有比较广泛的范围和涉及较多的领域，已经成为一种通用的重要设计专业。网络已经成为人们生活中不可或缺的一种技术资源，因此网页的 UI 设计也变得越来越重要，比如一些大型网站企业都会有专门负责 UI 设计的工程师。在手机端，UI 设计也有举足轻重的地位，UI 设计能够作为一种有效的市场推广手段在市场推广和整体用户体验中占据优势。 一、UI 设计基本流程 智能化是当前社会发展的主要方向，不仅体现了科技发展的进步，也表现了人们对高效率、人性化用户的需求。用户在体验产品时，除了功能上的验证，也开始注重产品的参与感和体验的满足程度。 在进行 UI 设计时，设计和评估是两个主要工

3、作。整个设计过程中根据用户的需求，先进行总体的概要设计，然后再细分为每个子模块进行单独设计。评估和设计，在人机交互以用户为中心的设计和评估里有比较专业的定义，主要强调以用户为中心。UI 设计开发分为用户分析、评估、开发三个步骤。UCD（以用户为中心的设计）能够根据实际的用户需求，在保证设计原则的前提下，实现 UI 设计的最初目标，是一种比较先进的技术。UCD 设计中反复地进行多次设计和评估，与迭代模型相似，让用户参与到设计当中，在设计的同时分析用户的需求，防止偏离用户体验。 二、用户视觉交互的体现 完成一个项目，首先必须明确项目的需求，然后设法去满足这个需求，并且在完成需求后，根据需求结果所反

4、馈的信息进行后续的相关任务。人们在接触事物时，通常会产生物感以及行为感，这种与行为有关的感知信息通常被称为信息感。 在现实生活中，获取上述物感和行为感的方式除了听觉和触觉以外，视觉是最有效最快速的方式之一，并且通过视觉能获取更多特定的信息，比如颜色差异，作为人类本能的一部分，人们会通过视觉来获取外界信息，因此开发人员应当重视视觉相关的设计，以满足用户最根本的需求。人们通过视觉获取到相关信息后，会进行信息的分析和处理，比如人们会自动解析从显示界面获取到的图片信息，当不能从图片中获得足够内容时，人们会通过想象、听取意见等其他方式来指导自身的分析。因此从用户的角度出发，特别是对于新用户，应该向其提供

5、足够的帮助文档说明或尝试解决的方法。设计师通过构建合理的信息结构，满足用户能够获得足够的信息需求。 三、用户交互视觉设计 UI 设计已经经历了 30 多年的发展，从一开始的命令行界面，到后来的图形界面形式并慢慢发展成直接操作界面和多媒体界面等，设计也衍生了多种不同的风格形态，已经从抽象写实转变为扁平化和可视化设计。设计师们开始关注 UI 中的一些细节、交互以及情感，同时结合 UI 设计的主流思想当中，不断完善和创新。 （一）视觉效果改革 Win8 是微软扁平化设计的代表作，和谷歌在 2014 年推出的考虑事物本质的 Material Design 一样，都以独立的元素来定义 UI 设计，它们与

6、传统的繁琐的图样形式不同，更注重隐喻中概念。在视觉效果中，不再保留一些过于细致的三维模型，把重点放在字体、颜色以及图标之间的关联。用户根据这种 UI 设计风格就可以忽略一些不重要的信息，同时只要基于颜色和图片等就能够获得引导，方便了用户的使用。这种风格的转变也减少了加载的时间，能够使不同设备上显示的内容和效果达到一致，大大提高了用户体验。 在这种视觉上的改革中，UI 设计的隐喻高度体现在了视觉层以及行为层面当中。视觉层中，例如 IOS6 的写实控制按键就展现了精益求精、光影复杂的隐喻视觉效果。而 Win8 能够支持用户手势操作的边缘交互，就是将人们在办公时的一些传统行为习惯通过数据分析并深入抽

7、象融合到界面设计当中，让用户在实际操作设备终端时能够顺畅地进行操作。 （二）交互体验创新 UI 设计的细微化创新体现在交互的体验上，通过一些交互上的视觉信息来对用户进行视觉上的引导：将用户的视线通过视觉元素引导并停留在需要的位置上；把用户的好奇心和注意力转移到展示信息当中或者添加指引性强的箭头元素来完成对用户的定向引导等。这些微设计的创新方式能够在引导用户进行操作时也能够获得新奇有趣的用户体验。 在 UI 设计中，设计师们也慢慢开始注重 Z 轴上的创新。一直以来，XY 轴平面设计是 UCD 界面设计的重点，比如页面间的转变、不同状态下图标的补间过度效果等都是实现在二维平面中。设计师在进行交互体

8、验创新时，会把界面中所包含的每个元素进行分层并编号，每个背景、图标、状态工具栏、下拉页面等都在 Z 轴上建立独立的层，并在每层都规划一个演变规则用于动态效果的过渡，以此确立整个 UI 设计的过渡效果。在视图框架布局上，设计师们将信息主体作为主要突出的元素并重新定义了界面框架。比如在布局界面中，将信息的焦点通过大图设计的方式体现出来，能使产品获得全新的体验效果。在目前许多界面设计当中，设计师一般将大图设计成占据整个显示屏幕一半面积，同时不再采用侧边栏，通过一个返回按钮的形式，这样就能减少信息主体的冗余度，让用户在体验产品时获得更全更焦点的信息内容。 四、结束语 UI 设计是融合了艺术和技术的前沿技术，随着生活水平的不断提高和技术的不断进步，UI 技术会渗透到生活中的各个方面。UI 设计从一开始注重功能的拟物化设计到后来的注重内涵的多种形式结合的设计模式，展现了 UI 设计的重心已经从崇尚美感和追逐潮流中，慢慢转变为以用户为中心的方式。设计师在设计的过程中，更加注重用户的体验和追求，让用户在体验的过程中不仅仅使用功能，也能够让 UI 更好的服务于功能，让功能服务于用户，为用户提供高效的信息获取环境和体验效率。