08 Anykey设计规范

本文首发于 https://likianta.coding.me/2017/PassportPandoraPrj/1226175311/

思维导图源文件

此文件包含以下内容：

1. 配色规范
2. 配色命名规范
3. 间距规范

所有讲解基于默认主题。

默认主题设计

主题名称：留白艺术（Blank-Leaving Art）

配色规范

配色命名规范

具体代码：

res/values/colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>
    <color name="colorWhite">#ffffff</color>
    <color name="colorBlack">#000000</color>

    <!-- Default Theme Colors -->
    <!-- Blank-Leaving Art -->
    <!-- Text (https://uimovement.com/ui/4756/comment-section/) -->
    <color name="blaTextColorNormal">#38393b</color>
    <color name="blaTextColorWeak">#cccccc</color>
    <color name="blaTextColorStrong">#000000</color>
    <color name="blaTextColorWhite">#ffffff</color>
    <color name="blaTextColorGrey">#7a7a7a</color>
    <color name="blaTextColorHighlight">#0000</color>
    <color name="blaTextColorWarning">#f12344</color>
    <color name="blaTextColorHint">#f12344</color>
    <!-- Statues of View -->
    <color name="blaEdtColorNormal">#ffffff</color>
    <color name="blaEdtColorPressed">#5934495e</color>
    <color name="blaEdtColorActivated">#ffffff</color>
    <color name="blaEdtColorStroke">#cccccc</color>
    <color name="blaEdtColorShadow">#59000000</color>
    <color name="blaSelectorOff">#0000</color>
    <color name="blaSelectorOn">#0000</color>
    <!-- Background -->
    <color name="blaWindowBackground">#fafafa</color>
    <color name="blaActionbarBackground">#ffffff</color>
    <color name="blaShadowBackground">#59000000</color>
    <!-- Theme Color -->
    <color name="blaThemeColorNormal">#34495e</color>
    <color name="blaThemeColorWeak">#d84c96de</color>
    <color name="blaThemeColorStrong">#2d6dab</color>
    <!-- Other Decors -->
    <color name="blaDecorColorBlue">#0041a8</color>
    <color name="blaDecorColorPink">#e74c3c</color>
    <color name="blaDecorColorGreen">#2ecc71</color>

</resources>

间距规范

参考谷歌Material Design设计规范 - 基准网格章节：

基准网络
所有组件都与间隔为8dp的基准网格对齐。排版/文字（Type）与间隔为4dp的基准网格对齐。在工具条中的图标同样与间隔为4dp的基准网格对齐。这些规则适用于移动设备、平板设备以及桌面应用程序。

在设计中尽量使用偶数值，建议为4的倍数或者8的倍数。

---

参考

1. Android技术积累:开发规范 http://keeganlee.me/post/android/20150709
2. Android开发命名规范和编码规范 - crazy_jack - CSDN博客 http://blog.csdn.net/crazy1235/article/details/51346027
3. Android Layout Parser http://android.lineten.net/layout.php
4. 编程风格 - 什么时候用驼峰命名法什么时候用下划线？ - SegmentFault https://segmentfault.com/q/1010000002768278?utm_source=Weibo
5. Java 编码时使用下划线命名法是否合适？ - 知乎 https://www.zhihu.com/question/27648518
6. Android开发中如何优雅地给资源命名？ - 侯智的回答 - 知乎 https://www.zhihu.com/question/27733124/answer/37848970
7. android开发，你们还在findviewbyid吗？ - 知乎 https://www.zhihu.com/question/34224383?sort=created
8. 自己整理了一套部分UI规范，和一些文件的命名规范-UI中国-专业用户体验设计平台 http://www.ui.cn/detail/220462.html
9. 详析Android手机端的8PX原理 – 学UI网 http://www.xueui.cn/experience/app-experience/akanelee-android-about-8px.html
10. 颜色
    
    1. 强烈推荐！帮你从零开始全面掌握UI设计的配色方法 - 优设-UISDC http://www.uisdc.com/ui-design-color-matching
    2. Android设计规范 Material Design-Style（1.色彩） – 学UI网 http://www.xueui.cn/experience/app-experience/material-design-style-color.html
    3. Material UI Colors | Color Palette for Material Design http://materialuicolors.co/?ref=flatuicolors.com