app用户界面设计大作业.pdf

《app用户界面设计大作业.pdf》由会员分享，可在线阅读，更多相关《app用户界面设计大作业.pdf（13页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、教学站：前进 学号：201812925310039：詹浩裕医护医护 appapp 用户界面设计说明书用户界面设计说明书修订历史记录修订历史记录日期日期版本号版本号1.02.03.0修改说明修改说明制定大纲及编写正文修改界面设计规修改主要界面设计修改人修改人XxxXxxXxx核准人核准人YyyYyyYyy目录1 1引言引言.-3-3-1.11.1 编写目的编写目的.-3-3-1.21.2 项目背景项目背景.-3-3-1.31.3 主要功能主要功能.2 22 2应当遵循的界面设计规应当遵循的界面设计规.-4-4-2.12.1 用户界面设计原则用户界面设计原则.-4-4-2.22.2 界面一致性界面

2、一致性.4 42.32.3 布局合理化原则布局合理化原则.错误!未定义书签。3 34 4引导页引导页.错误!未定义书签。主界面主界面.-6-6-4.14.1 主界面主界面.-7-7-4.24.2 登录页面登录页面.错误!未定义书签。4.34.3 各子界面各子界面.7 75 5美学设计美学设计.10106 6界面资源设计界面资源设计.10106.16.1 图标资源图标资源.10107 7投诉与建议投诉与建议.11111 1 引言引言1.11.1 编写目的编写目的本文档是对系统界面设计风格进行描述，和用户交互的最终界面在详细设计说明书中设计和解释。1.21.2 项目背景项目背景主要针对的用户群体为

3、全国三甲医院的专科护士，主要的功能有：对院院外用户进行管理，提供随访评估所需的容与工具，查看用户日常病程变化，为用户私人定制康复计划，与用户进行即时沟通，并在线回答用户问题。1.31.3 主要功能主要功能患者端主要的功能有：查看宣教容，根据护士为其制定的康复计划，完成周期性康复容。实时监控自身病情变化曲线，并可及时与护士进行沟通，使问题得到快速的解答。2 2 应当遵循的界面设计规应当遵循的界面设计规2.12.1用户界面设计原则用户界面设计原则基于用户群体的特性，产品整体采用比较简单干净的风格，多用于圆角的设计是为了增强亲切感。弹出框、icon 等设计多采用圆圆的饱满的设计风格，使整个画面更加亲

4、切！界面设计员应该明白软件中用户是所有处理的核心，不应该有应用程序来决定处理过程，所以用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把操作流程强加给用户。界面设计必须经过确认才能完成。2.22.2界面一致性界面一致性在界面设计中应该保持界面的一致性。一致性既包括使用标准的控件,也指使用相同的信息表现方法,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。2.2.12.2.1 显示信息一致性标准显示信息一致性标准2.2.22.2.2 布局合理化原则布局合理化原则应注意在一个窗口部所有控件的布局和信息组织的艺术性,使得用户界面美观。在一个窗口中按 tab 键,

5、移动聚焦的顺序不能杂乱无章,tab 的顺序是先从上至下，再从左至右。首先应输入的和重要信息的控件在 tab 顺序中应当靠前,位置也应放在窗口上较醒目的位置。该系统的界面设计布局力求简洁、有序、易于操作。3 3 引导页引导页4.4.主界面主界面4.14.1主界面主界面4.24.2登录界面登录界面用户登录看护系统的界面，是一个独立于首页之外的界面，用户必须登录才能查看到首页上的信息，以次来增加系统信息的安全性。在登录时，用户可以选择登录权限即“用户”、“管理员”登录。为防止可能出现的恶意攻击，登录时设置了验证码。4.34.3 各子界面各子界面5 5 美学设计美学设计本系统采用了人机界面设计。遵循了以用户为本、提高可交互性、尽量避免需要记忆的容、简化用户操作、提高操作的效率、应用安全等一般原则。对于用户问题和要求表现得了很好的满足，且界面用语具有可理解性和易用性，极大程度上便于用户的习惯使用方式。6 6 界面资源设计界面资源设计6.16.1 图标资源图标资源投诉与建议投诉与建议7 7