界面设计论文范文

引言：寻求写作上的突破？我们特意为您精选了4篇界面设计论文范文，希望这些范文能够成为您写作时的参考，帮助您的文章更加丰富和深入。

篇1

引言

格式塔一词来源于德文“Gestalt”的音译，本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论，其主要目标是探讨视觉感知及其与学习、思维的关系，它所研究的出发点就是“形”，“形”是经由知觉活动组织成的经验中的整体，与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸，主要是通过浏览者的视觉感知来接受网站信息。因此，研究格式塔理论在网页界面设计中的运用，无疑对网页界面的设计具有很大的指导作用。

格式塔理论在网页界面设计中的应用

网页设计是将特定的视觉信息要素，根据主题表达的需求在特定的页面上进行的一种编辑和安排，其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究，提出了一系列视感知规律，其中包含了“图底”这个核心概念，和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性，将这些规律引入页面设计，有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计，提高信息传达的速度与准确度。

1.图与底

在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域，“底”被看成是用来衬托图的背景。相对而言，图比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成图。

由于图与底之间存在的这种相对性质，在网页设计中，应当明确区分图与底，主体与背景。另外,主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图－底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，图形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、图像，还是动画和视频方面都要坚持图底原则。

2.简明原则

格式塔心理学家认为，人们的知觉有一种“简化”倾向，所谓简化并非仅指一般意义上的“简单”，即物体中包含的成分少或成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位，如果一个格式塔中包括太多不相关的单位，眼睛就会试图将其简化，把各个单位加以组合，使之成为一个知觉上易于处理的整体，否则，整体形象将无法被正确感知，这种形象势必会被人们忽视，以至拒绝接受。

我们可以将这一观点延伸到网页界面设计中。首先，在网页界面结构的设计上，应避免使用过于复杂的网格结构，结构的设置应尽量简单明了，符合人的视觉流程，也符合人们对规则形的喜好，利于浏览者以最短的时间找到最需要的信息。

其次，在图像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像，这样会增加浏览者找寻信息的难度。

再次，在进行文字编辑时，应该考虑编辑的最终效果。文字应给人以清晰的视觉印象，避免页面繁杂凌乱，减少不必要的装饰变化，使人易认、易懂、易读，不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主体。在字体的选择上，虽然可供选择的字体很多，但同一页面上的字体种类最多只能有三四种，这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小，但到了节以下的层面，可以选用同一字号但用不同的字体加以区分。在文本密度方面，文本应该以短小的组块形式出现，并且应该经过编辑，以简化内容。3.接近原则和相似原则

接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则，与前面的简明原则类似，人们在倾向于简化认识对象的同时，也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近，浏览者就比较容易看出它们是一起的。根据这一原理，对于页面上的任何元素，如果在功能或内容上是相同或相近的，就应在一定程度上保持相对较小的空间距离，做到“物以类聚”。比如，页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。

相似的物体也很容易被认为是从属于一个系统，具有相似的功能。因而，需要通过将浏览者注意力集中于视觉范围内的关键概念，帮助他们获得信息。在网页界面设计中，可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个图形中的组成部分都属于同一风格，这个图形就被视为一个整体。为了使浏览者重点关注图形中的特定部分，对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是，如果一幅画面中区别过多，也会使浏览者难以注意需要获得的信息。因此，这些方法应该用于强调关键信息或图形的关键部分，而不宜用于大片信息。

4.闭合原则与网页界面设计

闭合原则是指一种完成某种完形的行动。这一规则表明，每一种视觉样式都可以被看成是一种陈述，对于模棱两可的视觉样式，人们会根据以往的经验按照不同的样式加以组织，这时不同的人会看到不同的东西。因此，在网页界面设计时,应当避免出现不完整的图形，以免使浏览者花费过多的时间去琢磨图形的含义，而不是从网页上获取信息。

闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉，然后再以部分的形式被知觉。因此，在进行网页界面设计时，要强调整体风格的统一，内容与形式的统一。

结语

将格式塔心理学引入网页界面设计，目的是希望网页设计向理性化的方向发展。随着网络的不断发展，浏览者对页面的要求也越来越高，但现在的页面设计大多还是从直觉出发，离科学的页面设计还有相当大的距离，因此要想达到科学的页面设计，就要在设计时遵照人类的认知规律，并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。

