android ui秘笈,看图说话 – Android UI 设计秘笈 :Part I
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相关推荐
- android ui秘笈,看图说话 – Android UI 设计秘笈 :Part II
Android 的官方开发者博客发了一份幻灯片,介绍了一些 Android UI 设计的小贴士,整个 PPT 共分5个部分,Part II 翻译的是第三部分. 第一部分点击这里查看. 你必须了解(使用 ...
- android ui秘笈,看图说话_Android_UI_设计秘笈.pdf
March 14 2011 看图说话看图说话 Android UI 设计秘笈设计秘笈 Part II Android 的官方开发者博客发了一份幻灯片 介绍了一些 Android UI 设计的小贴士 整 ...
- 手机看图app android小众,保证你用到停不下来的8款APP
1.恋爱话术(追女孩聊天神器) 推荐指数:★★★★☆ 支持平台:Android 交朋友谈恋爱,什么最重要?聊天技巧最重要,聊天话术最重要! 恋爱约会.追女孩.恋爱宝典.扩列话术.聊天神器.扩列扩圈-各 ...
- 谷歌发布最新看图说话模型,可实现零样本学习,多类型任务也能直接上手
点击上方"视学算法",选择加"星标"或"置顶" 重磅干货,第一时间送达 兴坤 发自 凹非寺 量子位 报道 | 公众号 QbitAI 谷歌新推 ...
- 自然语言处理NLP之自然语言生成、文本相似性、看图说话、说话生图、语音合成、自然语言可视化
自然语言处理NLP之自然语言生成.文本相似性.看图说话.说话生图.语音合成.自然语言可视化 目录
- 《预训练周刊》第27期:谷歌发布最新看图说话模型、GitHub:平台上30%的新代码受益于AI助手Copilot...
No.27 智源社区 预训练组 预 训 练 研究 观点 资源 活动 关于周刊 本期周刊,我们选择了9篇预训练相关的论文,涉及少样本理解.图像检测.决策图.大模型微调.对话微调.分子建模.蛋白质结构预测 ...
- 教你用PyTorch实现“看图说话”(附代码、学习资源)
作者:FAIZAN SHAIKH 翻译:和中华 校对:白静 本文共2200字,建议阅读10分钟. 本文用浅显易懂的方式解释了什么是"看图说话"(Image Captioning), ...
- [导入]看图说话,编写VS2005插件,增强VS2005 IDE
前几天写了个小插件,发了个bog,说要把过程写出来,今天来个看图说话吧. 1.使用VS2005.创建新项目,选择Visual Studio 外接程序模版. 2.VS2005会启动外接程序向导 3.选择 ...
- 谷歌浏览器中文版_中国科学家设计超薄指尖传感器,厚度不到A4纸五分之一 / 谷歌发布地图时光机:百年前,你家街道啥样?/ AI看图说话首超人类...
关注我们了解计算机视觉最新动态 ! 动态先览 1 中国科学家设计超薄指尖传感器,厚度 不到A4纸五分之一 2 谷歌发布地图「时光机」:100年前, 你家街道长啥样? 3 仿真环境跟车2分钟,就让自动驾 ...
最新文章
- 那些年,我们一起刷过的计算机视觉比赛
- 框架中的左侧菜单关联右侧页面是如何实现的_前端基础学习:Vue2.0实现移动端外卖平台项目,参考旧版饿了么!...
- 精通Android开发 1
- 图像语义分割_图像语义分割(9)-DeepLabV3: 再次思考用于图像语义分割的空洞卷积...
- 求职时这样回答问题你就输了!来自IT类面试官视角的深度解读
- 计算机英语(王艺)译文(unit6-unit12)
- js 实现纯前端将数据导出excel两种方式,亲测有效
- 高等数学复盘 | 第七册下册第八章——向量代数与空间解析几何思维导图梳理(复习专用)
- Justinmind Prototyper中如何使用变量达到一些效果
- Neo4j之CQL基础
- jquery 鼠标滚轮实现图片缩放
- 《传智播客.Net培训.net视频教程》(.net视频asp.net培训传智播客asp.net视频教程开放课程c#视频移动开发winform SQL ADO.Net HTML JavaScript
- html中dr标签的作用是什么,DR是什么意思?关于DR的意义
- 计算机应用基础最要考点,北京自考计算机应用基础答题及时存盘
- vlc for android 不能全屏,或者画面不能铺满的问题。
- 互联网行业产品经理(PM)的月薪一般是多少?
- RTL8188EUS移植到AM3352
- 你不知道的前端代码规范
- java读文件块会读出null,为什么?
- Coding and Paper Letter(六十三)
热门文章
- oracle exp语句 按日期命名,Windows平台下Oracle数据库exp全备脚本,根据时间保留备份数及自动上备份至FTP...
- 深入剖析微软Office Word主控文档利与弊
- Java中创建对象的几种方式
- spring框架使用Quartz执行定时任务实例详解
- 【转载】拿来即用的企业级安全运维体系搭建指南
- js url参数的获取和设置以及删除
- JdbcTemplate详解 - 2
- GRUB启动过程分析 GRUB 引导程序配置
- hdfs dfs的bash hdfs command not found解决方案
- 多目标决策问题1.1.1:线性加权法——熵权法确定权重