Android 的官方开发者博客发了一份幻灯片,介绍了一些 Android UI 设计的小贴士,Roger 在这里以看图说话的形式发出来,有兴趣的读者就继续往下翻吧。整个 PPT 共分5个部分,Part I 翻译的是前两个部分。

作为开发者,为啥我们要关心UI,前面的一堆通通可以忽略掉,直接跳到最后一条。因为好的UI设计可以帮助我们卖出更多拷贝,赚到更多钱^_^

这个 PPT 包含5个部分:

1>该做什么,不该做什么

2>设计哲学和考量

3>你必须了解的 UI 框架特性

4>新的 UI 设计模式

5>图标和准则

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)比使用确定对话框更好(实际上,应该尽量少用确定对话框,它对用户是一种干扰)

如果错误是可能发生的,那它就一定会发生。

– Donald Norman, The Design of Everyday Things 作者

设计考量:

1>屏幕的物理尺寸

2>屏幕密度

3> 屏幕的方向(竖向和横向)

4>主要的UI交互方式(触屏还是使用D-pad/trackball)

5>软键盘还是物理键盘

设计考量:

6>了解不同设备之间的相异之处是非常重要的!

7>阅读CDD,学习设备可能差异的地方

8>了解屏幕尺寸和密度分类

via

来源:http://www.imliony.com/blog/2024.hyh

给作者打赏,鼓励TA抓紧创作!赞赏

android ui秘笈,看图说话 – Android UI 设计秘笈 :Part I相关推荐

  1. android ui秘笈,看图说话 – Android UI 设计秘笈 :Part II

    Android 的官方开发者博客发了一份幻灯片,介绍了一些 Android UI 设计的小贴士,整个 PPT 共分5个部分,Part II 翻译的是第三部分. 第一部分点击这里查看. 你必须了解(使用 ...

  2. android ui秘笈,看图说话_Android_UI_设计秘笈.pdf

    March 14 2011 看图说话看图说话 Android UI 设计秘笈设计秘笈 Part II Android 的官方开发者博客发了一份幻灯片 介绍了一些 Android UI 设计的小贴士 整 ...

  3. 手机看图app android小众,保证你用到停不下来的8款APP

    1.恋爱话术(追女孩聊天神器) 推荐指数:★★★★☆ 支持平台:Android 交朋友谈恋爱,什么最重要?聊天技巧最重要,聊天话术最重要! 恋爱约会.追女孩.恋爱宝典.扩列话术.聊天神器.扩列扩圈-各 ...

  4. 谷歌发布最新看图说话模型,可实现零样本学习,多类型任务也能直接上手

    点击上方"视学算法",选择加"星标"或"置顶" 重磅干货,第一时间送达 兴坤 发自 凹非寺 量子位 报道 | 公众号 QbitAI 谷歌新推 ...

  5. 自然语言处理NLP之自然语言生成、文本相似性、看图说话、说话生图、语音合成、自然语言可视化

    自然语言处理NLP之自然语言生成.文本相似性.看图说话.说话生图.语音合成.自然语言可视化 目录

  6. 《预训练周刊》第27期:谷歌发布最新看图说话模型、GitHub:平台上30%的新代码受益于AI助手Copilot...

    No.27 智源社区 预训练组 预 训 练 研究 观点 资源 活动 关于周刊 本期周刊,我们选择了9篇预训练相关的论文,涉及少样本理解.图像检测.决策图.大模型微调.对话微调.分子建模.蛋白质结构预测 ...

  7. 教你用PyTorch实现“看图说话”(附代码、学习资源)

    作者:FAIZAN SHAIKH 翻译:和中华 校对:白静 本文共2200字,建议阅读10分钟. 本文用浅显易懂的方式解释了什么是"看图说话"(Image Captioning), ...

  8. [导入]看图说话,编写VS2005插件,增强VS2005 IDE

    前几天写了个小插件,发了个bog,说要把过程写出来,今天来个看图说话吧. 1.使用VS2005.创建新项目,选择Visual Studio 外接程序模版. 2.VS2005会启动外接程序向导 3.选择 ...

  9. 谷歌浏览器中文版_中国科学家设计超薄指尖传感器,厚度不到A4纸五分之一 / 谷歌发布地图时光机:百年前,你家街道啥样?/ AI看图说话首超人类...

    关注我们了解计算机视觉最新动态 ! 动态先览 1 中国科学家设计超薄指尖传感器,厚度 不到A4纸五分之一 2 谷歌发布地图「时光机」:100年前, 你家街道长啥样? 3 仿真环境跟车2分钟,就让自动驾 ...

最新文章

  1. 那些年,我们一起刷过的计算机视觉比赛
  2. 框架中的左侧菜单关联右侧页面是如何实现的_前端基础学习:Vue2.0实现移动端外卖平台项目,参考旧版饿了么!...
  3. 精通Android开发 1
  4. 图像语义分割_图像语义分割(9)-DeepLabV3: 再次思考用于图像语义分割的空洞卷积...
  5. 求职时这样回答问题你就输了!来自IT类面试官视角的深度解读
  6. 计算机英语(王艺)译文(unit6-unit12)
  7. js 实现纯前端将数据导出excel两种方式,亲测有效
  8. 高等数学复盘 | 第七册下册第八章——向量代数与空间解析几何思维导图梳理(复习专用)
  9. Justinmind Prototyper中如何使用变量达到一些效果
  10. Neo4j之CQL基础
  11. jquery 鼠标滚轮实现图片缩放
  12. 《传智播客.Net培训.net视频教程》(.net视频asp.net培训传智播客asp.net视频教程开放课程c#视频移动开发winform SQL ADO.Net HTML JavaScript
  13. html中dr标签的作用是什么,DR是什么意思?关于DR的意义
  14. 计算机应用基础最要考点,北京自考计算机应用基础答题及时存盘
  15. vlc for android 不能全屏,或者画面不能铺满的问题。
  16. 互联网行业产品经理(PM)的月薪一般是多少?
  17. RTL8188EUS移植到AM3352
  18. 你不知道的前端代码规范
  19. java读文件块会读出null,为什么?
  20. Coding and Paper Letter(六十三)

热门文章

  1. oracle exp语句 按日期命名,Windows平台下Oracle数据库exp全备脚本,根据时间保留备份数及自动上备份至FTP...
  2. 深入剖析微软Office Word主控文档利与弊
  3. Java中创建对象的几种方式
  4. spring框架使用Quartz执行定时任务实例详解
  5. 【转载】拿来即用的企业级安全运维体系搭建指南
  6. js url参数的获取和设置以及删除
  7. JdbcTemplate详解 - 2
  8. GRUB启动过程分析 GRUB 引导程序配置
  9. hdfs dfs的bash hdfs command not found解决方案
  10. 多目标决策问题1.1.1:线性加权法——熵权法确定权重