参考文献：

[1]曹方著.视觉传达设计原理，江苏美术出版社

篇2

农业现场的电子设备通常以监测控制为主，监测和控制设备一般是在农机运行前进行参数设置，在运行过程中进行数据显示，在很多情况下监测和控制是合二为一的，因此要求界面是非阻塞式的，能在各种状态下方便的相互切换，并可以通过菜单项选择实现一定的功能（如：启动，停止）。农业上常用的计量单位标准尚不统一，通常还需实现计量单位切换功能。工业控制常用的界面分为5种类型：菜单屏、变量屏、选择屏、设定屏和显示屏[5]。与之类似将界面类型分为：菜单选择屏、静态文本屏、动态文本屏和参数设定屏。各个类型界面的功能见表1。基于以上界面类型，参照一般人机交互的按键系统考虑到通用性及便捷性，系统设计时采用7键制，分别为：上、下、左、右、确定、设置、返回。以下介绍各界面的元素类型和操作分析：菜单选择界面主要用于自顶向下的树状界面操作，为界面设计中常用的类型，用户通过此类界面进行界面跳转，功能设定。静态标签一般为提示性文字，静态选项为带被选择功能文字。菜单选择界面的一般操作为：上下键变更选项，左右键翻页，确定键进入下一界面，或实现某一功能，返回键返回上一界面，设置键的功能一般不使用。静态文本界面主要用于显示固定的内容，一般用于信息提示，帮助文档，版权信息的显示，即它只包含静态标签。因为静态文本界面本身操作较少，所以其按键响应也相对简单，只包含滚屏和返回，操作方法与菜单选择界面类似。动态文本界面主要用于变量数据，运行状态的实时显示，用户主要通过这类界面实现对系统实时状态的了解，其界面由静态标签和动态标签组成，而动态标签又由固定文字，变量文字组成。像静态文本界面一样动态文本界面本身并不需要太多操作，所以其按键响应也相对简单与静态文本界面相同。参数设定界面也是用户界面中常用的界面，主要用于用户对系统中的变量进行设置。它包含了几乎所有的界面常用功能，其组成如图1所示。这里的动态选项指的是既可以被选中，又会因变量和单位的改变而变化显示内容的选项。参数设定界面的操作相对复杂，因其有两种状态，即选项切换和变量修改，其操作逻辑如图2所示。以上分析了界面的组成和操作。在操作上采用了和目前大多数手持设备相仿的操作模式，并且在各种类型界面间保持了操作风格的统一。

2农机车载电子设备界面的数据结构设计

目前常见的界面框架数据结构都以菜单为单位，缺少对菜单项的精细化分，这使得界面显示和操作函数对各种类型的菜单很难做到通用，而基于菜单项的菜单组织结构可以很好解决这个问题。将以上分析抽象为实际的数据结构，则形成菜单和项两种数据结构，其中项是菜单的子结构，为了适应较小的屏幕，并简化显示和操作函数，一项即实际屏幕显示中的一行。

2.1项数据结构设计项中含有文本内容，即格式化字符串，用于格式化输出的字符串；含有数据变量地址和单位变量地址，用于填入格式化字符串中的变量内容；含有项状态标志，用于区别项的类型，以便在显示和操作时加以区分；含有跳转菜单指针，用于表明该项所应该跳转的菜单。特别指出将数据变量类型定义为无类型指针，从而使得同一种数据结构可以实现多种数据变量类型的表示。其中第一个元素表示了要显示的数据和变量元素的显示格式；第二、三个元素分别是数据变量地址和单位字符串首地址，在设置模式时可以利用这些指针修改变量原始值，实现数据设置和单位更改；第四个元素是项状态标志，表示该项是可选中项，用于区分标题和选项；最后一个元素表示选择此项后跳转的目标菜单。通常定义项数据时是定义一个项数组用来组成一个菜单，以减少存储空间，并实现随机存储。

