王文聪 南京艺术学院工业设计学院 210013

浅谈数字交互产品Widget（微件）界面设计要素与特性

王文聪 南京艺术学院工业设计学院 210013

Widget（微件）作为一种可供自己制作和自由下载的工具集合，在网络传播领域应用越来越广泛，其界面设计也等到很大提高，部分Widget（微件）界面设计已经开始引领界面设计潮流。本文重点探讨了数字交互产品Widget（微件）的发展和应用领域概况，Widget（微件）的界面设计要素与设计特性。

Widget;Interface design elements；Interface design features

随着网络信息技术进入Web2.0时代，越来越多的新技术被应用，信息的传播特征也随着发生了变化，其中的一个重要特征就是信息的接受者同时也是信息的制造者和传播者。如今Widget微件在信息领域的大量应用就是这一特征的体现。Widget（微件）作为一种特殊的桌面与网络小工具正在改变着系统桌面的操控形式和互联网的访问方式，向用户提供了全新的用户体验。这种新型的个性化与风格化的应用小工具，已经不仅仅局限于PC桌面，在Yahoo、Google等国际主流网站都得到了越来越多的应用，其界面的设计也具有自身的设计要素与特性。

1.Widget（微件）概述

“微件”来源于英文里“Widget”一词，其英文解释是“一个小器具或机械设备”，Widget（微件）最早源自1998年苹果电脑工程师Rose在苹果操作系统上设计制作了一个可更换皮肤的播放器之后所做的一个创想，即是否可以将桌面工具都进行皮肤或外观的更换，或其他个性化的个人桌面工具。在这之后Rose与一名叫做Perry的工程师共同开发，并在2003年初正式发布了一款叫做Konfabulator的苹果系统小工具，因为其中的主运行文件叫做Widget，从此一款新型的用户桌面工具诞生，并且随着Windows版本的发布，Widget迅速成为系统软件和网络领域重要的用户应用工具，成为Web2.0时代的典型代表。

在网络信息技术发展的今天，Widget可以看做是一种可供自己制作和自由下载的工具集合，它包含了娱乐、工作、学习等多种实用功能。Widget可以在电脑桌面上单独执行，用户无需通过浏览器便连接到网络。如今不少电脑和网络用户已对苹果、Yahoo、Google及微软推出的桌面Widget比较熟悉。通过这些小型应用软件，用户可把各类网上信息(如天气、新闻头条、图片等)放到自己设计定制的桌面上。

2.Widget（微件）界面设计要素

Widget（微件）在网络信息领域的广泛应用，在界面设计上其他产品界面设计一样，Widget微件界面设计的重点在于如何处理和组织好视觉要素，从而有效地传达出信息和行为，Widget（微件）也有其自身独特的设计要素。

2.1 尺寸

在信息传达中，尺寸是一个很有价值的属性，尺寸的明显不同会迅速引起人们的视觉注意。由于屏幕显示器有很多不同尺寸和分辨率，微件的宽度是固定的，但高度会随屏幕分辨率的变化而变化。

2.2 形状

形状是辨识物体的主要方式，人们习惯于通过外形轮廓来辨识物体，辨别不同的形状比辨别不同的其他属性（如颜色和尺寸）需要更高的辨别力。在Widget（微件）界面设计中，无论采用哪种形状都要注意形状的可辨识性，增强用户的认知感，图形化Widget图标可以比文字传达更多信息，其空间利用率也更高。

2.3 色彩

在Widget（微件）界面中，有效的运用颜色，可以创造出有效的视觉系统，可以让用户高效的分辨出视觉元素的同异。要注意控制颜色应用的数量，与依托的系统或网页界面色彩相协调。

3.Widget（微件）界面设计特性

3.1 交互性

交互性要求能够实时准确地给予用户反馈，使用户获得良好的引导与参与，交互性在Widget设计过程中显得尤为重要，用户在使用Widget工具的时候，不是仅仅被动的浏览获得信息，而是需要与之产生互动的信息交流，通过其实现其他媒体工具所不具备的高效的参与和服务功能。例如iGoogle中的Widget小工具可以让用户定制安排属于自己的界面布局，在这个用户参与过程中交互性得到充分体现。iGoogle中天气、时间、新闻等Widget小工具信息的调整、发布、显示等也体现了实时交互的特性。

3.2 一致性

与其他用户界面类似，同一Widget不同模块的界面在视觉外观、结构形式、交互方式等方面也应保持一致性。Widget界面视觉与交互方式的一致性能够增强易用性和认知感，提高用户的使用效率。另一方面，Widget界面视觉与交互方式的一致性也能够帮助设计师很好的把握视觉风格和操作方式的系统性，提高设计效率，降低维护成本。

总之，Widget（微件）凭借其个体小、功能强大、操控方便、兼容性强等特点在越来越多的信息媒体平台中得到应用，其界面设计也更加美观，更加人性化，可以相信未来Widget（微件）数字交互界面设计将会得到更大的发展，其界面设计元素将更加丰富，交互方式将更加多元化，更加满足用户共性化和个性化需求，必将成为网络时代人们重要的信息工具之一。

[1]AlanCooper 著,刘松涛 译.About Face 3 交互设计精髓（美）.电子工业出版社.2008年

[2]Eric Butow 著，陈大炜,孙志超译.用户界面设计指南（美）.机械工业出版社.2008年

[3]Jenifer Tidwell 著，蒋芳 译.Designing Interfaces（美）.电子工业出版社.2008年

[4]鲁晓波，詹炳宏 著.数字图形界面艺术设计.清华大学出版社.2006年

Widget is available as a download and free to produce their own collection of tools, applications in the field of network communication are increasingly being used to wait until the interface design also greatly improved, in part Widget interface design,interface design has begun to lead the trend.This article focuses on the development of Widget and applications, Widget interface design elements and interface design features.

10.3969/j.issn.1001-8972.2011.04.037

2010年江苏省社会科学基金项目（青年项目），项目编号；（10YSC007）

王文聪、性别：男、单位邮编：210013、工作单位：南京艺术学院工业设计学院、出生年月:1979年8月、现职务职称:助教、最高学历：硕士研究生、专业 ：信息艺术设计、研究方向 ：信息艺术与交互设计。

微件; 界面设计要素; 界面设计特性