第二章 界面设计的流程与方法 第三讲5.16改.pdf

Digital Media Digital media 数媒视觉设计 数媒视觉设计 Digital media 01 数字媒体艺术设计概论 02 数字媒体界面设计的流程与方法 CONTANT 03 数字媒体界面设计艺术要素 04 数字媒体界面的视觉设计 信息架构 任务流程 数媒视觉设计 Digital media 信息架构 从上到下 从下到上 UP UP DOWN DOWN 数媒视觉设计 Digital media 自上而下 ◆这种分类方法从 “战略层”出发去考虑内容分类。最先从最为广泛的、可能满足决策 目标的内 容与功能开始进行分类 ，然后再按逻辑细分出次级分类 ，这样, “主要分类”和 “次要分类”就构 成了 “一个个空槽” ，将想要的内容和功能按顺序一一填入即可。 数媒视觉设计 Digital media ◆以微信为例 ：首先根据产品目标将 “主要分类”也就是一级架构分为 ： “微信” “通讯录” “发现” 和 “我” ；然后再进行 “次级分类” ，如 “发现”下再分 “朋友圈” “扫一扫” “摇一摇” “附近的 人”等等 ；最后将相应的功能 （如扫码、封面、街景、翻译 ）填入到相应的 “扫一扫”分类中。 数媒视觉设计 Digital media 自下而上 ◆这种分类方法先把以确定的所有内容 ，放在最低层级分类中 ，然后再将它们分别归属到较高一级 的类别。这种分类方法其实就是在做 “归类”。在实际实践过程中 ，更需要设计师本身具有一定的 信息筛选、信息梳理、信息分类的能力 ，进一步通过用户测试 ，去检验信息分类的传达有效性。 数媒视觉设计 Digital media 任务流程 任务流程 ◆在信息架构完成之后 ，就需要在信息结构的 基础上来完成任务流程。也就是当我们已知在 产品中的内容、信息是如何分布了之后 ，想要 让我们的用户使用产品去解决问题、完成他们 想要实现的目标 ，那么 ，任务流程就能够体现 出这个过程 ，所以 ，它是有步骤和方向性的 ， 并且应当是可逆或者可重复的。 数媒视觉设计 Digital media 执行 任务完成 开始 任务 通知审核 人 通知执行者 不合格 审核人判断任 合格 完成 重新执行任务 务完成情况 从开始出发——执行任务——任务完成通知审核人——审核人判断任务完成情况 ，这时 ，审核人