本文是对Android Design的个人学习笔记。
设计原则
1.艺术般的美感
- 漂亮的界面,精心设计的动画或悦耳的音效
- 真实的对象比菜单和按钮更有趣
- 展现人们的个性
- 认识人们的偏好
2. 简洁而具有亲和力
- 使用简洁的短句
- 尽量使用图片去解释想法
- 辅助用户去做决定
- 只展示重要的内容
- 让用户了解使用页面在应用中的位置
- 对用户信息进行妥善保存
- 视觉设计与功能保持一致
- 只在重要的时候打断用户
3.令人惊奇的创新
- 让应用容易学习
- 提示清晰的从错误中恢复的方法或者悄悄完成
- 对操作给予反馈
- 迅速完成复杂的功能
风格
1.设备和显示
灵活布局
对应用布局进行放大、缩小或者裁减以适应不同的高度和宽度优化布局
在较大的设备上,利用大屏幕的优势。通过定制视图显示更多的内容,提供更便利的导航适配布局
为不同的像素密度 (DPI) 提供资源使应用在各种设备上都看起来很棒
MDPI~160DPI(Dots per inch) —— 1x
HDPI~240DPI ——1.5x
XHDPI~320DPI——2x
XXHDPI~480DPI——3x
XXXHDPI~640DPI——4x
- 策略
一种方法是以一个基本的标准 (中等尺寸,MDPI) 开始,之后将其缩放到不同的尺寸。另一种方法是从最大的屏幕尺寸开始,之后为小屏幕去掉一些 UI 元素。
关于构建弹性布局的更多信息,参见 Designing for Multiple Screens 和 Building a Dynamic UI with Fragments。
2.主题
关于应用系统主题和自己构建主题的更多信息,参见 Styles and Themes。
3.触摸反馈
任何时候,用户触摸应用中的可操作区域,都应当给予视觉上的响应。微小的反馈就能取得良好的效果。这样做有两个好处:
- 给予鼓励 总是比给予惊吓要好
- 更好的融合 自我标识 ,因为无论与何种色调配合,默认的触摸反馈都能很好的工作
主要包括状态反馈、交流反馈和边界反馈。
4.度量单位和网格
按设备大小的两个类别分别是手持设备 (小于 600 dp) 和 平板 (大于等于 600 dp)。按像素密度分类的类别有 LDPI、MDPI、HDPI 和 XHDPI。为不同的设备优化你的应用界面,为不同的像素密度提供不同的位图,dp (density-independent pixels) 。更多信息请访问 Screen Sizes and Densities Device Dashboard。
一般来说,可触摸控件以 48 dp 为基础单位。
为什么是 48 dp?
一般情况下,48 dp 在设备上的物理大小是 9 mm (会有一些变化)。这刚好在触摸控件推荐的大小范围 (7-10 mm) 内,而且这样的大小,用户用手指触摸起来也比较准确、容易。
如果你设计的元素都至少有 48 dp 的高度和宽度,那么可以保证:
- 你设计的元素在任何屏幕上显示时,都不会小于最低推荐值 7 mm
- 你可以在信息密度和界面元素的可操控性之间得到较好的平衡
注意留白
界面元素之间的留白应当是 8 dp。
5.字体
Android 4.0 Ice Cream Sandwich 引入了全新的 Roboto 字体家族,它专为界面渲染和高分辨率屏幕而设计。
当前的 TextView 控件默认支持极细、细、普通、粗等不同的字重,每种字重都有对应的斜体。另有 Roboto Condensed 这一变体可供选择,同样的,它也具有不同的字重和对应的斜体。
下载 Specimen Book
字体的缩放
为不同控件引入字体大小上的反差有助于营造有序、易懂的排版效果。但在同一个界面中使用过多不同的字体大小则会造成混乱。Android 设计框架使用以下有限的几种字体大小:
Text Size Micro —— 12sp(Scale-independent pixels)
Text Size Small —— 14sp
Text Size Medium —— 18sp
Text Size Large —— 22sp
6.图标
在设计图标时,对于五种主流的像素密度(MDPI、HDPI、XHDPI、XXHDPI 和 XXXHDPI)应按照 2:3:4:6:8 的比例进行缩放。例如,一个启动图标的尺寸为48x48 dp,这表示在 MDPI 的屏幕上其实际尺寸应为 48x48 px,在 HDPI 的屏幕上其实际大小是 MDPI 的 1.5 倍 (72x72 px),在 XDPI 的屏幕上其实际大小是 MDPI 的 2 倍 (96x96 px),依此类推,虽然 Android 也支持低像素密度 (LDPI) 的屏幕,但无需为此费神,系统会自动将 HDPI 尺寸的图标缩小到 1/2 进行匹配。
常用图标规格
- 移动设备上的启动图标大小必须是 48x48 dp
- 在 Play 商店中显示的启动图标大小必须是 512x512 像素
- 手机操作栏图标大小应当是 32x32 dp。(整体大小是 32x32 dp,图形区域 24x24 dp)
- 小图标大小应当是 16x16 dp。(整体大小是 16x16 dp,图形区域 12x12 dp)
- 通知栏图标大小必须是 24x24 dp。(整体大小是 24x24 dp,图形区域 22x22 dp)通知栏图标必须是白色的,这样系统可以缩放和加深你的图标
设计小技巧
尽可能使用矢量图。
Adobe® Photoshop® 这类图像编辑工具允许用户混合使用矢量图和位图。尽可能的使用矢量图,这样在需要放大图标时就可以避免细节上的损失。
使用矢量图的另一个好处是能更方便的在低分辨率的屏幕上让边缘和角落与像素边界对齐。使用更大的画布。
为了更好的适配不同的像素密度,最好使用数倍于目标图标尺寸的画布。例如,启动图标在 MDPI、HDPI、XHDPI 和 XXHDPI 下的宽度为 48、72、96 和 144 px,使用 864x864 px 的画板可以降低缩放图标时的工作量。缩放时,按需重绘位图图层
如果需要放大的图标中包含位图图层,这些图层需要进行手动重绘,以便在更高的像素密度下获得更好的显示效果。例如,为 MDPI 所绘制的 60x60 px 的圆,在适配 HDPI 屏幕时需重绘成 90x90 px。图标命名约定
遵守一定的图标命名约定有助于图标文件的管理。按像素密度对图标进行归档
支持多像素密度意味着同一图标会有不同的版本。为了方便管理,我们建议按照像素密度对相应的图标文件进行归档保存。删除最终版本中无关的元信息
虽然 Android SDK 工具在打包应用时会自动压缩 PNG 文件,我们应该养成删除无关元信息的良好习惯。借助 OptiPNG 和 Pngcrush 这样的工具,可以实现元信息删除和文件尺寸压缩这样的操作。7.写作风格
简短
- 只告知用户最必要的信息
- 避免冗余的表述
尽可能的缩短文本长度
简明
- 使用短词语、行为动词和简单名词
- 先说重要的事。一句话的开头两个词应当表达出重要的信息
仅说明必要的信息。不要费力解释细枝末节。大部分用户不关心那些
友好
- 使用缩写
- 使用第二人称和用户对话 (“您”或“你”)
- 保持随意、轻松的腔调,但避免使用俚语