探析模件化理论与个性化方式在界面设计中的运用

摘要：界面设计是产品和用户之间重要的沟通桥梁，服务于人际交互的设计领域。本文从德国艺术史学家雷德侯的模件化理论以及个性化方式入手，对界面设计案例进行分析，针对模件化理论在界面框架布局中的运用和个性化方式在界面视觉上的运用现状进行研究，提出目前界面设计需要解决的问题，最后总结出界面设计的方法，希望能为现阶段界面设计带来新的思路。

关键词：模件化理论 个性化 界面设计

德国艺术史学家雷德侯探讨的模件化理论框架体系是一种以模件为基本单位，以模件的设计思维和技术为根本的理论指导所形成的艺术设计和创造，即《万物》理论中的“模件化”。书中雷德侯所谓的自动化模件生产是以国际上标准化原材料和零部件为主要依据设计组成各类物品的自动化生产管理系统，可以进行大量的预制原材料和零部件，以不同的形式完全地组合在一起形成新的模件，即用有限的原材料或零部件进行设计与生产，成为各种形式变化很大、多样的模块和单元。[1]本文从界面设计原则和设计形式入手，探讨模件化理论和个性化方式在界面设计中的运用，使设计师更重视个性化视觉界面、模件化布局、用户体验的合理性，能有意识地运用模件化理论和个性化表达方式进行界面设计的实践活动。

一、模件化理论与个性化方式概述

（一）模件化理论

中国人在其生产形式上善用标准模块叠加组合，人们出于对于感性思维和理性思维这对矛盾的平衡，将预制零件以不同方式组合装配创造出多种多样的单元，得到了千变万化的效果，在雷德侯《万物》这本书中，它们即被称为“模件”。他用西方的思想把中国传统的美学文化分析和表达了出来，提出了“模件化系统”的概念，论述了中国传统美学文化在其生产模式中的主要模件化特征。雷德侯关于模件化的描述说明了中国艺术家本身并非像他们的西方同行那样，不是追求对大自然的真正再现，而是追求通过探究和制作来进行模仿，直接有效地从一种创造到制作成千上万乃至于无限数量的大型艺术品。他叙述了模件的理念和思想如何贯通中国古代官本位的传统文化、中国的宗教以及有利于个人自由的思想。[1]总而言之，模件化的根本就在于将单元进行互换，并且它们可以用不同的形式组合和拼凑成一个更大的单元。

（二）个性化方式

个性化指的是非大众化的事物，在大众的基础上增加独特的创意，拥有自身特殊的需求、独具一格的品位、与众不同的視觉效果，也称为“定制化”，在界面设计中是指为了适应特定的个体需求所提供的服务或商品，通过界面设计的个性化方式可以提升顾客的满意度、用户点击率，改进网站广告等。满足服务人群的个性化是整体社交媒介及其产品体系的关键要素。比如网页界面设计中的个性化是为用户所创立的元素，它可以让浏览痕迹被记录下来，当用户刚刚离开一个网站以后，网页就有可能根据这些数据来算出用户的需求和偏好，其设计初衷是思考如何充分利用个性化方式的界面设计赋予产品一种更好的功能与形式，使得产品本身具有丰富的感受与情绪，满足用户的基本生理要求和更多层次的心理需要，提升用户体验感。

二、模件化理论在界面框架布局的运用现状

基于模件化理论的用户界面扁平化设计过程是为了营造高效的信息层级理念，将用户界面变得简捷方便是其关键的逻辑思维。在用户界面框架布局中图片排版、文字对齐方式、图标位置会影响界面节奏感，为了提高用户高效的操作性与优良的体验感，界面设计需要更好地进行模块区分，帮助用户在内容繁多的界面中归纳整理信息，易于用户理解并有效获取信息。目前界面设计运用标签系统设计、网站导航、站点地图等形式。标签系统设计由标题和文字组成模件应用在各大网页之中，比如用户使用百度网页搜索某个关键词会出现很多词条，好的标签系统设计要符合用户一致的使用方法，能够正确表述目标或内容。导航设计包含导航条、超链接、按钮和其他可点击的项目为模件，很多产品界面会使用导航设计来传达信息，比如纵向导航、横向导航、选项卡式导航及下拉式导航等。网站站点地图，是一张能让用户随时浏览网站的页面列表，能够准确地反映和显示出一个站点所有页面之间的层次关系，是链接到网站所有内容的一个存储器。

另外，网页端常见的界面框架布局有国字形、POP型、口型、T型等结构。例如，国字形网页布局一般将网站的LOGO和导航栏、BANNER等信息放置最顶部，网站的主要内容居中心位置，左侧放置菜单，客服信息和友情链接居右侧排列，公司信息和版权信息放置网站底部。这些布局方式都可以看作模件化通过不同的组合排列方式运用在不同的网页界面设计布局中。而在移动端用户界面中常见的布局有宫格式、列表式、图表信息布局、标签布局和瀑布式等形式。宫格式界面布局中图标和文字的大小有一定的规范，设计师将每一个格子作为一个模件进行新的组合。以“飞猪旅游App”为例，其主界面采用宫格式布局，每一个功能模块以圆矩形承载图标、文字大小相同。内容页采用列表式布局，信息层级具有清晰性，可展示较多的标题和信息内容，其界面布局使用长方形承载图像、文字、图标为一个模块，按照上下方式层级排列，使用不同的色彩区分每一个功能模块。

