《交互数字内容设计》课件（共十章-上）

UI交互界面设计第一章交互界面设计概述1、什么是交互界面设计？（重点、难点）2、什么是交互设计？（重点）3、UCD的设计思想（重点）4、交互界面设计常用工具1.1交互界面设计通过什么操作Photoshop程序？通过什么操作手机？1.1.1什么是界面（UI）？界面——UI即UserInterface(用户界面)的简称。广义上来讲，UI界面是人与机器进行交互的操作平台，即用户与机器相互传递信息的媒介。人机交互、操作逻辑、界面美观用户机器界面”“概括成一句话就是——人和机器之间的界面。这个界面实际上是体现在我们生活中的每一个环节的，例如开车时候方向盘和仪表盘就是这个界面，看电视的时候遥控器和屏幕就是这个界面，用电脑的时候键盘和显示器就是这个界面。于是我们可以把UI可以分成两大类：硬件界面和软件界面。本课所关注的UI设计特指软件界面，我们也可以称为特殊的或者狭义的UI设计。什么是界面设计？界面设计即UserInterfaceDesign（用户界面设计）的简称，是指对软件的人机交互、操作逻辑、界面美观的整体设计。人机交互操作逻辑界面美观1.1.2UI设计是做什么的？UI设计从工作内容上来说分为3个方向。它主要是由UI研究的3个因素决定的，其分别是研究界面，研究人与界面的关系，研究人。1.研究界面---视觉设计师国内目前大部分UI工作者都是从事这个行业。也有人称之为美工，但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，视觉传达设计，信息多媒体设计等。2.研究人与界面的关系---交互设计师在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，软件的结构与操作规范等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。交互设计师一般都是软件工程师背景居多。3.研究人----用户测试（用户体验设计师）任何的产品为了保证质量都需要测试，软件的编码需要测试，自然UI设计也需要被测试。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组，用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要，如果没有这个职位，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来严重的风险性。用户研究工程师一般是心理学人文学背景比较合适。

1.1.3交互界面设计的分类移动端交互界面设计PC端交互界面设计游戏端交互界面设计其它端交互界面设计问题一：界面设计=版式设计？谓版式设计，就是在版面上，将有限的视觉元素进行有机的排列组合界面设计的内容包括：图形、文字、色彩、编排，使界面起到美化效果的作用。需要研究用户需求，研究目标用户。1.1.4交互界面设计与版式设计的关系问题二：界面设计=用户+界面？或者界面设计就是单单指界面美化设计？从字面上看，UI有用户与界面两个组成部分，但实际上还有用户与界面之间的交互关系。界面设计需要定位使用者、使用环境、使用方式。不仅仅是美化界面，还有需要研究用户、让界面变得更友好、更有趣、更易用、更舒适。UI用户界面=+交互=版式考虑用户的心理需求，研究目标用户前面讲到UI设计包括两方面——美化和交互。让大家更了解UI设计的重要性从美化的角度看，UI优化后:1更有时尚感、层次感2.从QQ图像就能知道是QQ的登入界面，更直观、形象。从交互的角度，未UI优化的界面：1.功能过于简单2.登入没有体现按钮的特点，而不会单击3.密码输入框也没有做掩密处理，被盗号的风险系数增加界面设计涉及的范围及学科人机产品界面设计、移动设备界面设计、网页界面设计、软件界面设计界面设计是一种结合美学、计算机科学、心理学、行为学、人机工程学、信息学以及市场学等的综合性学科，强调人—机—环境三者作为一个系统进行总体设计。交互：本义：双方面互动，参与活动的对象可以相互交流。广义的交互。人机交互(Human-ComputerInteraction):是一门计算机科学，主要研究关于设计、评价和实现供人们使用的交互计算系统，以及对有关这些现象进行研究的科学。强调人与机器相互信息交换。狭义的交互。交互设计（InteractionDesign）：见下文…1.2交互设计1.2.1什么是交互设计交互设计是一种如何让产品易用，有效而让人愉悦的技术，它致力于了解目标用户和他们的期望，了解用户在同产品交互时彼此的行为，了解“人”本身的心理和行为特点，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。

交互设计定义（InteractionDesign）