2.2菜单数据结构设计菜单是用于表达一个界面内容和状态的数据结构。它应该含有项数组首地址，用于表示界面显示的内容；含有界面状态标志位，用于表明界面的状态和界面的功能；含有被选项，用于表明当前界面的被选项；含有页顶项，用于控制界面视图位置；含有最大项数，用于防止项数组越界；含有按键响应函数，用于相应按键操作。其中按键响应函数采用带参函数指针形式，利用界面的状态和按键共同决定需要执行的操作，既实现了统一接口，又增强了可扩展性。菜单间的关系只由项与菜单的指针决定，而与项的顺序无关。一个常见的菜单数据其中第一个元素表示了该菜单对应的项数据数组；第二个元素是菜单状态标志，表示该菜单是参数设置类型，该元素也可以在运行过程中被改为正在设置状态；第三、四个元素默认填充0，在程序实际运行中可更改，以变更选项或视图；第五个元素是菜单最大项，与项数据数组长度相当；第六个元素是操作响应函数，对应的函数为参数设定界面的操作函数。

3农机车载电子设备界面框架实现

3.1菜单显示将以上数据结构作为基础，菜单的操作实现也呼之欲出。界面显示函数，每次从PageTopSelect对应项开始显示，显示接下来的若干项到屏幕（受屏幕显示最大行影响），显示项数据时，先分析项字符串中的变量类型和显示宽度，再将项数据中对应的变量插入到显示字符串中。同时可以利用MenuSelect变量值反显选中行。如此可以显示超过屏幕长度本身的菜单，每次只显示对应屏幕大小的一部分内容，相当于扩展了屏幕。具体流程图如图3所示。

3.2操作功能实现树状菜单结构使用堆栈，即主界面为栈底，每次执行菜单跳转时执行压栈操作，菜单返回时执行出栈操作，并且堆栈操作都使用指针方式实现，这样既可以较少的代价实现多级菜单跳转，又将菜单的操作和菜单数据本身分离，使得在修改菜单数据时避免了对其他菜单关系的影响。每个菜单可以使用不同的按键响应函数，相同类型菜单之间还可以共用响应函数，兼顾了灵活性与复用性。将菜单显示和操作分开，用户可以将显示刷新放在定时中断中，将操作放在外部中断中，增强了编程的灵活性。一个典型的界面操作流程如图4所示。菜单操作对应的软件实现方式见表2。

3.3菜单修改对于已经编写好的菜单对其修改非常简单，以下介绍几种常见的菜单修改方式：（1）要增加（删除）菜单中某项，直接增加（删除）该项数据，并修改相关菜单数据的最大项参数即可。（2）要修改项数据显示格式，直接修改项数据中的格式化字符串即可。（3）要调节菜单项顺序，直接调整项数组的顺序而不用修改其他数据内容。（4）要修改某项跳转的菜单，直接替换掉该项数据后的跳转菜单指针。（5）要修改某项显示的变量，直接修改该项数据中的变量指针指向即可。（6）要将菜单中的某项移至同类型其他菜单，直接将相关项数据移至目标菜单项数组，并修改两个菜单数据的最大项参数即可。（7）要增加（删除）某菜单只需将与其相关的项数据同时增加（删除），并修改相关菜单数据的最大项参数即可。这些修改完全不涉及整个菜单的结构调整，项与项，菜单与菜单之间没有直接关系，在修改时也不会相互影响。

篇3

关键词个性化时空化绿色设计解构人性化地域

现代平面设计艺术作为视觉传达艺术中的主要组成部分，经历了从工业化社会到信息化社会的转变。而中国的平面设计艺术在观念上，在功能上、在语意和形式表现上，都备受东西方文化思潮和艺术风格的影响。在现代设计多元化发展的大趋势下，人类生存方式上新观念的介入，思维的引导和情感的表达上，我们发现以往贯于平面设计中运用的法则正逐渐被打破，固有的符号现象被解构，人类在跨越世纪的里程中力求找到合理化的视觉空间。，中国现代平面设计的发展形成了新的设计需求。

