Android的官方开发者博客发了一份幻灯片,介绍了一些Android UI设计的小贴士,Roger在这里以看图说话的形式发出来,有兴趣的读者就继续往下翻吧。整个PPT共分5个部分,Part I 翻译的是前两个部分。
作为开发者,为啥我们要关心UI,前面的一堆通通可以忽略掉,直接跳到最后一条。因为好的UI设计可以帮助我们卖出更多拷贝,赚到更多钱。
Don’t:
1>不要照搬你在其它平台的UI设计,应该让用户感觉是在真正使用一个 Android 软件,在你的商标显示和平台整体观感之间做好平衡
2>不要过度使用模态对话框
3>不要使用固定的绝对定位的布局
4>不要使用px单位,使用dp或者为文本使用sp
5> 不要使用太小的字体
Do:
1> 为高分辨率的屏幕创建资源(缩小总比放大好)
2> 需要点击的元素要够大
3> 图标设计遵循 Android 的准则
4> 使用适当的间距(margins, padding)
5> 支持D-pad和trackball导航
6> 正确管理活动(activity)堆栈
7> 正确处理屏幕方向变化
8> 使用主题/样式,尺寸和颜色资源来减少多余的值
9>和视觉交互设计师合作!!!
设计哲学:
1> 干净而不过于简单
2> 关注内容而非修饰
3> 保存一致,让用户容易投入其中,可附加少许变化
4> 使用云端服务(存储和同步用户资料)来加强用户体验
优秀界面的设计准则:
1> 关注用户
2> 显示正确的内容
3> 给予用户适当的回馈
4> 有章可循的行为模式
5> 容忍错误
关注用户:
1> 了解你的用户(年龄,技能,文化,对你的应用的需求,使用的设备,何时何地如何使用设备)
2> ‘用户优先’的设计心态 (用户通常是任务导向的行为模式)
3> 更早,更频繁的由真实用户来测试
显示正确的内容:
1> 最常用的操作需要最快被用户看到并且可用
2> 不太常用的功能可以放到菜单里面
给予用户适当的回馈:
1> 交互式的UI元素最少需要反映出4种不同的状态 (default,disabled,focused,pressed)
2> 保证操作的结果是清晰可见的
3> 多给予用户进度提示,但是不要干扰他们当前的操作
有章可循的行为模式:
1> 行为模式遵循用户的期望(正确的操作活动堆栈,显示用户期望看到的信息和动作)
2> 使用合适的方式来加强功能可见性(可点击的元素就应该看起来是可以点击的)
3> 如果用户完成一项任务需要复杂的操作,重新思考你的设计!!!
容忍错误:
1> 只允许有意义的操作(适当禁用一些按钮)
2> 尽量减少不可回退的操作
3> 允许回退(undo)比使用确定对话框更好(实际上,应该尽量少用确定对话框,它对用户是一种干扰)
如果错误是可能发生的,那它就一定会发生。
设计考量:
1>屏幕的物理尺寸
2>屏幕密度
3> 屏幕的方向(竖向和横向)
4>主要的UI交互方式(触屏还是使用D-pad/trackball)
5>软键盘还是物理键盘
6>了解不同设备之间的相异之处是非常重要的!
7>阅读CDD,学习设备可能差异的地方
8>了解屏幕尺寸和密度分类
分享到:
相关推荐
Android优化UI设计原则!
con Type Standard Asset Sizes in Pixels for Generalized Screen Densities Lowdensityscreen ldpi Mediumdensityscreen mdpi Highdensityscreen hdpi Launcher 36 x 36 px 48 x 48 px 72 x 72 px ...
B哥将UI设计大师JoshuaPorter总结出来的优秀的UI设计原则,进行了重新整理,以图文解说的形式展示,便于boys和girls理解。 界面清晰是UI设计的第一步,要想让用户喜欢你设计的UI,首先必须让用户认可它、知道怎么样...
19. 儿童数字读物UI设计原则与作风探析 20. 从陌头篮球游戏剖析游戏UI设计 21. 浅谈交互设计流程中的视觉因素 22. 基于jQueryMobile技术的移动网站开发研讨 23. 纬编平面提花织物的盘算机仿真 24. 纪检监察信息治理...
三、UI 设计原则与规范 UI 设计需要遵循一定的原则和规范,确保流程的准确有效执行。这些原则和规范包括: 1. 一致性:UI 设计需要遵循统一的标准,做到真正的一致。 2. 可用性:UI 设计需要提高产品的可用性和...
UI 设计师面试考试题涵盖了 UI 设计的多个方面,包括基础概念、设计原则、设计工具、设计方法、设计交付物等。下面对每个问题的答案和解析: 1. UI 设计是什么意思? UI 设计是指 User Interface 的缩写,是指用户...
6. UI设计原则:该资源体现了UI设计的基本原则,包括简洁性、可读性、可用性、美观性等。 7. 用户体验设计:该资源体现了用户体验设计的重要性,包括用户需求分析、用户流程设计、用户界面设计等。 8. 设计思维:...
现代UI设计:采用现代UI设计原则,提供清晰、简洁且吸引人的用户界面。 响应式布局:模板采用响应式设计,确保在各种设备上均能提供良好的浏览体验。 播放器集成:包含功能完备的音乐播放器,支持播放、暂停、上一首...
本文整理汇总了最新的界面设计中常用的一些ui尺寸规范和方法大全以及ui设计语言和原则,如控件间距、适配、标注、切图等,设计师在设计时并不一定要严格遵守,但对这些规范应有所了解,并融会贯通。
UI设计之三色搭配原则,什么是三色搭配原则?色彩搭配三色构成;主色的秘密;辅助色的秘密;点缀色的秘密——让页面变得更加独特
AndroidUI4.1设计原则
UI设计之电影界面设计,有设计原则简述,主要是讲解UI设计中的亲密度与对齐。
UI设计的原则及标准。 UI设计的理念。
webUI设计作业4
此外,软件UI设计规范还需要遵守一些通用的设计原则,例如: * 字体使用原则:软件的UI应该选择合适的字体,避免使用难以阅读的字体。 * 中文字体:软件的UI应该选择合适的中文字体,避免使用难以阅读的中文字体。 ...
React本机不计算这是我为Karadeniz技术大学制作的成绩计算应用程序。 它是根据UI设计原则制作的。 它适用于许多学校。
简洁易用的用户UI界面设计的9个基本原则
一般来说,界面布局需要遵循一定的设计原则,例如F-pattern、Z-pattern等。 《APP开发》APP规范实例-详细的UI设计方法.pdf为APP开发初学者提供了一个详细的UI设计方法指南,旨在解决初学者在APP开发过程中遇到的...
通用设计原则是软件UI设计的基本准则,以下是软件UI设计的通用设计原则: 1. 字体使用原则:软件的界面设计应该选择合适的字体,提高用户的阅读体验。 中文字体:软件的界面设计应该选择合适的中文字体,通常选择...