material design(8)style——icon

icon分为product icon 和 system icon
product icon 48dp,有1dp的边,system icon 24dp
透明度

  1. product icon
    (1)grid
    (2)keyline shape
    square:152152 circle:176 rectangle:128176
    (3)unit:48dp
    (4)geometry circle, square, rectangle, orthogonals, and diagonals
    (5)icon的构造:
    磨光,背景,前景,颜色,阴影
    (6)icon 矩阵:
    Mode/Opacity/X Offset/Y Offset/Blur/Color: Refer to Tint, shade and shadow values

  2. system icon
    (1)unit:24 dp
    (2)square:1818 circle:20 rectangle:2016
    (3)icon的构造:
    Stroke terminal/Corner/Counter area/Stroke/Counter stroke /Bounding area
    corner:2dp
    stroke:2dp
    视觉矫正:一些复杂的的icon,需在视觉上矫正已增加清晰度,1.5dp
    (4)间隙区域:
    icon大小:24dp
    点触区域:48dp

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容