（一）要具备个性化设计需求。20世纪80年代中期电脑的出现为我们带来了前所未有的速度-------商业操作的速度和变化速度。重要的是，全球商业环境的剧变意味着从此可以通过直邮和电视广告与客户取得联系。这一切都为平面造型设计行业设计者创造了一种激烈环境元素。当前，商业和设计行业出现了重叠，设计工作必须要在这个需求较高的新环境中能标出自己的领地。设计不仅要跟上美学的发展，还必须赶上科技的进步。随着周围标识语的不断增多，设计者要重新去适应不熟悉的新领域。在设计和制作中都占主导地位的网络领域就是其中一种。在科技带来的种种压力下，平面设计行业似乎有渐渐衰落的可能。但事实恰恰相反，商业界提出的新挑战不仅加强了设计的重要性，还提高了设计的潜在能力。当平面设计走向程式化之后，其设计创意就必须具有个性化。个性化是设计师对平面设计个性差异的独到见解，设计就成为无限超越自我，获取随心所欲的表达。平面设计行业从业人员通过对设计内容，版式等设计元素的重新组构，在演变中寻找个性，倡导设计风格。施展个人非凡的干劲和创造精神，设计在个性表达的道路上才更有生命力。

（二）具备国际化与多元化的设计需求。在近乎持续变化的国际环境中，平面设计者不得不与他们的客户尽量保持同步；客户所经历的最大变化之一，就是趋向更多样化劳动力对象的转变，这个变化在近十多年尤为激烈。从而，人们在设计方面不得不尝试面向大众，在现代平面设计作品中，把不同民族图像通过需要进行再组合，力求把所有新的成分因素考虑在内，设计描绘面尽可能的宽广，以达到传达多样性文化信息的目的。

90年代，电信国际化以及相应的商业国际性特征，在理解文化及国家差异这一问题上赋予了新的意义。尤其当各国在金融及贸易交往中相互依赖中变的越来越重要的时候，就更是如此。同时在文化方面，尤其是青年文化，变的越来越全球化，音乐和广告都成为了特别强大的力量，伴随它们的则是那种能跟随国家变化而自我更新观念的能力。由各种不同民族不同国家文化的设计图像的结合，进入到各国的交流活动中，甚至于引领了更具融合性的年轻一代。在平面设计领域，图形是其视觉语言，它给人们的感受是共同的，它的最大特点是追求国际视野，使设计具备一流品质。而全球化与多元化的设计需求对图形的创造，思考角度，大众理解提出了合理化的认知观。在构思和表现上现代平面设计的语言表述是一致的。“简练、达意、巧妙、智慧，观看世界现代设计的走势，研究现代社会对平面设计的影响，对保持敏锐的设计思维和使作品和现代世界设计接轨显得十分需要。

（三）时空化设计需求。平面设计所处的地位与从前已大不相同。而在观看方式方面，无论是通过眼睛还是用鼠标去点击，深入设计空间的方式也不同了，最主要的是速度比从前快了。平面设计以往多在二维状态中进行创作。在经历二维程式化的设计之后，设计师在探索新的界面，力求打开新的思维空间。科技进步和全球信息化，从某种程度上缩短了时空差，人的想象随着时空概念的变化而延伸，平面设计也逐步从二维向三维到四维空间延展，设计中的时空化与科技化为我们展现出丰富的空间符号。宇宙之外的奥秘，天际星体的存在。东、西方空间想象因式，设计图象的叠加、透视、错位、渐变等仿佛将我们带到立体思维的大空间。符合了平面设计界较早提出的超越和突破二维平面的提法。在视觉空间上创造失控景观，以平面版式为例，20世纪80年代传统期刊设计者在同样字体的版面内往往通过改变大标题和副标题的行列来突出文章要点，用字体的大小及其外形来区分大小标题，而不是把大标题中的所有文字都列在一起，并将它们与大小标题分开。而现在，我们可以看到以各种各样方式排列的标题：有的位于页面的边缘，有的斜掠过整整一页或横贯两页，有的竖立在文章的旁边，还有的紧靠甚至是陷入正文里面，这些排列无疑会使版面给人一种立体感，在平面设计者跨入其他媒介设计过程中，超越二维的设计是一个重要的需求。

另外，重点内容的突出方式也发生了改变。设计者不再把整个标题制造得比正文字体大，相反，标题中文字的大小可有多种不同。设计者打破的这种设计规则，使他们可以以任何一种自认为恰当的新样式来设计一行行的文字，通过这样的设计，文字图形便形象生动的跳跃在页面上，屏幕上，包装盒面上，瓶子标签上或更多地方，这种动态感觉是印刷品和交互式制图作品的典型特征代表，是新时代设计的需求。

