UI设计学习(三)图标创意设计(2022.3.16)

PS,AI基础;

肌肉记忆:不用思考,可以自然去做想要画的图形。

一、功能图标设计

1.明确使用场景

功能入口

辅助功能

纯视觉传达 视觉

2.设计要领

  • 提炼特征,保持识别度(第一行比较好)
  • 保持图标的特征美感
  • 组合型比例

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6Iqd5aOr6YCD6YCD4oKswqI=,size_12,color_FFFFFF,t_70,g_se,x_16 (最后一图是2:1)

 

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6Iqd5aOr6YCD6YCD4oKswqI=,size_20,color_FFFFFF,t_70,g_se,x_16

 watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6Iqd5aOr6YCD6YCD4oKswqI=,size_20,color_FFFFFF,t_70,g_se,x_16

 图标一致性

类型一致,风格统一

线型和面型,渐变,透明度,断点方向一致,透视一致,粗细一致

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6Iqd5aOr6YCD6YCD4oKswqI=,size_14,color_FFFFFF,t_70,g_se,x_16

 46ec1ad133ca4c00ab8b9481f0a0cd9c.png

调整大小:正方形不变时,圆适当缩小,三角形适当放大,且往上一点

 watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6Iqd5aOr6YCD6YCD4oKswqI=,size_13,color_FFFFFF,t_70,g_se,x_16

 图标规范:栅格化

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6Iqd5aOr6YCD6YCD4oKswqI=,size_8,color_FFFFFF,t_70,g_se,x_16

 像素对齐

 

tips:面型变为线型---去除填充,将修改描边粗细

线型变为面型:需要先将线条拓展为形状才能删掉。去除顶层。

二、

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值