Android 视觉样式设计规范

  1. 基于 Theme.AppCompat.Light.NoActionBar

  2. 拿到UI视觉标准图:


    Android 视觉样式设计规范_第1张图片
    UI标准.jpg
  3. 拆解UI视觉标准,设置等级:


    Android 视觉样式设计规范_第2张图片
  4. 进行颜色配置,完成colors.xml:



    
    #f33c3e
    #f99d9e
    #333333
    #666666
    #999999
    #eeeeee
    #f7f7f7
    #ffffff

  1. 进行字体、间距配置,完成dimens.xml:

    
    @dimen/text_size_720_1280_34
    @dimen/text_size_720_1280_32
    @dimen/text_size_720_1280_28
    @dimen/text_size_720_1280_24
    @dimen/text_size_720_1280_20
    
    @dimen/width_720_1280_96
    @dimen/width_720_1280_88
    @dimen/width_720_1280_32
    @dimen/width_720_1280_16
    @dimen/width_720_1280_2

  1. 进行通用样式配置,完成styles.xml:

...

此文件比较复杂:参考themes_panda.xml

你可能感兴趣的:(Android 视觉样式设计规范)