（四）地域本土化设计需求，所指的实际是设计师在本土所处环境通过思考，而逐渐形成的设计思想。无论设计多么入流，由于地域，思维，生活方式决定了他们的设计风格，本土的文化对其设计形成了一定的影响，所以，设计师所处地域成长决定了它对设计的认知观。设计师若能立足于本土文化来完成平面设计作品，其创作的图像就带有本民族的思想理念及独立的表达能力，通过这样，令人们领悟到历史发展的文脉。现代设计观念无论形态还是形式上从艺术发展的角度来看，与中国传统视觉造型元素还是有着一定的渊源的。我们知道现代平面设计的诸多流派均来源于印象主义、立体主义、构成主义等现代绘画风格，而这些西方近现代派绘画在其启蒙时或多或少地受了东方艺术的影响，特别是中国传统绘画所强调的散点透视，虚实疏密，留白等形式和形态上的处理方法，对于它们的启示是不容置疑的。通过这样的梳理，应该说找到旧有造型元素与现代设计的契合点并对前者的改良更应是顺理成章的。对于具有中国地域特色旧有造型元素其形态上的改造，则使元素不仅传递了现代设计观念，更使旧有元素能够真正传递载体的现代信息，符合现代设计的功用，从而摆脱元素在使用上的局限与语意上的偏差。对本土设计师来说，守一方水土研究自成体系的平面设计就显得非常的重要。

（五）人性化设计需求与绿色设计。人性化设计与绿色设计思想是21世纪设计的主题，设计承载了对人类精神和心灵慰籍的重任。年轻人购买商品是为了张扬个性和焕发蓬勃的青春活力，年壮者是为了填补青春已逝的失落和展示成熟与自我成就感；年老者则怀着一股怀旧感和饱经沧桑的平静感。所有设计其实都是以人为本，围绕人的需要展开的，平面设计也不例外，刺激消费的美学观念曾经成为现代平面设计唯一的评判标准，从而导致能源浪费，资源破坏，生态失调。工业文明带来的危机正在唤醒越来越多的人。

绿色设计需求给平面设计师提出了一个严肃的课题，它强调在保护自然，生态，充分利用资源，以人为本，与环境为善。作为平面设计行业与其外沿，无论从意念到表现，都会给设计带来新的生命内涵，随着时展，人们审美观念的改变，设计作品一方面完善实用功能，从需求上获得满足，另一方面，顺现代审美潮流，追求美的情调。往常盲目的视觉刺激行为，往往造成视觉灾难。人类被围困在强烈的色彩，呆板的图形中。因此，视觉上运用绿色设计观念，让平面设计维持合理的视觉秩序，制止视觉污染，完善设计作品与人类的协调非常必要，另一方面，通过传达对环境的关注与自然相关的图象以及单字，词组也具有非常重要的意义，平面设计专业语也已开始逐渐适应这些变化，设计师们开始意识到他们在纸张耗费与污染技术应用方面所扮演的主要决策人的角色。1996年，美国平面造型艺术学院出版了“平面设计中环境责任指南”。又为某纸张制造商起草“设计之生态学”手册，为美国设计师提供了关于减少对环境冲击的指导方针。在中国，人们也已逐渐意识到以人为本的绿色设计的重要性，以人为本的绿色设计将会是中国平面设计发展历程的长期需求。

在经历了分解与重构后的现代平面设计艺术，未来的设计将着眼于与平面设计相关环境的设计上，其关系是相连的，内在的，互动的，广义的。当然，要设计师们和企业家们立即改变观念，设计出符合未来标准的作品决非易事。这将面临太大的难度。特别是在当今刺激消费，市场经济的大形势笼罩着整个世界的气氛下，要做一点真正有利于人类长远利益的好的设计是非常难的一件事。不过，工业“文明”，市场经济给人类带来的危机正在唤醒越来越多的有良知的人。从每天用的各类设计产品，到自认摩登的现代化国际性大都市，其中究竟有多少是必要的？。“合理消费”，“道德经济”变是必然。也是未来人类自救的方向。未来，平面设计的职责就是维护伦理性和道德性。

好的设计，将是未来正确价值观的体现。

参考书目

《边缘设计》凯恩.费舍尔编著中国轻工业出版社

篇4

2现状和意义

