工业产品展示软件界面设计研究

张雪双 刘李明 史倩云

摘 要 面对工业的发展以及产品和技术的不断更新，工业产品的智能化与自动化已被广泛应用。这些变革也正驱使着产品需要一个有效的展示平台。本文通过对产品展示软件这一平台的界面布局进行研究，对于界面的引导性和带给人的印象深度进行科学的分析，进而总结出美学与科学相结合的界面布局，突出产品特色，传递产品理念，进而吸引更多的用户。

关键词 产品展示平台 界面布局 视觉引导

中图分类号：TP31 文献标识码：A

Industrial Products Show Software Interface Design Research

ZHANG Xueshuang, LIU Liming, SHI Qianyun

(Industrial Design Department, School of Mechanical Engineering,

Jiangsu University of Science and Technology, Zhenjiang, Jiangsu 212003)

Abstract With the development of industry and the products and technology constantly updated, the products of industry intelligence and automation has been widely used. These changes are driven products need to be an effective display platform. This article through to the products show the platform of the software interface layout, the leading and bring about the interface impression of depth by scientific analysis, and sums up the combination of art and science interface layout, outstanding product features, the transfer product idea, and attract more users.

Key words Product exhibition platform; Interface layout; Visual guide

随着科学技术的不断发展和信息技术的广泛应用，数字化产品、软件开发已随处可见。对此，产品展示软件界面设计更是应该得到重视和创新。通过对产品设计师等相关人群使用的新型软件界面布局的研究和分析，以提高设计人群对产品展示平台的认识和重视。进而展现产品魅力，制造无限商机。

1 工业产品展示平台

展示平台多种多样，工业产品展常见的示方式有展厅展示、Web网站展示、软件平台展示等，它们不仅拥有自己的特色，同时还要统一根据产品的特殊功能、使用方式、色彩搭配、使用环境等因素来将平台配合产品展示。具体产品展示平台类别概况及关系总结如图1。

展厅展示，就是在相对独立的空间内将所设计的产品通过展板、实物模型等方式展示供观赏者欣赏与评价。展厅布置同样需要专业知识和科学理论。展品的摆放、展厅的设计、整体环境和氛围的营造都是影响产品展示的重要方面。其优点在于让受众“零距离”走进产品和公司文化，让别人欣赏、触摸、购买产品，可以说最直观、高效的产品展示方式。但是对于现今的网络及信息化时代，展厅展示不排除有地域局限及信息扩展度小等弊端。

网站展示平台，信息量大，更新及时，能够塑造品牌形象，传递面极广。不仅符合现今生活的高效准则，更是一种内容丰富并且容易掌控管理的交流平台。对于工业产品的推广，这一平台高效且方便。网站的界面设计，一般在内容上较为丰富，但是对于产品展示的网站应该有较新颖的元素和较强的视觉冲击以达到吸引消费者的眼球，内容量适度，信息传递明确即可。

软件展示平台，种类繁多，特别是虚拟现实技术的应用，为我们提供集图片、动画、可交互式应用程序于一体的开发平台。使得我们面向特定受众定制相应的展示平台成为现实。以面向设计产品展示平台为例。如图2。

通过这类软件不仅能够全面了解产品信息，更能从产品的形态、色彩、材质等变化上进行对比和改进，可以很好地用于产品设计的方案展示与评价，虚拟现实，身临其境。但是，工业产品展示软件平台集文字、图片、声音、动画、交互程序于一体。为了更加合理、有效地传递所要展示的信息，界面设计在软件使用和操作上的要求尤为重要。只有将界面的图标、布局、特效等很好的应用到软件中才能将交互实现，进而完成产品展示的整个过程。

2 界面设计中的视觉引导与印象深度

2.1 界面设计中的视觉引导

面对某一界面，视线首先会落在何处？是什么元素吸引了人们的视线？接下来又要看向何处？这些问题就与“视觉引导”①相关。视觉引导指引用户更好地去了解产品，了解其内容以及所要表达的含义。它就好比指示路标，在人们迷失方向时，给予正确的引导。

