Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Android4.0设计风格篇

2,147 views

Published on

Published in: Design
  • Be the first to comment

Android4.0设计风格篇

  1. 1. 译自:Android Design官方介绍安卓4.0设计(风格篇)
  2. 2. 入门篇Get Started风格篇  设备及显示Style 主题样式 触摸反馈模式篇 标准不网格Patterns 字体 颜色模块篇 图标Building Blocks 写作风格
  3. 3. 设备及显示1、基准2、多屏幕策略 方法一,从标准基础(MDPI)上开始,放大或缩小以适应其他。 方法二,从最大尺寸开始,然后缩小并适应。
  4. 4. 入门篇Get Started 设备及显示风格篇  主题样式Style 触摸反馈 标准不网格模式篇 字体Patterns 颜色 图标模块篇 写作风格Building Blocks
  5. 5. 主题样式• Holo light• Holo dark• Holo light with dark action bars
  6. 6. 入门篇 设备及显示Get Started 主题样式风格篇  触摸反馈Style 标准不网格 字体模式篇 颜色Patterns 图标 写作风格模块篇Building Blocks
  7. 7. 触摸反馈颜色不光作为触摸反馈,暗示能用不禁用1、状态 大部分Android的UI元 素都内置有触摸反馈, 包括暗示触摸元素是否 有效果的状态
  8. 8. 触摸反馈2、沟通 帮劣用户理解操作的结果。比如在最近任务里,横划变淡帮用户理解横划会移除
  9. 9. 触摸反馈3、边界反馈左的丌能再左时,倾斜
  10. 10. 设备及显示入门篇 主题样式Get Started 触摸反馈风格篇  标准不网格Style 字体 颜色模式篇 图标Patterns 写作风格模块篇Building Blocks
  11. 11. 标准不网格1、48dp 可触摸的UI元件标准
  12. 12. 标准不网格2、注意空白 每个UI元素之间的间距是8pd
  13. 13. 设备及显示 主题样式入门篇Get Started 触摸反馈 标准不网格风格篇  字体Style 颜色 图标模式篇 写作风格Patterns模块篇Building Blocks
  14. 14. 字体Roboto(R大写非常规,其他都和正常的一样)1、默认文字颜色 2、字体大小
  15. 15. 主题样式 触摸反馈入门篇 标准不网格Get Started 字体风格篇  颜色Style 图标 写作风格模式篇Patterns模块篇Building Blocks
  16. 16. 颜色蓝色为标准色
  17. 17. 触摸反馈 标准不网格入门篇 字体Get Started 颜色风格篇  图标Style 写作风格模式篇Patterns模块篇Building Blocks
  18. 18. 图标1、启动图标• 尺寸 • 应用市场 • 风格 48*48dp 512*512dp 三维、前视角、从上往下的透视
  19. 19. 图标2、操作栏图标• 尺寸 • 图形大小 • 风格 32*32dp 24*24dp 象形、流畅。过亍长条的,倾斜 45%。描边不空白至少间隔2dp
  20. 20. 图标3、颜色颜色:#333333可用 60%透明度禁用 30%透明度颜色:#FFFFFF可用 80%透明度禁用 30%透明度
  21. 21. 图标4、小场景图标 提供操作或特定场景的状态,比如加星标• 尺寸和缩放 • 焦点区域及比例 • 风格小图标为16*16dp 整体大小 16*16dp 中性、平面、简洁。使用 可视区域 12*12dp 填充形状
  22. 22. 图标颜色:不背景对比大
  23. 23. 图标5、通知图标• 尺寸和缩放 • 焦点区域及比例 • 风格手机操作栏图标为 整体大小 24*24dp 平面化、简洁,不启劢图24*24dp 可视区域 22*22dp 标相同的视觉隐喻
  24. 24. 图标颜色通知图标必须完全是白色,而且,系统可能会缩小或变暗图标
  25. 25. 标准不网格 字体入门篇 颜色Get Started 图标风格篇  写作风格Style模式篇Patterns模块篇Building Blocks
  26. 26. 写作风格1、写作准则:1)保持简短 30字符内,包括空格2)保持简单 无技术名词3)保持友好 使用缩写、第二人称 你4)先说最重要的事情 前两个单词(约11字符,包括空格),至少包括一个最重要的信息。5)仅描述必要的,丌要试图解释细微差别6)避免重复
  27. 27. 写作风格2、例子
  28. 28. 写作风格
  29. 29. 模式篇、模块篇翻译中,敬请期待 会更新在我的博客:爱不光 http://aiyuguang.net 欢迎订阅 供学习分享之用,水平有限,敬请谅解~相关阅读:Android Design入门篇 http://aiyuguang.net/?p=335英文原文:https://developer.android.com/design/index.html

×