多图详解 “Android UI”设计官方教程(一)
2012-12-27 19:04
274 查看
( 一 )
我们曾经给大家一个《MeeGo移动终端设备开发UI设计基础教程》,同时很多朋友都在寻找Android UI开发的教程,我们从Android的官方开发者博客找了一份幻灯片,介绍了一些Android UI设计,我们把这个教程整理出来,希望大家喜欢。
想了解全部Android UI教程内容请点击51CTO独家专题:谷歌官方教程:Android UI设计技巧
作为开发者,为啥我们要关心UI,前面的一堆通通可以忽略掉,直接跳到最后一条。因为好的UI设计可以帮助我们卖出更多拷贝,赚到更多钱。
( 二 )
简介
这个教程包含5个部分:
◆该做什么,不该做什么
◆设计哲学和考量
◆你必须了解的 UI 框架特性
◆新的 UI 设计模式
◆图标和准则
( 三 )
UI设计5不要
Don’t:
◆不要照搬你在其它平台的UI设计,应该让用户感觉是在真正使用一个 Android 软件,在你的商标显示和平台整体观感之间做好平衡
◆不要过度使用模态对话框
◆不要使用固定的绝对定位的布局
◆不要使用px单位,使用dp或者为文本使用sp
◆ 不要使用太小的字体
( 四 )
UI设计9要素:
Do:
◆为高分辨率的屏幕创建资源(缩小总比放大好)
◆ 需要点击的元素要够大
◆图标设计遵循 Android 的准则
◆ 使用适当的间距(margins, padding)
◆ 支持D-pad和trackball导航
◆正确管理活动(activity)堆栈
◆ 正确处理屏幕方向变化
◆使用主题/样式,尺寸和颜色资源来减少多余的值
◆和视觉交互设计师合作!
( 五 )
4则Android UI的设计哲学:
◆干净而不过于简单
◆关注内容而非修饰
◆保存一致,让用户容易投入其中,可附加少许变化
◆使用云端服务(存储和同步用户资料)来加强用户体验
( 六 )
优秀界面的设计5条准则:
◆关注用户
◆显示正确的内容
◆给予用户适当的回馈
◆有章可循的行为模式
◆容忍错误
关注用户:
◆了解你的用户(年龄,技能,文化,对你的应用的需求,使用的设备,何时何地如何使用设备)
◆‘用户优先’的设计心态 (用户通常是任务导向的行为模式)
◆更早,更频繁的由真实用户来测试
显示正确的内容:
◆最常用的操作需要最快被用户看到并且可用
◆不太常用的功能可以放到菜单里面
给予用户适当的回馈:
◆交互式的UI元素最少需要反映出4种不同的状态 (default,disabled,focused,pressed)
◆保证操作的结果是清晰可见的
◆多给予用户进度提示,但是不要干扰他们当前的操作
有章可循的行为模式:
◆行为模式遵循用户的期望(正确的操作活动堆栈,显示用户期望看到的信息和动作)
◆使用合适的方式来加强功能可见性(可点击的元素就应该看起来是可以点击的)
◆如果用户完成一项任务需要复杂的操作,重新思考你的设计!!!
容忍错误:
◆只允许有意义的操作(适当禁用一些按钮)
◆尽量减少不可回退的操作
◆允许回退(undo)比使用确定对话框更好(实际上,应该尽量少用确定对话框,它对用户是一种干扰)
我们曾经给大家一个《MeeGo移动终端设备开发UI设计基础教程》,同时很多朋友都在寻找Android UI开发的教程,我们从Android的官方开发者博客找了一份幻灯片,介绍了一些Android UI设计,我们把这个教程整理出来,希望大家喜欢。
想了解全部Android UI教程内容请点击51CTO独家专题:谷歌官方教程:Android UI设计技巧
作为开发者,为啥我们要关心UI,前面的一堆通通可以忽略掉,直接跳到最后一条。因为好的UI设计可以帮助我们卖出更多拷贝,赚到更多钱。
( 二 )
简介
这个教程包含5个部分:
◆该做什么,不该做什么
◆设计哲学和考量
◆你必须了解的 UI 框架特性
◆新的 UI 设计模式
◆图标和准则
( 三 )
UI设计5不要
Don’t:
◆不要照搬你在其它平台的UI设计,应该让用户感觉是在真正使用一个 Android 软件,在你的商标显示和平台整体观感之间做好平衡
◆不要过度使用模态对话框
◆不要使用固定的绝对定位的布局
◆不要使用px单位,使用dp或者为文本使用sp
◆ 不要使用太小的字体
( 四 )
UI设计9要素:
Do:
◆为高分辨率的屏幕创建资源(缩小总比放大好)
◆ 需要点击的元素要够大
◆图标设计遵循 Android 的准则
◆ 使用适当的间距(margins, padding)
◆ 支持D-pad和trackball导航
◆正确管理活动(activity)堆栈
◆ 正确处理屏幕方向变化
◆使用主题/样式,尺寸和颜色资源来减少多余的值
◆和视觉交互设计师合作!
( 五 )
4则Android UI的设计哲学:
◆干净而不过于简单
◆关注内容而非修饰
◆保存一致,让用户容易投入其中,可附加少许变化
◆使用云端服务(存储和同步用户资料)来加强用户体验
( 六 )
优秀界面的设计5条准则:
◆关注用户
◆显示正确的内容
◆给予用户适当的回馈
◆有章可循的行为模式
◆容忍错误
关注用户:
◆了解你的用户(年龄,技能,文化,对你的应用的需求,使用的设备,何时何地如何使用设备)
◆‘用户优先’的设计心态 (用户通常是任务导向的行为模式)
◆更早,更频繁的由真实用户来测试
显示正确的内容:
◆最常用的操作需要最快被用户看到并且可用
◆不太常用的功能可以放到菜单里面
给予用户适当的回馈:
◆交互式的UI元素最少需要反映出4种不同的状态 (default,disabled,focused,pressed)
◆保证操作的结果是清晰可见的
◆多给予用户进度提示,但是不要干扰他们当前的操作
有章可循的行为模式:
◆行为模式遵循用户的期望(正确的操作活动堆栈,显示用户期望看到的信息和动作)
◆使用合适的方式来加强功能可见性(可点击的元素就应该看起来是可以点击的)
◆如果用户完成一项任务需要复杂的操作,重新思考你的设计!!!
容忍错误:
◆只允许有意义的操作(适当禁用一些按钮)
◆尽量减少不可回退的操作
◆允许回退(undo)比使用确定对话框更好(实际上,应该尽量少用确定对话框,它对用户是一种干扰)
相关文章推荐
- 详解 “Android UI”设计官方教程
- 多图详解 “Android UI”设计官方教程
- 多图详解 “Android UI”设计官方教程(1)
- 多图详解 “Android UI”设计官方教程
- 多图详解 “android ui”设计官方教程
- 多图详解 “Android UI”设计官方教程(二)
- 谷歌官方教程:Android UI设计技巧
- 谷歌官方教程:Android UI设计技巧
- Android UI”设计官方教程
- 详解如何让Android UI“.NET研究”设计性能更高效
- android开发官方教程之Building a Dynamic UI with Fragments
- 谷歌官方Android UI设计秘笈:第一部分
- 详解Android开发中UI的五种布局管理器教程
- 详解谷歌官方教程 Android插件ADT“.NET研究” 9.0.0
- 详解谷歌官方教程 Android插件ADT 9.0.0
- 详解谷歌官方教程 Android插件ADT 9.0.0
- AndroidUI设计之ViewPaper详解
- AndroidUI设计之ViewPaper详解
- Android-UI详解:软键盘弹出后,动态改变UI布局(IM聊天窗口设计示例)
- 详解Android 自定义UI模板设计_由浅入深