以往传统的工业设计教学课程主要训练学生对于实体产品的创新能力，有界面设计方面也是停留在按钮，旋钮，屏幕等实体的硬界面上。对于软体的操作界面了解少，更不用说用户研究和用户体验的方法和内容，究其原因是学校课程设计过程中没有这方面的课程。目前国内具有敏锐嗅觉的高校也逐渐增加了用户界面设计这方面的内容，如清华大学，湖南大学，江南大学等。这也说明了用户界面设计相关课程必定是工业设计教学的一个重点。

3导入的过程

为什么会选择工业设计专业的学生作为用户界面设计课程的教学对象和培养目标呢？这是由工业设计专业的背景和用户界面设计的过程共同决定的。一般工业设计的生源来自文化类理科和文科以及艺术类招生。工业设计的学生在低年级的时候学习了形态，造型素描，色彩和三大构成等等美术方面的基础知识，主要培养了学生的审美意识和审美形态能力。同时，理科文化类学生的逻辑思维能力和推理能力比较强。文科类学生的文字表达能力以及沟通交流能力比较占优势。这相当于纯粹平面设计专业的学生来讲，更加适合进行用户界面设计的学习。用户界面设计的过程主要包括了四个过程：用户研究，架构设计，交互设计以及视觉设计这四个部分。用户研究阶段的关注点在于对于用户需求，使用方式，用户类型，生理和心理以及行为等等方面进行对分析和调查。这一阶段需要有能好的沟通能力以及敏锐的判断能力，来决定用户真正想要的需求。架构设计阶段需要组合标签系统，搜索系统以及导航系统，创建信息产品和体验的艺术和科学，提供可用性和可寻性等等，这一阶段需要很好的全面管理能力，信息分类以及逻辑能力。

交互设计阶段主要是理解并建立明确的需求，开发满足需求的设计方案，制作设计方案的原型，在界面层次上研究用户与软件和信息系统进行交互的行为，帮助用户成功地达到目标和完成任务，完成最后用户测试和评估。这一阶段需要优秀的理解、沟通与协调能力，逻辑思维能力以及创造力。视觉设计阶段关注的是如何将数据，内容以及导航视觉化，通过视觉属性来表现信息的层次，主要包括颜色，形状，位置和范围等等。这一阶段需要传达信息的图形表现能力。信息系统的复杂需要设计者具有综合全面的知识，以便交流起来才更加流畅，团队协作完成项目更加高效。通过上述过程的分析可知，平面设计专业学生比较容易进入视觉设计部分，因为他们学习的是视觉信息的传递和表达，但欠缺逻辑思维能力。计算机专业的学生则比较容易进入架构设计部分，逻辑思维比较强，但缺乏艺术审美能力。相对于前面两者，工业设计专业学生的优势就有了体现，基础美术的知识培养了审美能力，工科性质的人机工程学，制图和结构设计课程培养了逻辑思维能力，表现技法和造型培养了手头表达和创造能力，产品设计系统培养了全面把握流程的管理能力。工业设计专业在传统的产品设计中导入用户界面设计是一个缓慢的过程，在此过程中不能太过于突然。在工业设计专业的目前的教学内容背景下，可以逐渐增加课程，刚开始增加的课程并不需要非常细化，但要完成用户界面设计的过程且要结合工业设计本身的特征来进行。

如课程“电子产品及界面设计”，在设计电子产品的造型和形态，结构，功能的同时，要求把内部的功能界面也表达出来，此时表达也只是停留在平面静态的表现上，是个初级的视觉设计的过程，主要体现产品的造型和内部界面的风格塑造。接下来增设交互设计理论和制作类课程，如“交互设计基础”或“交互界面设计”，或“交互设计”等，要求在学习交互设计知识基础上用一些软件制作出交互原型，尤其是高保真原型的制作。再增设“用户体验和产品创新”或“用户研究”了解用户的需求调查和用户文档撰写，可以结合已有的“产品开发设计”或者“产品设计调查”来进行这门课程的教学。再增“信息架构设计”和“高级语言程序设计”等等，这样就完成了由表及里，由前台到后台的一个完成的过程教学。这其中的课程名称叫法不同，但实质都是围绕着用户界面设计的流程来开设的，有些课程可能因为技术的发展需要进行调整，但是课程的作用和培养目标是一致的。