跟着谷歌学图标设计规范!3个原则教你画出统一风格

跟着谷歌学图标设计规范!3个原则教你画出统一风格

评论有奖

收藏 点赞 23

🤔好的图标需要兼顾简洁、现代、友好。今天就来聊聊大厂在用的图标设计原则和设计规范,配合案例进行设计分析~
 
图标设计的3个原则
① 形式够简洁
② 多用几何形状打底
③ 整套风格保持一致
 
图标尺寸怎么选?
标准 (基线) 图标尺寸是24dp×24dp,此外还有20dp、40dp、48dp这几种常用尺寸可选。
 
标准图标布局
① 有效区域
② 边距
③ 网格和四种辅助线(方形、圆形、水平矩形、垂直矩形)
 
图标结构解析
① 图标圆角
② 描边粗细
 
📚图标是一种高效的视觉语言,能打破语言壁垒,快速传递信息。但它的优势,必须建立在清晰的结构和统一的规则之上。设计时基于标准的辅助网格走,保持比例均衡、视觉重量一致,设计出的图标才不会喧宾夺主,反而能提升整个产品的用户体验!

Clip设计夹专栏作者AIGC达人

人气 311.2w 文章 98
跟着谷歌学图标设计规范!3个原则教你画出统一风格
跟着谷歌学图标设计规范!3个原则教你画出统一风格
跟着谷歌学图标设计规范!3个原则教你画出统一风格
跟着谷歌学图标设计规范!3个原则教你画出统一风格
跟着谷歌学图标设计规范!3个原则教你画出统一风格
跟着谷歌学图标设计规范!3个原则教你画出统一风格
跟着谷歌学图标设计规范!3个原则教你画出统一风格
跟着谷歌学图标设计规范!3个原则教你画出统一风格
跟着谷歌学图标设计规范!3个原则教你画出统一风格
跟着谷歌学图标设计规范!3个原则教你画出统一风格
跟着谷歌学图标设计规范!3个原则教你画出统一风格
跟着谷歌学图标设计规范!3个原则教你画出统一风格
跟着谷歌学图标设计规范!3个原则教你画出统一风格
跟着谷歌学图标设计规范!3个原则教你画出统一风格
收藏 干货满满
点赞 23
电商文字总显乱!这套字号比例设定方法太实用了
😘 立即查看 >
下一篇 电商文字总显乱!这套字号比例设定方法太实用了

发评论!每天赢奖品

点击 登录 后,在评论区留言,系统会随机派送奖品

2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们

本期奖品

发表评论 为下方 1 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}
阅读相关文章
{{comTitle}} {{comSubtitle}}