移动端轻应用图标设计规范

前言

  1. 本设计规范于移动端每个EPP内(如大算、百灵、EASY等)所有轻应用
  2. 设计稿基于ios 750X1334屏幕尺寸设计

图标设计要点

  1. 尺寸90x90,面性,由几何图形所组成,并能够清晰地传达信息,帮助用户理解
  2. 风格统一,图形尽量简洁,严格对齐像素且保持视觉体量一致

图标基准颜色

结合轻应用属性及使用场景提炼四种基准颜色

foo

图标样式规范

  1. 切图包含彩色背景,切二倍图尺寸为180x180px,png格式
    内部图标为无彩色-白色(#FFFFFF ; R 255 G 255 B 255 )
  2. 图标外轮廓图形圆角为4,内部元素适当圆角统一
  3. 图标出现线条的地方宽度为4像素,端点为圆角
  4. 图标为组合图形,则间距为3像素
  5. 图标为主辅图形,则辅助图形在主图形右上角或者右下角,尺寸在24x24px内
  6. 图标为角度图形,则倾斜角度为45°或-45°
foo

入口图标展示

foo

结语

此规范仅做参考,设计师可在核心概念基础上发挥,保持统一即可 后续会根据不同情况加以完善

资源下载

为统一各EPP轻应用图标样式,有数提供一套轻应用图标设计规范,同时方便设计者进行设计。

图标设计规范源文件及效果图 下载