网页界面视觉和交互功能设计

《网页界面视觉和交互功能设计》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、网页界面视觉和交互功能设计　　随着信息化的深入，X页成为人们浏览信息、获取信息、放眼世界的主要窗口之一。　　在传统X页的界面设计中，人们认为X页界面设计就是美工，而美工就是单纯对X页进行装饰。随着X络技术的发展与普及，X页界面设计的技术在不断的进步，设计的理念也在不断的更新，X页界面设计不再是单纯的视觉设计，而是将视觉设计与人的行为习惯、生活方式、心理体验等结合在一起的设计，基于用户体验的X页UI设计是当前研究的热点。　　一、X页UI设计及用户体验　　UI即UserInterface(用户界面)的简称

2、，指对软件的人机交互、操作逻辑、界面美观的整体设计。X页UI设计用户体验(UserExperience，简称UE)则是一种纯主观在用户使用产品过程中建立起来的感受。由于生活习惯、文化背景、行为方式及心理体验等不同，用户体验产品时会有不同的感受，一个好的UI设计要能充分满足大众的需求，使用户在体验过程中都能心情愉悦、操作流畅、交互高效。　　就X页UI设计而言，用户浏览X页的需求是什么？抽象出来可以归纳为两点：一浏览信息，二操作数据。这里的数据是指在数据库中躺着的数据，用户在单纯浏览信息时，不会对页面背后

3、的数据造成任何操作，但用户进行点击链接、跳转页面和处理信息时，就要和页面背后的数据进行交互。所以，在做X页UI设计时候主要满足于用户的这两方面的需求，第一是用户在浏览信息时候，要有一个赏心悦目的界面，即X页界面的视觉设计要美观。第二是用户在操作数据时候要高效，即X页界面的交互设计灵活。　　二、X页界面视觉设计　　爱美之心人皆有之，漂亮的X页界面能吸引浏览者的眼球、提高X页的浏览量。传统X页美工设计，更注重X页的布局以及X页的颜色搭配，换言之，就是重在设计X页平面效果图和以及对X页进行装饰。随着人们生活

4、节奏的加快，快餐文化日渐丰富，仅靠传统X页美工已不能适应当今X页发展的需要。那么，如何让你的X站跟上时代的步伐，满足当今用户的需求呢？　　从用户体验出发：什么东西能让我们从电脑屏幕上看到接近于现实世界的东西？是视觉吸引，视觉吸引是非常有效的提示工具，通常在用户第一次打开某个应用，或进入某个新的界面时出现。简单的视觉吸引能扭转乾坤，把令人沮丧万分的第一次使用经历变成满意的产品使用体验。　　常见的X页视觉吸引的模式：　　1.对话框　　这是最常见的视觉吸引模式，它是X页中一种次要窗口，包含按钮和各种选项，通

5、过它可以完成特定命令或任务。　　2.提示　　提示指给予相应的提醒、明示和解释，它可以出现在X页中的任何位置，比对话框更能融入到X页的应用情景。　　3.使用导航　　导航是X页布局中最重要的元素之一，是X页主要内容的提炼，是X站的框架更是X站信息的分类，直观漂亮的导航能吸引用户的操作。　　4.视频演示　　将视频嵌入到X页当中，通过视频形象直观的画面来吸引浏览者。在进行视频嵌入设计时，为了便于用户的操作，一般要提供常见的视频控制选项(停止、暂停、音量控制等)。　　5.首次使用引导　　用户首次使用X页或是X页

6、界面中的某些操作时候，提供适当的引导，帮助用户进入操作界面，比如说利用图像或是其他视觉线索来引导用户使用。　　6.持续视觉吸引　　持续视觉吸引设计，主要是将一些X页元素进行有别于其他X页元素的设计(比如说，通过字体的大小、颜色区别开来)，并将这些元素一直保持在X页中，通过持续的视觉刺激来吸引用户。　　7.可发现的视觉吸引　　可发现的视觉吸引是一种在保持页面简洁的前提下，用户通过执行特定交互操作的方法(如点击和滑动等)，就能看到页面中某些隐藏的元素。如比较常见的视觉吸引模式是鼓励用户刷新数据的提示。　　

7、三、X页界面交互设计　　交互是人与机器之间的相互作用。良好的交互能保持或是激发用户使用X站的兴趣，传统的X页交互设计重在技术上关注人机之间的交互，忽视了人机之间情感交互。发挥设计中人的情感体验作用，使设计更具有人性化的自由，满足审美的追求，这不仅需要交互技术，更需要交互艺术。所以，从用户体验出发，来进行X页界面的交互设计。　　1.交互技术　　人机之间信息交互的有效性主要取决于交互技术。好的交互主要包括两方面：　　(1)时效性　　如今生活节奏的加快，人们更注重时效性，在人机交互过程中，如果交互不及时，浏

8、览者就会厌烦甚至放弃浏览该信息，有X络调查研究表明，用户打开X页等待的时间最长为五秒，如果五秒之后没有任何的反馈信息，用户一般会放弃该X页的操作。所以，在进行X页界面设计时，要考虑到受众的心理，在提高交互速度的同时，也要为用户在等待交互过程中提供相关的信息，减少用户的疑惑以及焦虑。比如在用户等待操作时的，提供操作成功与否的信息或是提供操作成功的数据量和剩余所需等待的时间等。　　(2)直观性　　简单直观的交互能帮助用户快速完成任务，繁琐的交互会增加用户操作