用户界面设计

上传人:m**** 文档编号:118386367 上传时间:2022-07-11 格式:DOC 页数:2 大小:18.50KB
收藏 版权申诉 举报 下载
用户界面设计_第1页
第1页 / 共2页
用户界面设计_第2页
第2页 / 共2页
资源描述:

《用户界面设计》由会员分享,可在线阅读,更多相关《用户界面设计(2页珍藏版)》请在装配图网上搜索。

1、用户界面设计一一重庆完美空间用户界面设计一一重庆完美空间什么是用户界面?用户界面(Ul,UserInterface)也称人机界面,是人机交互、操作逻辑和界面表现的整体设计。每一种设计都有其对应的职业角色,其中,人机交互的设计人员叫做用户研究工程师,操作逻辑设计人员叫做交互设计师,界面表现设计人员叫做视觉设计师。CRAP设计原则1、Contrast(对比)“如果两个元素不同,就会产生对比。倘若两个元素存在某种不同,但差别并不是很大,那么你做出的效果并不是对比,而是冲突。这就是关键,RobinWilliams对比原则:”如果两个项不完全相同,就应当使之不同,而且应当是截然不同(强烈)的。”对比的目

2、的有两个,一是增强页面的表现效果,二是有助于界面信息的组织。2、Repetition(重复)“RobinWilliams重复原则:“设计的某些方面(元素)需要在整个作品中重复”。重复的元素可能是一条粗线、一种粗字体,某个项目符号、颜色、设计要素、某种格式、空间关系等。总之,读者(用户)能够看到的任何方面都可以作为重复元素。“重复的目的就是统一,并增强视觉效果。3、Alignment(对齐)“RobinWilliams对齐原则:“任何元素都不能在界面上随意安放。每一项都应当与界面上的某个内容存在某种视觉联系。”试着在界面上只使用一种文本对齐方式:所有文本都左对齐,或右对齐,或者全部居中。当然,前

3、提是你要找一条明确的对齐线,坚持以它为基准进行界面的设计。对齐的目的是使界面统一而有条理(教养)。4、Proximity(亲密性)“RobinWilliams亲密性原则:“将相关的项组织在一起,移动这些项,使它们的物理位置相互靠近。在人们的意识里,物理位置的接近就意味着存在联系。亲密性的目的是实现界面信息的组织化,形成视觉的模块化。在你将界面中的相关元素放在一起展示的同时,也使界面的空白区域(留白)更加整洁、美观。我们的眼睛喜欢看到有序的事物,这会给人一种平静、安全的感觉。用户界面设计有什么原则吗?1、置界面与用户的控制之下(高效)界面设计的目的是满足用户完成任务的需求,也就是说是能够表达出功

4、能的含意,让用户快速理解界面内容和功能。如360安全卫士PC客户端的界面设计,凸显其核心功能“体检”。2、减少用户的记忆负担(简单)减少用户的记忆负担的核心有两个:界面简单和设计逻辑清晰。界面简单,是指元素和内容的清晰直观的表达效果。设计逻辑清晰,是指界面元素位置的放置是有逻辑的(常规逻辑,保证用户可理解),而不是随意的。其实,这里追求的是,界面能够引导用户的视觉流,跟随着设计逻辑(与界面角色和功能相关)进行。3、界面风格统一(自然)界面风格的统一有三方面内容:产品目标、硬件(设备)、用户习惯。与产品目标、核心功能的传达一致。产品目标决定了界面中的元素和元素间的主次关系,理解了产品目标、核心功

5、能,再开始用户界面的设计。与硬件(设备)的设计风格一致。如iOS6、iOS7、WP10平台,不同平台手机、平板、PC的界面,都是要分别进行设计的(功能实现、手势操作等都有区别),这个是基础。与用户习惯(印象)的风格一致。主要指用户元素的设计,如用户印象里“齿轮”表示“设置”功能,“头像”表示个人中心功能,用户界面设计时应当充分考虑这点。如果你觉得有更好的表意,也不妨尝试。不过,有句话说的好,打破规则前要清楚规则是什么。用户界面设计的流程是怎样的?用户界面设计的流程,其实就是设计原则中的任务项的倒叙排列。如下:“理解产品目标及核心功能t根据不同硬件设备分别设计t根据用户习惯选择元素t优化界面逻辑

6、t精简界面元素t突出核心功能t初稿t用户测试t修改初稿t确定用户界面t提交设计”。1、理解产品目标及核心功能(与产品经理沟通)2、根据不同硬件设备分别设计(平台属性、支持手势等)3、根据用户习惯选择元素(与用研工程师沟通)4、优化界面逻辑5、精简界面元素6、突出核心功能7、用户测试8、修改初稿9、提交设计综上,和产品经理一样,视觉设计师也应该要有较强的沟通能力,最好也有瞬间变用户的能力。好的用户界面是什么样子?我们试着总结,优秀的用户界面设计,通常有以下特征:1、引导用户视觉2、配色合理(与产品功能相符、色彩搭配科学)3、考虑用户场景用户界面的好坏,最终还是要用产品说话,要让用户评价的。所以,如果你要问好的用户界面在哪里?其实,它们就在AppStore排行榜上,就在你的手机和电脑上。美无止境,用户界面设计也是如此;源于生活,归于自然,去发现吧!

展开阅读全文
温馨提示:
1: 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2: 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
3.本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 装配图网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

copyright@ 2023-2025  zhuangpeitu.com 装配图网版权所有   联系电话:18123376007

备案号:ICP2024067431-1 川公网安备51140202000466号


本站为文档C2C交易模式,即用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。装配图网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知装配图网,我们立即给予删除!