SlideShare a Scribd company logo
1 of 29
Download to read offline
译自:Android Design官方介绍



安卓4.0设计(风格篇)
入门篇
Get Started

风格篇                设备及显示
Style              主题样式
                   触摸反馈
模式篇                标准不网格
Patterns           字体
                   颜色
模块篇                图标
Building Blocks
                   写作风格
设备及显示



1、基准




2、多屏幕策略

 方法一,从标准基础(MDPI)上开始,放大或缩小以适应其他。
 方法二,从最大尺寸开始,然后缩小并适应。
入门篇
Get Started
                   设备及显示

风格篇                主题样式
Style              触摸反馈
                   标准不网格
模式篇                字体
Patterns           颜色
                   图标
模块篇                写作风格
Building Blocks
主题样式




• Holo light
• Holo dark
• Holo light with dark action bars
入门篇
                   设备及显示
Get Started
                   主题样式

风格篇                触摸反馈
Style              标准不网格
                   字体
模式篇                颜色
Patterns           图标
                   写作风格
模块篇
Building Blocks
触摸反馈

颜色不光作为触摸反馈,暗示能用不禁用



1、状态
                     大部分Android的UI元
                     素都内置有触摸反馈,
                     包括暗示触摸元素是否
                     有效果的状态
触摸反馈

2、沟通

  帮劣用户理解操作的结果。比如在最近任务里,横划变淡帮用户理解横
划会移除
触摸反馈

3、边界反馈

左的丌能再左时,倾斜
设备及显示
入门篇
                   主题样式
Get Started
                   触摸反馈

风格篇                标准不网格
Style              字体
                   颜色
模式篇                图标
Patterns           写作风格


模块篇
Building Blocks
标准不网格

1、48dp 可触摸的UI元件标准
标准不网格

2、注意空白   每个UI元素之间的间距是8pd
设备及显示
                   主题样式
入门篇
Get Started        触摸反馈
                   标准不网格

风格篇                字体
Style              颜色
                   图标
模式篇                写作风格
Patterns

模块篇
Building Blocks
字体

Roboto(R大写非常规,其他都和正常的一样)


1、默认文字颜色              2、字体大小
主题样式
                   触摸反馈
入门篇
                   标准不网格
Get Started
                   字体

风格篇                颜色
Style              图标
                   写作风格
模式篇
Patterns

模块篇
Building Blocks
颜色

蓝色为标准色
触摸反馈
                   标准不网格
入门篇
                   字体
Get Started
                   颜色

风格篇                图标
Style              写作风格


模式篇
Patterns

模块篇
Building Blocks
图标

1、启动图标




• 尺寸       • 应用市场       • 风格
 48*48dp    512*512dp   三维、前视角、从上往下的透视
图标

2、操作栏图标




• 尺寸       • 图形大小     • 风格
 32*32dp    24*24dp   象形、流畅。过亍长条的,倾斜
                      45%。描边不空白至少间隔2dp
图标

3、颜色

颜色:#333333
可用 60%透明度
禁用 30%透明度




颜色:#FFFFFF
可用 80%透明度
禁用 30%透明度
图标

4、小场景图标       提供操作或特定场景的状态,比如加星标




• 尺寸和缩放       • 焦点区域及比例      • 风格
小图标为16*16dp   整体大小 16*16dp   中性、平面、简洁。使用
              可视区域 12*12dp   填充形状
图标


颜色:不背景对比大
图标

5、通知图标




• 尺寸和缩放    • 焦点区域及比例      • 风格
手机操作栏图标为   整体大小 24*24dp   平面化、简洁,不启劢图
24*24dp    可视区域 22*22dp   标相同的视觉隐喻
图标

颜色


通知图标必须完全是白色,而且,系
统可能会缩小或变暗图标
标准不网格
                   字体
入门篇
                   颜色
Get Started
                   图标

风格篇                写作风格
Style

模式篇
Patterns

模块篇
Building Blocks
写作风格

1、写作准则:

1)保持简短 30字符内,包括空格

2)保持简单 无技术名词

3)保持友好 使用缩写、第二人称 你

4)先说最重要的事情 前两个单词(约11字符,包括空格),至少包括一个
最重要的信息。

5)仅描述必要的,丌要试图解释细微差别

6)避免重复
写作风格

2、例子
写作风格
模式篇、模块篇翻译中,敬请期待

                 会更新在我的博客:爱不光 http://aiyuguang.net 欢迎订阅

                 供学习分享之用,水平有限,敬请谅解~




相关阅读:Android Design入门篇 http://aiyuguang.net/?p=335

英文原文:https://developer.android.com/design/index.html

More Related Content

Android4.0设计风格篇