三、个性化方式在界面设计中的运用现状

界面设计中将每个板块中的一个功能模块看作模件，界面排列和架构都是将不同的图标、文字、线框等空间进行组合排列，恰当地运用了构图、母题和控件形状的模件化体系。在界面设计的过程中，设计师根据目标用户群体需求在界面设计的基础上进行个性化设计，从个性化色彩、个性化图标及个性化界面等三个方面打造出全新的界面设计。

（一）个性化色彩运用

在当今移动互联网迅速发展的背景下，手机中的信息越来越密集，用户容易出现视觉疲劳，色彩作为信息传达过程中的重要载体之一影响用户出现不同的视觉感受。[2]界面设计中个性化的颜色搭配能使内容繁杂的界面整理信息和归纳内容，界面中的颜色搭配影响到用户的使用体验和视觉感官，不同用户群体对于色彩的感知不同，界面设计色彩需要根据用户群体的差异性进行设计。根据使用者年龄、教育背景以及使用场景等因素的不同，设计师应在色彩方面依据产品定位以及目标用户群体的特征来分析问题。例如，“网易云”移动端的界面设计整体以红色为主，中度留白、简洁明快，信息传达迅速，符合产品的整体调性。在多变和较为复杂的使用场景下，产品的界面设计越需要简洁以及整合性，用红色主色调加白色辅助色的界面设计可以给用户干净舒适的视觉感受。在界面内容繁多的状态下，辅助色使用白色的背景可以给用户带来整个产品更加清晰干净的视觉感受，能适当缓解用户在视觉上所产生的压力，更好地突出产品界面中的信息内容，符合用户特别需求的个性化设计特征。

（二）個性化图标运用

界面设计中的图标设计是利用图形元素的象征意义来设计的。好的图形设计能替代文字进行表达，帮助人们更好地理解与沟通。不同的产品界面设计根据其定位以及用户群体的不同，其中的图标设计也不尽相同。用户能够通过不同的图标设计产生不同的视觉感受以及情绪。体现了界面设计中图标设计个性化表达的作用。互联网产品中图标是关键的元素之一，它不仅可以体现出这款产品的调性，同时也能使用户快速识别。例如网易云移动端，图标设计采用扁平化设计风格，多由简明抽象的几何符号组合而成，图形采用简练的表达方式，具有高效的易读性及简洁性。同时，点、线、面结合保持了所有线框粗细以及线面占比的一致性，断线小细节的设计体现了产品年轻有活力的定位，颜色以红色为主，富有个性化的同时，保证了产品视觉上的统一。启动图标的设计整体以“音乐符号”和圆形为主，这种设计手法可以带给用户一种先入为主的感觉，从而加深用户对产品的印象。再通过将音乐音符融入其中，诠释产品的主题结合热情时尚的红色为底色，在呼应音乐主题的同时，表现年轻化、多元化及个性化。

（三）个性化界面设计

为了实现更加高效准确、方便快捷和沉浸式的用户体验，设计师对界面设计完成了从“拟物化”到“扁平化”的成功转型。设计师寻求简捷高效和沉浸式的用户体验，整体视觉界面采用了扁平化风格，给用户带来层次分明的舒适感。[3]界面设计中图片排版、文字对齐方式、图标位置显得整个画面节奏具有呼吸感。例如，“网易云”音乐产品界面整体视觉风格简洁清晰，控件多使用卡片加列表的形式，使得整个画面节奏具有呼吸感，同时给予卡片适当的投影效果，使布局空间更加层级分明，结构划分板块更加明确，列表则使信息条理清晰。卡片式结构可以根据功能将界面分割成不同的模块，很好地平衡页面的文字以及图片信息，从而做到信息整合，达到视觉统一，更好地进行模块区分，个性化的颜色搭配帮助用户在内容繁多的界面中归纳整理信息和内容，从而易于用户理解并高效地进行操作。

四、结语

设计师在进行界面设计时必须注意优化信息层级，减少用户点击页面的次数，注意用户体验和交互功能的合理性表达。在界面设计布局中使用模件化设计思维有利于更加合理地对页面进行布局，设计师利用个性化的表达通过与不同视觉元素形成新的艺术风格和设计方式。随着设计领域发展越来越成熟，界面个性化设计显得日趋重要，将模件化理论与个性化方式运用于界面设计中以达到引导用户感知和行为的目的，可以使用户在体验中达到高效获取信息的效果。

参考文献：

[1]王德岩.触摸中国艺术的基点——评《万物——中国艺术中的模件化和规模化生产》[J].艺术设计研究，2012（03）：108-110.

[2]周宇.UI界面设计的个性化表达[D].天津美术学院，2020.

[3]苏毅.格式塔心理学视知觉理论在UI扁平化设计中的应用[J].长沙大学学报，2019（01）：119-124.

（作者简介：朱小意，女，硕士研究生在读，云南师范大学，研究方向：设计历史与理论）

（责任编辑 刘月娇）