5000+的干货,帮你系统掌握金刚区图标设计

释放双眼,带上耳机,听听看~!
今天和大家一起探讨下关于金刚区模块规划的千奇百态,从布局的样式、图标规划的风格、不局限于图形表达的方式等方向为大家进行梳理。

剖析总结 UI 规划的细分模块才干愈加深化到每一个细分规划中,在 App 的各模块中,金刚区算是比较重要的存在之一。是页面的中心功用区域,聚合了事务线的功用进口,规划的发挥影响了曝光度的强弱,是规划师需求要点深化的模块。

今天黑马哥将和咱们一起讨论一下关于金刚区模块规划的千奇百态,从布局的款式、图标规划的风格、不局限于图形表达的办法等方向为咱们进行整理,期望能够让你对金刚区模块的规划有更深化的了解。

共享目录

  • 关于金刚区模块
  • 金刚区图标规划类型
  • 规划指南和注意事项
  • 线上优异事例剖析
  • 总结

关于金刚区模块

金刚区模块是整个界面布局的中心功用区域,一般布局在页面顶部 Banner 之下,金刚区的功用模块不会固定化,会依据事务目标的改动进行灵敏调整。这种可改动组合的灵敏性就像百变金刚一样,所以咱们才把这个功用区域称之为金刚区。

5000+的干货,帮你系统掌握金刚区图标设计

5000+的干货,帮你体系把握金刚区图标规划

由于金刚区所属方位为中心区域,相当于流量站,能够聚焦事务功用为其带来更好的曝光度。服务于整个产品架构,一方面能够为事务进行导流,给产品中的各事务版块进行引流;另一方面也是一种功用挑选进口,为用户供给不同功用的挑选和切换,享用功用带来的服务。这也是金刚区在规划中需求要点对待的原因,也是迭代更新相对比较频频的要素。

5000+的干货,帮你系统掌握金刚区图标设计

5000+的干货,帮你体系把握金刚区图标规划

金刚区一般以单行或许多行进行宫格布局,以“图标+文字”的办法进行展现。一般为 1~3 行图标展现,超越 3 行的比较少。单行的图标展现数量最佳挑选在 4~5 个,假如超越 5 个的一般会选用左右滑动的交互办法。在后续也会持续为咱们整理规划的类型,在规划上面的一些技巧和事例剖析。

5000+的干货,帮你系统掌握金刚区图标设计

5000+的干货,帮你体系把握金刚区图标规划

金刚区图标规划类型

金刚区模块的规划类型一般是以“图标+文字”的办法,而图标的规划方向不局限于图形化的表达,从视觉表现层剖析会有图形化图标规划、产品什物展现、人物形象引证、混合调配、文字化结合、节日/主题规划等办法。格局上来归类会有静态格局和动态格局,微动效的表达一般是局部图标动效,接下来咱们详细的整理一下。

5000+的干货,帮你系统掌握金刚区图标设计

5000+的干货,帮你体系把握金刚区图标规划

1. 图形化图标规划

金刚区图标规划以图形化的办法表达是最为通用的,图标规划的风格有线性图标、面性图标、线面结合、微质感等。而面性图标有直接进行图形规划的办法,也有以基础图形(圆形、圆角矩形等)作为