关注几个概念交互设计设计行为，偏向于计算机的人机交互人与机器相互信息交换交互一种行为设计体验镜子设计簸箕设计1.2.2为什么要有理性的交互设计？2010年左右，炫酷写实的设计成为了潮流、但这正是用户所需要的吗？此设计来自网络，鸣谢29此设计来自网络，鸣谢QQ音乐UI实际上这些炫酷写实的界面带给用户的并不是更加优质的体验，而是增加了学习成本，和开发者的效率把这些写实的改变为歌词或者英文翻译才是用户更加需要的用户更需要解决实际问题的设计VB之父（VisualBasic是一种可视化的、面向对象和采用事件驱动方式的结构化高级程序设计语言，可用于开发Windows环境下的各类应用程序。）交互设计之父微软视窗先锋奖软件梦幻奖得主库伯交互设计公司创始人艾兰.库珀(alancooper)他创建了Cooper交互设计公司反复强调如何使“高科技”产品回归人性，明确指出，要设计出强大而令人愉悦的软件产品，必须在开始编制软件之前做好交互设计。1.2.3交互设计的起源与发展交互设计起源于计算机的人机界面设计。交互设计INTERACTIONDESIGNBillMaggridge（比尔·莫格里奇）1981年设计出第一台笔记本电脑“GridCompass”1984年他在一次会议中提出交互设计的概念一开始只是想着将软件与用户界面设计的结合，称为“softface”（软面）1990年更名为“InteractionDesign”(交互设计)。GridCompass第一台笔记本电脑交互设计INTERACTIONDESIGN1.2.4交互设计涉及的范围及学科学科人类工程学心理学认知科学信息学工程学计算机科学软件工程社会学人类学语言学美学……设计图形设计产品设计商业美术电影产业服务业……交互设计人机交互（HCI）1.2.5交互设计师的知识体系和工作范畴1.2.6交互设计师的具体工作交互设计做什么？需求分析一般来说，交互设计的第一个环节就是需求分析，需求分析主要指用户研究、场景剧本、角色创建以及需求提炼。海淘APP分析42百度视频MYAPP热门｜HOT功能｜Funtion电视剧｜TVplay下载｜Download电影｜Film分类查找｜Classification综艺｜Varietyshow搜索｜Search猜你喜欢｜Guessyou个人中心｜PersonalCenter排行榜｜RankingList发现｜Discover达人推荐｜Peoplerecommend播放器｜player短视频｜Shortvideo游戏｜GameCenter产品架构图绘制－树状图信息架构和流程设计43交互流程图绘制交互流程图绘制交互设计是面向过程的设计，所以需要描述清楚产品整体使用流程及相应的情况。使用交互文档进行描述是很好的方式，交互文档将作为技术开发，测试及设计人员进行全面的界面设计的依据。44动态交互原型设计为了更好的将产品的动态展示给Boss或者其它相关团队成员，可以用最简单的方式进行动画演示，让成员可以更快更好的理解产品的使用。原型设计四、界面设计的工作流程1）.

产品制作人，写产品计划书。

2）.

用户体验研究员，作调查分析。

3）.

信息建构师，设计产品架构。

4）.

交互设计师，作出互动流程。

5）.

视觉设计师，作出页面视觉设计。

6）.

前台工程师，前台开发。

7）.

后台工程师，后台开发。

8）.

