位置:首页游戏数码>ICON规范图是什么样 设计中icon是什么意思

ICON规范图是什么样 设计中icon是什么意思

所属分类:游戏数码 发布时间:2025/8/19 10:51:54

ICON就是图标的意思,对于UI设计师来说,每一个ICON看似很平常,实际上它都是有一个必须遵循的规范要求的,这样才能够保证整个项目视觉上的统一,那么ICON规范图应该如何绘制呢?

操作方法

01

这里我们以sketch软件为例来进行了解,当然你也可以使用PS/AI,任何软件都是可以的,看自己的操作习惯。

02

首先我们来绘制最外层的图形,最外层的图层是一个正方形,高宽都是44px。

03

为了方便观察我们将填充给关闭掉,并且需要注意,最外层的图形描边方式为外部。

04

接下来我们继续进行绘制,绘制一个42px的正方形,这个范围内就是我们图标绘制的安全区域。

05

42Px的方形描边方式为内部,如果仍然是外部的话就会有重叠了。

06

接下来我们绘制一个同42px相同的圆,将圆和42px正方形居中对齐,描边方式为内部。

07

接着我们再绘制一个42px宽,28px高的矩形,关闭描边开启填充,与图形居中对齐。

08

再复制一个42px宽,28px高的矩形,与图形垂直居中对齐。

09

最后我们再绘制一个36px的方形,居中对齐,描边方式内部,这样我们就绘制好了ICON规范图,在绘制ICON的时候尽可能不要超过红色区域。

推荐信息

  • 火山小视频保存的本地作品在手机哪个文件夹中 火山小视频缓存文件在哪里

    游戏数码时间:2025/8/22 23:20:25

    我们在火山小视频上看到喜欢的视频会保存下来,可是却找不到在手机里的那个地方,小编给大家介绍一下。操作方法01首先打开火山小视频APP,选择自己喜欢的视频,点击视频的右上角,如下图。02然后点击下方选项中的保存,如下图。03在自己手机里找到自己手机的文件管理,如下图。04打开文件管理后,点击本地的内部

  • 如何解决打开IE浏览器无法显示此页 打开ie什么意思

    游戏数码时间:2025/8/16 23:37:31

    大家在平时使用电脑的过程中,可能会遇到无法打开网页的情况,那么大家知道如何解决打开IE浏览器无法显示此页这个问题吗?接下来这篇指南将告诉你答案。操作方法01首先,我们需要检查我们的网络是否正常,如果网络故障的话,IE浏览器肯定无法显示。02如果网络没问题的话,我们还需要检查一下电脑的防火墙设置,查看

  • 教你解决手机连接电脑后找不到内存卡的问题 手机连接电脑操作电脑

    游戏数码时间:2025/8/24 19:14:08

    平常我们在使用手机连接电脑的过程中,会遇到连接电脑后找不到内存卡的问题,接下来这篇指南将教你如何解决这个问题。操作方法01首先,我们要确认手机与电脑已经连接,排除接触不良的情况导致无法读取内存卡。02而且我们还要确保手机的内存卡是正常的,没有损坏的,因为如果损坏的内存卡电脑是读取不了的。03然后我们

  • 微信公众平台怎么编辑发布页面模板 微信公众号怎么做

    游戏数码时间:2025/8/24 15:41:33

    微信公众平台怎么编辑发布页面模板,下面我们就来看一下如何操作的吧。操作方法01登录微信公众号之后,在首页面中找到“页面模板”选项。02在页面模版中,找到“添加模板”然后点击进行下一个操作。03确定你想要的模版样式,然后点击选择按钮。04编辑好你页面模板的内容之后,点击发布页面模板就制作完成了。

  • 微信电脑版收藏在哪里打开?收藏功能怎么用? 微信电脑收藏一般在哪个位置

    游戏数码时间:2025/8/23 2:16:10

    微信电脑版的收藏功能很多朋友都不是很熟悉,那么微信电脑版的收藏功能在哪里,又应该怎么用呢?接下来小编带大家了解一下。操作方法01首先我们先打开电脑的微信然后扫码登录自己的账号。02登录成功后在头像下面的第三个“正方形”就是收藏功能。03点击进去我们可以点开上面接着新建新的收藏。04对于之前的收藏我们

  • 如何取消qq定时邮件的发送? 如何取消qq邮箱定时发送的邮件

    游戏数码时间:2025/8/20 3:37:54

    在我们日常的工作和生活中经常会用QQ发送邮件,那么如何取消QQ定时邮件的发送呢?小编分享下自己 的方法,希望能帮助到 大家。操作方法01通过QQ或者QQ邮箱进入到QQ邮箱里面,见下图02找到QQ邮箱的草稿箱,见下图03找到草稿箱里面的定时邮件,见下图04勾选定时邮件,选择“删除草稿”,见下图05点击

  • 微信怎么查看自动扣费项目 关闭自动扣费项目 怎样关闭微信自动扣费

    游戏数码时间:2025/8/23 19:36:19

    现在微信有些应用会让你开启自动扣费项目,小编教大家怎么关闭自动扣费项目。操作方法01首先打开微信,点击“我”,打开里面的钱包,如下图。02打开钱包后,点击右上角的正方形,如下图。03找到里面的支付管理,如下图。04点击支付管理后,里面会有一个自动扣费选项,如下图。05打开自动扣费,你会看到你自动扣费

  • 如何使用百度翻译翻译网页 怎么用百度翻译翻译网页

    游戏数码时间:2025/8/16 23:54:59

    百度翻译可以说是一个非常方便的应用,那么大家知道如何使用百度翻译来翻译网页吗?接下来这篇指南将告诉你答案。操作方法01首先使用搜狗搜索“百度翻译”,然后找到官网进入。02然后我们设置好需要翻译的语种,选择“翻译”或者“人工翻译”功能。03将我们需要翻译的网页网址粘贴到文本框中,然后再按回车。04按完

  • 用手机如何打开谷歌Google搜索专业信息 怎么打开手机谷歌

    游戏数码时间:2025/8/24 19:14:45

    大家想知道怎么用手机使用谷歌搜索吗?下面小编就来告诉大家正确的使用方法吧!操作方法01直接搜索谷歌浏览器。在各个网站上都可以搜索到谷歌浏览器,搜索下载。02安装浏览器。下载完成之后系统会提醒你安装,安装完成就可以进行搜索了。03第二种无需下载。直接在浏览器上选择谷歌进行搜索。04进入搜索页面搜索。在

  • 如何把cad转换成pdf格式的文件? 如何把cad转换成经典模式

    游戏数码时间:2025/8/23 21:00:12

    我们平常设计的时候会用到cad图纸,这个建筑行业和机械行业会用的比较多,但我们在发给老板的时候很不方便的,如何把cad转换成pdf格式的文件呢?接下来我就来分享一种方法。工具/材料CAD图纸操作方法01在搜狗中去搜索软件关键词,然后进入首页即可进行操作02点击页面左边的cad转pdf功能,这个是在打