![点击分享此内容可以赚币 分享](/master/images/share_but.png)
UI界面设计原则.pptx
《UI界面设计原则.pptx》由会员分享,可在线阅读,更多相关《UI界面设计原则.pptx(98页珍藏版)》请在咨信网上搜索。
1、交互设计的核心交互设计的核心一切以用户为中心的设计。UI设计原则设计原则UIUI设计的宗旨:设计的宗旨:1、减少用户的认知负担 2、保持界面的一致性3、满足不同目标用户的创意需求 4、用户界面友好性 5、图标功能的一致性 6、建立界面与用户的互动交流UIUI的主要应用领域:的主要应用领域:手机通讯移动产品、电脑操作平台、软件产品、PDA产品、数码产品、车载系统产品、智能家电产品、游戏产品、产品的在线推广等。UI设计原则空间记忆空间记忆 当 人 们 进 入 一 个 全 新 环 境 时,他 们 需 要 对 空 间 建 立 认 知 模型,要 有 个 空 间 记 忆 的 感 觉。同 样,当 新 用 户
2、 打 开 一 个 全 新、陌 生 的 软 件 时,用 户 也 希望 有 个 类 似 站 点 地 图 的 东 西。但 如 果 想 让 用 户 更 加 自 如 的 使 用软 件,让 用 户 毫 无 顾 及 的 去 尝 试,不 怕 迷 路,我 们 必 须 为 用 户建 立 起 空 间 记 忆 模 式。它 犹 如 沙 漠 中 迷 途 者 手 中 的 指 南 针 与 行驶 在 荒 原 上 汽 车 装 的 G P S 一 样.当 人 们 使 用 东 西 或 文 档 时,他 们 经 常 通 过 回 忆 它 们 在 哪 里 来再 次 找 到 它 们,而 不 是 它 们 的 名 字。很 多 软 件 把 它 们
3、的 表 单 按 钮 确 定、取 消 等 放 在 预 定的 位 置 上,部 分 原 因 是 由 于 它 们 的 空 间 记 忆 依 赖 性。在 复 杂 的 应 用 系 统 中,工 具 条 上 的 工 具、层 级 结 构 中 的 对 象等,也 可 以 由 记 忆 它 们 的 相 对 位 置 找 到;因 此,我 们 应 该 小 心使 用 像 响 应 式 展 开 这 样 的 模 式。把 某 个 东 西 添 加 到 界 面 上 通 常 不 会 引 起 麻 烦,但 是 把 控 件重 新 排 列 会 打 乱 空 间 记 忆,从 而 难 以 找 到。空 间 记 忆 和 习 惯 之 间的 关 系 很 密 切。和
4、 习 惯 一 样,空 间 记 忆 也 是 一 个 在 应 用 中 及 在 应用 间 保 持 一 致 性 会 带 来 好 处 的 理 由。人 们 会 期 望 在 类 似 的 地 方 找到 类 似 的 功 能 表 现。顺 便 说 一 句,网 站 导 航 菜 单 列 表 的 顶 部 和 底部 都 是 很 特 别 的 区 域,从 认 知 的 角 度 说,与 处 于 菜 单 中 间 的 项 目相 比,顶 部 和 底 部 的 项 目 会 获 得 用 户 更 多 的 注 意 力,记 忆 也 更 持久。如 果 他 们 发 生 改 变,对 用 户 的 重 新 建 立 空 间 记 忆 势 必 会 造 成影 响,请
5、 慎 之。不 论 软 件 是 升 级 还 是 改 善。交 互 方 式 不 能 随 意 改 变,当 用 户不 论 软 件 是 升 级 还 是 改 善。交 互 方 式 不 能 随 意 改 变,当 用 户建 立 起 空 间 记 忆 对 公 司 软 件 产 品 的 长 期 发 展 是 很 有 必 要 的。建 立 起 空 间 记 忆 对 公 司 软 件 产 品 的 长 期 发 展 是 很 有 必 要 的。一、图形界面一、图形界面设计的基本原则设计的基本原则用户原则是图形界面设计最基本和最重要的设计原则。所谓用户原则,就是在软件界面设计中,要充分体现出“以人为本”、“用户友好”的基本要求,做到:易易懂、易
6、学、易用懂、易学、易用。1.1 1.1 图形图形界面设计的界面设计的“黄金法则黄金法则”用户原则是大原则,人们在长期的图形界面设计过程中,总结出了图形界面设计中一些有用的法则,这些原则被称作软件界面设计的“黄金法则”。这些法则进一步丰富了用户原则,使用户原则变得实在、可操作。1 1、图形、图形界面的一致性原则界面的一致性原则一致性原则是“黄金法则”中最重要的原则,也是界面开发人员最容易忽略和违反的一个原则。一致性原则有利于减少用户的学习量和记忆量,用户可以把局部的经验和知识推广到其他应用场合。一致性原则要做到:一致性原则要做到:界面外观上的一致:具有相似的外观布局和信息显示格式。例如Offic
7、e和Adobe软件。操作次序上的一致:例如不同命令操作后的显示效果一致。概念、语义、命令语法一致:例如同一功能的命令名称要一致,例如“复制”命令。不同软件开发商之间的界面设计要保持某种一致:例如Windows操作系统下的各种软件都具有一致性。DreamweaverDreamweaverDreamweaverDreamweaver界面界面界面界面FlashFlashFlashFlash界面界面界面界面After EffectsAfter EffectsAfter EffectsAfter Effects界面界面界面界面Premiere Premiere Premiere Premiere 界面界
8、面界面界面2 2、图形、图形界面的简洁性原则界面的简洁性原则简洁简洁不仅是界面设计的美学原则,而且也是显示屏幕大小所要求的。复杂化是界面设计的一大误区!简洁性原则主要表现在:简洁性原则主要表现在:内容归类合理、内容排列整齐一致3 3、图形、图形界面的快捷方式原则界面的快捷方式原则用户希望能减少人机对话的次数以减轻操作的频率,快捷方式就是一个较好的办法。Windows常用的快捷方式有:删除、查找、插入、保存、打开、复制、粘贴、帮助、打印、关闭、剪切等。Windows操作操作系统下的应用程序基本都遵循一样的快捷方式原则。4 4、软件信息的反馈原则、软件信息的反馈原则软件界面对用户的每个操作都应当提
9、供及时的信息反馈,尤其是简明的错误处理和帮助功能是软件界面的重要反馈信息。例如光盘刻录程序在工作的时候提示进度,结束的时候告诉任务完成、如果没有光盘提示插入光盘等反馈信息;手机信息发送成功失败提示等。5 5、软件界面的在线帮助原则、软件界面的在线帮助原则软件界面的友好性还体现在为用户提供有好的帮助界面,帮助用户学习和使用本软件。如下图:6 6、软件界面的操作可逆性原则、软件界面的操作可逆性原则操作的可逆性对用户来说,是一种有效的鼓励。如果用户知道操作是可逆的,即使发生错误也能恢复到原来的状态,用户就能大胆地对不熟悉的功能进行探索和学习。如下图:7 7、图形界面的最少记忆项目原则、图形界面的最少
10、记忆项目原则好的图形界面应该尽量减少用户的记忆量,用户必须记住的任何信息应该是和当前操作有关的,而不是和计算机相关。为减少记忆量,应该通过菜单设计及联机帮助等形式帮助用户记忆,一般地说,用户的短期记忆不要超过7个项目。8 8、图形图形界面操作序列的完整性原则界面操作序列的完整性原则界面中每个操作序列都应该清楚地标明开始和结结束,其余的操作应插在中间。操作序列的结尾应该给用户完成的感觉,并指示下一个任务的开始。想象一下发送手机信息的整个操作过程。1.2 1.2 图形界面的配色原则(色彩构成)图形界面的配色原则(色彩构成)在黑白显示器的年代,人们是不用考虑色彩的配置的。今天,屏幕色彩的配置是屏幕显
11、示设计的一个关键。恰当的色彩运用,不但能美化软件界面,而且还能够增加用户的兴趣,引导用户顺利完成操作。色彩构成是配色的基础,请同学们好好回顾一下,学会把色彩构成理论用到图形界面设计当中。例如,在电子地图上可以用不同的颜色区分不同的省、不同的国家;也可以用同一颜色的不同深法度来区分海洋的深度或地形的高度;在电脑游戏中可用颜色来表示游戏的进程。相反地,如果错误地使用颜色,会误导用户放弃操作,如有的打印程序用红色表示激光打印机预热就绪,可以打印,但有的用户却误解为机器出现危险而放弃操作。因此,屏幕色彩的配置直接关系到用户对软件操作的信赖程度。1 1、色调的一致性色调的一致性色调的一致性指的是在整个软
12、件系统中要采用统一的色调,就是有个主色调。例如,用绿色表示运行正常,那么软件的色彩编码就要始终用绿色表示运行正常,如果色彩编码改变了,用户就会认为信息的意义变了。所以,在软件界面设计前,设计者应该把色彩编码标推方案写出来,以利于每一个设计者遵守。例如很多程序采用交通灯的色彩编码含义。2 2、保守地使用色彩、保守地使用色彩 大多数的界面设计者都赞成这一色彩配置原则。所谓保守地使用色彩,就是从大多数的用户考虑出发,根据不同的用户设计不同的色彩。界面设计时提倡采用一些柔和的、中性的颜色,以便于绝大多数用户能接受。因为有时急于使用色彩突出显示效果,反而适得其反。如有的软件界面使用大号字母,每个字母还使
13、用不同的颜色显示,在远距离看来,屏幕耀眼夺目,可是它不利于阅读,而且会导致多屏显示。3 3、色彩选取尽可能符合人们的习惯用法、色彩选取尽可能符合人们的习惯用法对于一些专门软件,在配置颜色时,要充分考虑用户对颜色的喜爱。例如明亮的红色、绿色和黄色适用于为儿童设计的应用程序。一般来说红色表示错误,黄色表示警告,绿色表示运行正常等等。思考下面配色方案可能适合的群体和环境:4 4、把色彩作为功能分界的识别元素把色彩作为功能分界的识别元素不同的色彩可以帮助用户加快对各种数据的识别,明亮的色彩可以有效地突出或者吸引人们对重要区域的注意力。5 5、能让用户控制、能让用户控制配色方案配色方案通常图形界面都可以
14、让用户自定义界面色彩配置,选择自己最喜欢的颜色。例如windows操作系统界面,浏览器,QQ界面等等。6 6、色彩搭配要便于阅读、色彩搭配要便于阅读要确保屏幕的可读性,就要注意色彩的搭配,有效的方法是遵循对比法则。在浅色背景上使用深色文字,在深色背景上使用浅色文字等等。动态对象的颜色应该比较鲜明,静态对象的颜色应该较暗淡。7 7、色彩数目应该有限、色彩数目应该有限建议把单个界面颜色限制为4种以内,整个软件系统系列颜色应限制在7种以内。二、二、UIUI设计的规范设计的规范法则法则三三三三.设计设计设计设计规则和规则和规则和规则和规范规范规范规范(界面界面界面界面)界 面 是 软 件 与 用 户
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- UI 界面设计 原则
![提示](https://www.zixin.com.cn/images/bang_tan.gif)
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【天****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【天****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。