在界面设计中，视觉引导这一应用，是主次分明且顺畅的引导方式，能够顺利地引导用户视线在页面上移动。从而产生有规律的视觉方向，避免了视线在各种各样的元素之间随意跳转，使用户的注意力能够有意识的投注在目标物上。这种有效的“干扰”，为用户提供了更好的选择，方便了用户更好地去了解产品所传达的信息。

视觉引导在界面的设计中起着不可替代的作用。在工业产品软件展示平台的界面设计中，如何正确地使用视觉引导使软件的界面准确地表达产品所包含的内容以及内在涵义，是值得我们深思的问题。现今我们看到的展示界面一般都呈现了大量的信息，而这些信息通常都不分主次，导致人们接受信息的思维被打乱，最终影响产品的展示。通过文献以及实验研究发现，一般用户的视觉习惯为：左上角优先，从左到右、从上到下。这就是我们常说的古腾堡原则（The Gutenberg rule)，②如图3、图4。

2.2 界面设计中的印象深度

印象，一般是指接触过的客观事物在人的头脑里留下的迹象。③印象深度即是留下迹象的深浅程度。假如一样事物让人印象深刻，那么这样事物肯定存在着让人回味的内容。什么样的内容会让人留下深刻的印象呢?通过经验学习和实践调查总结概括出两个主要方面：风格和个性。

2.2.1 风格

风格，是从事物的整体出发，表现出来的一种带有综合性的总体特点。风格是识别和把握作品之间区别的标志。对于产品展示软件界面设计，风格，讲求的是界面给人的整体印象，比如简洁、理性、可爱、时尚等。界面风格的体现靠的是设计者对色彩、图形以及意境的把握。设计者通过对界面色彩、图形、整体色调等方面进行协调、统筹兼顾，并进行相应的设计表现，使界面能够在整体上显示其一致性但又不失其韵味。风格对于工业产品展示软件界面设计来说，是其成功的必要条件之一，界面设计要体现一定的风格才可以使人印象深刻，从而影响消费者心理，进而产生购买欲望。

2.2.2 个性

个性即个别性、个人性,个性化是人的存在方式。④对于界面来说，个性相当于界面的特色，也是界面能够给人留下深刻印象的方式。相对于风格而言，个性追求的是产品界面的闪光点，是作品与众不同的地方。个性是在整体风格基调的基础上，突出局部特征，展示特有内容。在界面设计中，大多优秀案例都各具特色或个性鲜明。这些特色、个性大多体现在图标、按钮、操作方式等细节上。带有设计者独特创意的图标设计、操作方式设计、人与产品界面间的交互方式设计等都能够对界面的成败起到关键性的作用。将独特的创意融入到整体风格之中，不仅能够引人入胜，更让人印象深刻。

3 工业产品展示软件界面布局设计

没有规矩，不成方圆。界面布局的原则和方式就是界面设计中的“规矩”。把握好规矩，对界面进行合理的布局，会让用户对产品的使用产生愉悦、舒适的感觉。在产品展示软件界面中，合理的布局能够使软件便于用户控制以及操作，还能够更好地使所展示的产品语意得到表达。良好的界面布局是优秀界面实现的基础。每一个优秀的软件界面，都是通过类似的精心设计和综合考虑才达到理想的界面布局效果。

3.1 工业产品展示软件界面布局设计基本方式

3.1.1 简洁性布局

说到简洁性，KISS（Keep It Simple And Stupid）原则⑤就是一个比较合理且通用的原则，简洁和易于操作才能让体验者感受到软件的可用性和合理性。简洁不是盲目的简单，更不是随意的设置。这种原则同样需要我们上面所分析的视觉引导和印象深度来支配布局。适度的留白，合理分配板块大小，面板整体错落有致而不单调死板等，都是设计一款简洁性界面时所需要考虑的重要因素。简约极致的风格往往给人以舒适、开阔、干净和清新的感觉。这类风格的界面设计，关键在于注重保持外边缘的水平或垂直，尽量不用锯齿形的边缘，更不要采用图片重叠的方式，否则会使版面变得更加复杂。就现今的界面设计趋势来看，简洁性界面布局已经越来越受用。