用户体验研究员，做用户测试确保质量。1.3UCD的设计思想1.3.1什么是UCD？UCD设计思想（user-centereddesign）以用户为中心的设计。在进行产品设计时从用户的需求和用户的感受出发，围绕以用户为中心设计产品，而不是让用户去适应产品，无论产品的使用流程、产品的信息架构、人机交互方式等，都需要考虑用户的使用习惯、预期的交互方式、视觉感受等方面,时刻以用户的体验为设计的基本原则。1.用户并不关心你使用了什么技术，而是关心这个技术带来的结果（能够达成自己的目标和任务）；2.不要使用技术（特别是硬件、代码等方面）作为你的产品卖点；3.用户只使用产品帮助自己生活，不会把产品当做生活；（用户只使用产品帮助自己学习，不会把使用产品当做学习）；4.对于用户来讲，产品的外观和交互界面等于产品的所有；5.比起图标的大小和颜色，用户更关心界面切换的速度。1.3.2了解用户使用交互界面的心理用户需求分析的根本目的是为了了解用户的行为，并获得市场分析数据，用于指导产品的需要与价值。研究用户的行为可从4个方向出发：1.它是什么产品；2.看上去如何；3.解决什么问题；4.其他心理要求。1.3.3理解用户的需求和分析需求1.对用户体验有正确的预估；2.认识用户的真实期望和目的；3.在功能核心还能够以低廉成本加以修改的时候对设计进行修正；4.保证功能核心同人机界面之间的协调工作，减少BUG。1.3.4使用UCD设计思想的目的1.3.5以用户为中心的界面设计原则1）、一致性和必要的个性化2）、使用用户的语言3）、用户记忆负担最小化4）、用户界面的功能性5）、容易理解6）、清楚的报错信息7）、快捷方式的组合8）、连续性9）、方便退出10）、帮助系统1）、一致性和必要的个性化OFFICE软件风格一致，要有统一的字体字号、统一的色调、统一的提示用词、窗口在统一的位置、按钮也在窗口的相同的位置。目的是能够减少记忆量、减少出错概率而且能迅速积累操作经验。个性化。在一致性下，适当突出该软件的“个性化”如PPT中不同于word有自己的动画效果2）、使用用户的语言界面中要注意使用用户的语言，而不是设计者的语言，最有效的方法：让数据说话，如询问用户、用户投票等。因此，用户使用系统的错误会降到最低。3）、用户记忆负担最小化浏览信息比记忆更容易，在设计时一定要考虑到减轻用户的记忆负担。4）、用户界面的功能性界面最基本的性能是具有功能性与使用性，通过界面设计，让用户明白功能操作，并将产品本身的信息更加顺畅的传递给使用者，是功能界面存在的基础与价值用户界面一定要有基本的功能，设计者不能片面追求界面外观漂亮而导致华而不实。5）、容易理解大多数的用户都有丰富的生活经验，也就是使用各种工具或者玩具的经验。如果能够在界面设计中把这些积累的生活经验和界面视觉元素对应或这连接起来就会让用户更容易理解。如电子书界面，模拟翻书的设计可以很快让用户理解如何操作，并且给读者熟悉的阅读体验。6）、清楚的报错信息错误操作后，系统应该提供有针对性的错误信息反馈提示，让用户心里有数。7）、快捷方式的组合在菜单及按钮中使用快捷键可以让用户操作的更加快捷因此在一些软件设计中会把的常用的功能用图标按钮的形式摆在工具条上或用快捷件。8）、连续性一个有序的连续的界面能让用户轻松使用。在排列和版面布局上要有序，是水平排列还是垂直排列还是两者都有之。如QQ界面。9）、方便退出在界面的使用上要设计方便退出，提供不同可能性，如手机的退出，是按一个键就可退出还是一层一层的退出。10）、帮助系统它可以帮助用户更快捷、更好的学习界面的使用，告诉用户在遇到某些使用问题时该如何处理、减少用户在使用中的挫折感。1.4交互界面设计常用工具1.Photoshop、2.Illustrator3.AdobeAfterEffects4.AxureRP总的来讲本课内容主要讲了什么是UI？——ui是做什么的？——怎样做UI?第二章初识移动设备的操作系统本章主要讲述当前移动设备的主流操作系统Android系统（谷歌）和IOS系统（苹果），了解其设计规范。英寸

像素

点

分辨率

2.1IOS系统的组成要素及设计规范

2.1.1IOS系统简介IOS系统是由苹果公司开发的手持设备操作系统，主要应用于iPhone、

iPad和iPodTouch 等手持设备。IOS系统一直在引领移动端界面设计潮流，早期的界面采用拟物化风格，自IOS7之后一直采用扁平化风格，

设计时应使用形状工具进行绘制，这样更方便后期尺寸、颜色或形状的修改。

