《用户界面设计》大作业
设计一款手机app或桌面app的用户界面,撰写“用户界面设计说明书”。 具体要求如下:
通用规则
1. 撰写认真: 文档应具有统一性(所有内容都指向同一个清晰的主题)、一致性(所有内容的组织清晰合理,符合逻辑)和支持性(有具体的细节或案例)。没有各种文字错误。 2. 正确的格式化: 使用标题、列表、留白等机制,让文档适宜阅读。
关于用户界面设计说明书
是否/如何回答了以下问题 项目是什么
项目的来源或背景
项目的技术细节,比如开发平台、运行平台等 是否符合专业文档撰写规范 是否包括了以下内容:
界面设计原则 app工作流程图
界面设计规范(design specification):至少包括颜色设计、字体设计、图像设计、布局设计等方案,需包含主要界面的详细设计图。
避免抄袭现象:如果发现抄袭或雷同,成绩不及格。
一、实验目的
(1)熟悉图形用户界面的设计原则
(2)利用一种设计工具完成图形化的用户界面设计 二 、预备知识
图形用户界面又称为WIMP界面,由窗口(windows)、图标(icons)、菜单(menu)、指点设备(pointing device)四位一体,形成桌面(desktop) ,如图所示。
用户 眼 手 WIMP界面 击键/指点 应用例程 窗口、图标 菜单、文本 图形用户界面是当前用户界面的主流,广泛应用于各档台式微机和图形工作站。图形用户界面的共同特点是以窗口管理系统为核心,使用键盘和鼠标器作为输入设备。窗口管理系统除了基于可重叠多窗口管理技术外,广泛采用的另一核心技术是事件驱动(event-driven)技术。
WIMP界面可看作是第二代人机界面,是基于图形方式的人机界面。在WIMP界面中,人被称为用户,人机通过对话进行工作。用户只能使用手这一种交互通道输入信息,通过视觉通道获取信息。在WIMP界面中,界面的输出可以为静态或动态的二维图形或图像等信息。
这种方式能同时输出不同种类的信息,用户也可以在几个工作环境中切换而不丢失几个工作之间的联系,通过菜单可以执行控制型和
对话型任务。由于引入了图标、按钮和滚动条技术,大大减少键盘输入,提高了交互效率。基于鼠标和图形用户界面的交互技术极大地推动了计算机技术的普及。 (1)图形用户界面的三个重要思想 1) 桌面隐喻(desktop metaphor)
指在用户界面中用人们熟悉的桌面上的图例清楚地表示计算机可以处理的能力。 隐喻的表现方法:静态图标、动画、视频 2) 所见即所得(What You See Is What You Get,WYSIWYG) 显示的用户交互行为与应用程序最终产生的结果是一致的。 3) 直接操纵(direct manipulation)
直接操纵是指可以把操作的对象、属性、关系显式地表示出来,用光笔、鼠标、触摸屏或数据手套等指点设备直接从屏幕上获取形象化命令与数据的过程。直接操纵的对象是命令、数据或是对数据的某种操作。
(2)设计图形用户界面的原则
1) 一般性原则:界面要具有一致性、常用操作要有快捷方式、提供简单的错误处理、对操作人员的重要操作要有信息反馈、操作可逆、设计良好的联机帮助、合理划分并高效地使用显示屏、保证信息显示方式与数据输入方式的协调一致
2) 颜色的使用:颜色是一种有效的强化手段,同时具有美学价值。使用颜色时应注意如下几点:限制同时显示的颜色数;画面中活动对象的颜色应鲜明,而非活动对象应暗淡;尽量避免不相容的颜色