3.1.2 协调一致性布局

一个统一协调的界面设计，会给用户以舒适、和谐的感觉。同时，界面整体风格的一致性，往往在视觉引导上起到自然过度的作用，也会将印象深度提升，给人以直观，明确的感觉。在风格设计上已经具备了基本的协调一致性，只需进一步深化和提升。而对于个性化的设计，在给人以新鲜感和视觉冲击效果的同时，同样需要遵循整体协调一致性原则，只是将局部个性鲜明即可。只有按照这种原则设计界面才不会让整体看起来杂乱无章，即使在内容和图片都很丰富的情况下也同样如此。正如图5所示的XBOX studio软件界面设计，整体风格极具时代感，布局清新爽朗，从每一个词条到图片的摆放，从每一个功能按钮到板块的规则性布置，都能主次鲜明，协调一致。

3.1.3 突出重点布局

在进行界面布局的过程中，合理排布各种信息，在繁杂的信息中突出重点，是布局的重要一步。在产品展示软件界面设计中，如何使主要内容一目了然，同样需要设计师的精心安排。首先，将展示的内容置放于用户的视觉中心，使使用者能够在第一时间了解到产品所要传达的信息；其次，可以通过一定的对比方式来突出重点，比如框架分割大小对比、排布内容的多少对比、色彩应用对比等。突出重点的方法有多种，使用过程中需根据布局内容而定。布局只有突出重点，才能够使界面得到好的应用，实现其功能性，从而起到信息传递的作用。强调重点、突出重点，界面布局才能够主次分明，避免反复以及堆砌而造成的信息混乱。如XBOX studio软件界面设计的布局，主要功能放置明显位置，主要信息所占画面的比例较大，使信息得到了很好的传达。

总之，优秀的软件界面布局都是在遵循一定原则基础上，根据自身需求和目的而设计的。工业产品展示软件的界面设计更是需要在了解工业产品特色基础上，通过软件界面这一平台将其展示和传播。了解用户的心理感受，抓住人们的视觉注意力，方便使用者快捷操作等，都是设计产品展示软件界面布局所要了解和追求的。⑥

3.2 工业产品展示软件界面设计实践

首先，进行产品用户分析、风格定位。然后，了解用户需求，进行软件功能设置。主要功能包括：产品设计说明（特色）、视图（主、俯、侧、尺寸工程图）、形态（整体、细节）、材质（金属、塑料、木材、皮革等）、色彩、动画展示、使用场景等。最后，将界面设计实践。注重细节，考虑全面，在创新的基础上，以上述理论为原则，把产品软件界面设计出来。

4 结束语

现在已是网络高速发展的信息社会，软件产品已广泛使用，所以，软件的界面设计应得到更多的关注与重视。工业产品展示软件界面设计作为计算机科学与艺术设计等学科相结合的一个崭新的研究领域和发展方向，其界面布局更是有着无限的研究和优化空间。设计师需要从研究用户心理出发，根据视觉引导规律，遵循形式美法则，优化界面布局，使产品展示软件界面设计走上更长远的发展之路。

注释

① AQ.视觉引导:给视线加上路标[J].中国广告,2002(10).

② 百度空间.包包.古腾堡原则（The Gutenberg rule)[EB/OL].[2009-05-27].http:

//hi.baidu.com/baozhipengwdz/blog/item/bc8933c6f6811a139d163db9.html

③ UCDChina.UCD火花集2：有效的互联网产品设计 交互/信息设计用户研究[M].人民邮电出版社 ,2011.5.

④ 刘松涛等翻译.交互设计精髓[M].电子工业出版社,2008.11.

⑤ 冯丽霞,屈阳.论广告英语的KISS原则的有效实现[J].商场现代化,2008(26).

⑥ 周陟.UI进化论移动设备人机交互界面设计[M].清华大学出版社,2011.1.