1.界面尺寸：3.5英寸（iPhone1/2/3/4/4S）、4英寸（iPhone5/5S/5C）、4.7英寸（iPhone6/6S）、5.5英寸（iPhone6plus/6Splus）等。2.分辨率：320*480像素（iPhone1/2/3）、640*960像素（iPhone4/4S）、640*1136像素（iPhone5/5S/5C）、750*1334像素（iPhone6/6S）、1080*1920像素（iPhone6plus/6Splus）等，2.1.2尺寸及分辨率

点击添加文本点击添加文本点击添加文本点击添加文本iOS

界面尺寸设备分辨率状态栏高度导航栏高度标签栏高度Iphone6plus1080x1920px54px132px146pxIphone6/6s750x1334px40px88px98pxIphone5/5c/5s640x1136px40px88px98pxIphone4/4s640x960px40px88px98px状态栏(statusbar)：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40px导航栏(navigation)：显示当前界面的名称，包含相应的功能或者页面间的跳转按钮，其高度为：88px主菜单栏(submenu，tab)（标签栏）：类似于页面的主菜单，提供整个应用的分类内容的快速跳转，其高度为：98px内容区域(content)：展示应用提供的相应内容，整个应用中布局变更最为频繁。内部设计1、所有能点击的图片不得小于44px（Retina需要88px）2、单独存在的部件必须是双数尺寸3、充分考虑每个控制按钮在4种状态下的样式，如图2.1.3交互界面的组成元素

状态栏导航栏内容区标签栏Iphone6图例1.图标的圆角和光晕效果2.1.4系统图标

2.图标大小状态栏图标20—24px桌面图标120x120px导航栏、工具栏图标44x44px标签栏图标50x50px最大96x64px设置图标58x58pxSpotlight图标80x80px3.图标格式IOS系统图标和控件的标准格式为PNG格式，它是目前交互界面设计使用的主流图片格式，是一种无损压缩的图片格式。点击添加文本点击添加文本点击添加文本点击添加文本2.1.5字体一般的规范是按钮用44pt、小文字用12pt、正文文本用17pt和标题用20pt+。IOS9中文字体：苹方/PingFangSCIOS8中文字体：常州华文的黑体-简，在macosx系统中选择黑体-简IOS英文、数字：Helvetial状态栏规范用户依赖于状态栏的重要信息，如信号，时间和电池。文本和图标可以是白色或黑色，但背景可以被设计成任何颜色，并与导航栏合并。Pt和px的换算750×1334尺寸的换算关系1pt=2px，12pt的文字算过来就是24px也就是说程序员拿到我们的px单位的标注稿，自己除以2就是pt了。点击添加文本点击添加文本点击添加文本点击添加文本2.1.6标准色IOS提供的色值：RGB色彩模式色值标注，如：192，192，192Android提供相关颜色的16进制色值及配色方案

在photoshop软件中提取16进制色值：如：#c0c0c0。导航栏规范导航栏是用于屏幕的快速信息。左边部分可用于配置文件，菜单按钮，而右边的部分是一般用于动作按钮，如添加，编辑，完成。请注意，如果您使用这些系统图标，您不需要为它们单独设计。搜索栏工具栏Stepper控件提示框提示对话框是用于输送关键信息和提示快速操作。提示应保持最少文字，退出一定是明显。分段控制框滑块开关布局标准控件ios1334x750pxIphone6/6s标签栏点击添加文本点击添加文本点击添加文本点击添加文本2.2Android系统界面规范点击添加文本点击添加文本点击添加文本点击添加文本1.Android界面尺寸点击添加文本点击添加文本点击添加文本点击添加文本

2.界面尺寸（1280x720px）状态栏高度：50px

导航栏高度：96px

标签栏高度：96px

Android最近出的手机都几乎去掉了实体键，把功能键移到了屏幕中，当然高度也是和标签栏一样的：96px

内容区域高度为：1038px（1280-50-96-96=1038）3.常用尺寸Android界面默认菜单栏的高度是：72px；Android界面每个元素之间最小的间距是：12px；Android界面默认btn的高度是：60pxpx=ppi/160*dp4.常用屏幕尺寸240x320ldpi

（低等屏幕）320x480mdpi

（中等屏幕）480x800hdpi

（高清屏幕）720x1280xhdpi

