制定图标设计规范

用户头像
杭州/设计爱好者/5年前/809浏览
制定图标设计规范
用户头像
PlanB0

如何制定图标设计规范,让设计更整体

归纳图标设计原则

在日常工作中,有没有人吐槽你的图标不精致,大小不一致,质疑你的专业性,而自己却又无从下手。

在此归纳总结图标设计的基本规范,记录方法,方便回顾。


规范一:基本尺寸比例


规范的第一点,就是图标的基础形状比例。这个比例,主要是约束长与宽,共包含了四个关系,分别为「正方形 : 横矩形 :竖矩形 :圆形」




我这里以图标容器大小为 56×56,预留8px安全间距,图标最大大小为 48×48。

由于视差关系,圆形在图标里面的尺寸是最大的,所以圆形的大小为48×48。所以正方形的大小我两边各减去2,为42×42。

然后再绘制出横矩形(48×36)与竖矩形(36×48),各线段之间的间距保持一致。


第二步:设定图标基本规范



接着制定好图标的基本规范,设定图标的线条粗细为3px,圆角为6px,干净简洁一些,让它看起来更饱满。



第三步:绘制图标

好了后就可以开始绘制图标啦。

2
阅读原文
|
举报
|
9
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
Security Camera UI kit
智能家居中心 简约 UI设计组件库
【新年UI图标】会员icon
3D渐变流体抽象矢量UI背景图
新能源APP应用UIKit
UI 登录界面设计模板包
拟物风质感写实UI卡片合集源文件
户外旅行飞机情侣假日出行
手表表盘UI系列
新拟态风格 UI设计组件库
我的钱包-UI界面设计-app
盲盒APP UI设计
3D卡通UI界面图标可爱插画免扣素
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】旅行icon
【新年UI图标】钱包icon
高级感金属拟物 UI设计组件库
【新年UI图标】秒杀icon
【新年UI图标】礼物/活动icon
【新年UI图标】汽车icon
钱包ui模板
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】体育icon
你可能喜欢
相关收藏夹
大家都在看
登录注册