Icon-填充图标设计大法

本文探讨了填充图标在APP界面中的应用,特别是在金刚区的重要性。设计要点包括符合预期、造型简约和配色明快。文章还分享了设计过程中的具体步骤,如使用骨骼参考线保证一致性,控制颜色饱和度,以及通过不透明度调整层次感。
摘要由CSDN通过智能技术生成

填充图标的运用场景

填充图标在APP界面中较为常见,一般作为很多功能分类,或者是功能入口【金刚区】这块使用的是最多的;

Icon-填充图标设计大法

 

金刚区是一个页面中头部的重要位置、是页面的核心功能区域,表现形式为多行排列的宫格区;

刚区的部分是1排4-5个图标,共2排也就是8-10个图标。一行5个图标也是当下行业内的图标数量极限了。在多的话势必会显得很拥挤,而且图标的识别性会打折扣。

【内容补充部分/在详细笔记中稍后会补充完整】

3个设计小技巧

1/要符合预期

预期代表的是图标信息的传递性,也就是图标的可辨识性;图标的辨识性在图标设计当中永远是第一位的

图标形状应与相应的功能相联系,表达的含义一定要准确;

图标颜色应与相应的功能页面色彩呼应;

因此在图标设计中,我们首先考虑的一点,就是如何使用图形,来将这个图形所表达的含义表达清楚,快速传递相应的信息。技法只是一种实现手段,不能因炫技法,而违背逻辑,忽略体验。同时需要考虑图标色彩情感,得和行业属性相匹配;

2/要造型简约

对于大脑识别信息的速度来说,简单图标会比复杂图标识别速度更快一些。因此在填充图标设计中,如果不是为了追求某种特殊的效果,我们可以把造型设计的更简约一些即能保证图标的识别性,又能保证视觉美观。

3/要配色明快

<
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值