（超高清屏幕）点击添加文本点击添加文本点击添加文本点击添加文本5.字体规范、大小5.X版本：思源黑体/NotoSansHan5.0以下版本：DroidSansFallback，可用文泉驿微米黑代替英文、数字：Roboto标题（58px或60px）二级标题（44px或48px）正文字体（32px或36px）；英文最小字号22px，中文最小字号18px。UC浏览器界面6.安卓系统界面示例第三章初识互联网产品3.1认识互联网产品3.1.1什么是产品？所谓产品是指提供给市场，满足用户需求，被使用和消费的任何东西。有形产品无形产品互联网产品3.1.2什么是移动互联网产品1.移动互联网产品

移动互联网产品一般是指以手机端、可移动的设备为平台的应用工具，联通互联网，并且可以利用其进行在线购物、查询、了解网络动态等的产品，即通常所说的移动APP产品。2.移动应用产品的分类移动互联网产品种类繁多，从不同的角度可以分为不同的类型，从使用功能角度出发可以分为：游戏类、购物类、实用工具类、社交类、新闻阅读类、金融理财类等等。应该设计什么样的产品1.合格的产品在标准数值内通过检验的产品，主要集中与质量、硬件条件等硬件指标，缺乏对用户需求、情感的评估，仅仅是可以使用的产品。2.优秀的产品在具体的数值范围外还提供了让用户惊喜的部分，比如售后服务、网络导购等服务手段，或者是营销环节中的礼品赠送等，体现了一定的人文素质。3.卓越的产品一个卓越的产品有以下特征：让用户觉得满意、让用户愉快、让用户认为有趣、让用户认为有用、对用户来说富有启发性、大多数用户认为它富有美感、使用它可以激发用户的创造性、让用户通过它拥有成就感、让用户得到情感上的满足。3.2移动互联网产品产生的流程质量报告第四章需求提炼一般来说，交互设计的第一个环节就是需求分析，需求分析主要指用户研究、场景剧本、角色创建以及需求提炼。4.1提出核心概念1.从用户角度设计师们在设计产品时要从这三个方面入手，即解决用户实际需求，减少用户学习和使用成本，让用户留下美好而又深刻的使用体验。2.从产品角度从产品的角度在设计时可以从三个方面去考虑，用户需求、商业价值、开发成本。4.2用户研究

4.2.1用户研究的概念

用户研究的首要目的是帮助企业定义产品的目标用户群、明确、细化产品概念，并通过对用户的任务操作特性、知觉特征、认知心理特征的研究，使用户的实际需求成为产品设计的导向，使产品更符合用户的习惯、经验和期待。4.2用户研究

4.2.1用户研究的概念

说你想吃苹果，老妈帮你把皮削好，还同时给你了递上的垃圾桶和擦手纸。同事问你借订书机，而你看到他手上一叠文件厚到根本订不进，直接给了他书夹。朋友问你公交的末班车是几点，你直接回答“我开车送你回去”。用户研究的首要前提就是要了解产品和市场，需要对业务的核心诉求了如指掌，才能够筛选到合适的用户去研究，才能够问出合适的问题。因此除了用户研究员自身需要懂产品、懂业务、懂设计之外，更要求产品经理/设计师懂用户研究、掌握研究方法。（1班）调研的目的：快速调研用户需求以及用户痛点4.2.2用户研究的方法

1.访谈（1）

深入沟通，揭示问题潜在的本质。深入沟通是一种直接的个人访问，即在访问过程中，用户研究员通过深入地与被调查者访谈，了解被访者对某一问题的潜在动机、态度、信念和情感；

（2）通过访谈针对性地解决某一详细、私密、复杂、专业等问题。2.问卷调查

（1）标准化：为保证问卷调查的科学性和标准性，必须严格按照统一原则和固定结构进行设计，（2）定量化：问题和答案的标准化设计便于资料的定量处理和分析。

（3）效率高：传递方式多，速度快，能在短时间内收到大量的数据资料。

桌面研究：直接通过电脑、杂志、书籍、文档、互联网搜索等现有二手资料进行分析和研究的方法，通常也可以称之为案面研究，也有业内人士称之为“二手资料研究”

方法。3.桌面研究4.焦点小组焦点小组调研法是经过训练的主持人负责组织8-12个被访者进行讨论，通过讨论了解用户对一种产品、观念、想法或组织的认识、想法及原因，焦点小组调研法是一种定性研究方法，时间一般控制在1.5-2小时内。5.现场调查现场调查也有一些注意事项：

（1）做现场调查时，应该尽量让用户从事他们日常遇到并处理的事情，除非有必要，尽量避免构造一个场景让用户去执行。

（2）用户在操作过程中，调查人员要尽量避免对用户的行为进行干扰。遇到有疑问的可以先记录下来，

等用户执行完成后再进行询问。（3）用户很有可能在被询问或观察的情况下为迎合调研者而故意改变日常行为。在用户演示完成后，我们还应该针对一些问题和用户进行交谈。与用户进行交谈部分与用户访谈有点类似，但是交谈的内容是针对于用户行为的访谈。角色（用户画像）可以使产品的服务对象更加聚焦，更加的专注。海淘APP分析4.3用户画像角色简单的说，角色就是根据研究结果为我们的产品虚拟的一个典型用户。我们在设计时，就可以专门为“他”设计。角色是一种强有力的交互设计工具角色的确定给设计带来的好处：该做什么便于沟通提高效率解决边缘设计……角色一般不超过两个人一男一女一般将用户定义为初级用户和中级用户。特殊产品才定义高级用户。角色描述中应该包含：一张相片人物基本特征于产品相关的性格、能力、爱好等介绍会用到的产品、功能介绍构成角色（用户画像）的基本元素通常有：姓名、年龄、性别、职业、照片、经济状况、工作信息、计算机互联网背景。用来丰富用户画像的元素有：居住地、工作地点、公司、爱好、家庭生活、朋友圈、性格、个人语录等等。其他重要元素有：用户使用产品的目的、用户特点描述、正反面画像一个定义角色的例子一段经典对话人和他们的活动组成的故事使用具体的故事来构造模拟用户的可能行为关注人物角色，目标和活动，有可能包括对环境的考虑基于任务的脚本基于场景的脚本4.4场景剧本

一个场景脚本的例子一个场景脚本的例子该脚本提纲试图解决的问题：1.产品使用时的设置是什么？2.是否会被使用。角色最终期望的结果多长时间？3.人物角色是否经常被打断？4.和它一起使用的其他产品是什么？5.人物的技巧使用频繁程度有多高？6.为了满足人物角色的目标，角色需要完成哪些主要活动是什么？竞品分析定义对所研发产品的同类型产品进行分析讨论，并给出类比归纳的分析结果，用以了解现有产品的相关信息以及它与竞争对手之间的差异，从而借鉴于产品研发中。4.5需求提炼

4.5.1.竞品分析

竞品分析是每个产品经理/UI设计师/交互设计师的必备技能，也是常用的产品设计方法之一。竞品分析与抄袭模仿有深浅程度的不同，竞品分析是更深入全面的解剖，然后结合自身优势不足，选择性学习借鉴。其结果有可能是深度模式模仿或绕开，也有可能表面交互界面抄袭或改进。竞品分析更像是站在巨人的肩膀上出发，可以少走弯路，快速进步。竞品应该分为三类：直接竞品、潜在竞品、转移性竞品。竞品的背景分析主要包含如下几个方面：（1）基本信息：包含时间，手机环境，APP名称，版本号等信息。（2）产品的概括或简介说明（3）产品定位（4）用户需求分析（5）市场状况现状和分析（6）运营方法与重大事记通常分析与总结包含以下方面：（1）产品的概括或简介说明（2）产品的核心功能总结（3）产品的主要功能简介（4）产品的功能与界面优缺点4.5.2.竞品分析总结报告

第五章产品信息设计产品功能结构图是范围、结构层面的东西，可以不体现各功能之间的关系。如下图所示：5.1功能架构图

功能架构图概念

什么是功能？功能，指事物或方法所发挥的有利作用。产品功能架构图所描述的功能通常是概念化的：微信社交支付聊天加好友看好友动态红包付款在技术性文件中，信息架构（informationarchitecture）是指对某一特定内容里的信息进行统筹、规划、设计、安排等一系列有机处理的想法。5.2信息结构图

信息结构图概念

商场那信息架构有些类似：商场（如下图）地下一层：动感休闲地带