功能性图标则向我们传达了一定的含义,它代替文字可以让我们看到图标快速反应图标所对应的功能。
功能图标风格-潍坊达内负责整理
在界面中最常见的功能图标按样式一般分为线性图标和面性图标两大类,在线性和面性图标两类的基础上根据不同设计技法又区分出了更多的分类。
面性图标
线性图标
线性图标通过线来塑造轮廓。在界面中App的图标尺寸并不大,所以如果线过于复杂,在小面积中过多的线会对识别性产生较大的困扰。另外苹果iOS11系统倾向于使用剪影图标,所以线性图标风格使用会相对减少。
在图标设计中使用的线有粗细之分,常用的App图标设计线的粗细一般有2PX或者3PX,不同的线条粗细 ICON 所带来的视觉感受也不同,细线显得精致,粗线视觉面积大,显得厚重。圆角粗线条的 ICON 显得饱满而可爱,个别 App 的底部标签栏图标采用粗线条设计,但粗线条的 ICON 图形较为极简才适用。

线性图标根据样式还可以分为:双色线性图标、线性填充图标、线性渐变图标。
面性图标
面性图标是通过面来塑造形体的图标,采用了剪影的设计形式,通过线或者面去切割基础轮廓面,通过分型来塑造图标的体积感。不同的切割手法造成了面性图标设计感的差别。面性图标根据不同的配色样式可以分为:单色饱和度填充图标,纯色渐变图标和多色渐变图标。
功能性图标位置
功能性图标一般在界面中应用于标签栏,导航栏以及金刚区和个人中心。
标签栏
标签栏是移动应用中最普遍、最常用的导航模式,也被我们称为 Tab 栏,一般图标有3-5个,应用于信息之间的跳转,提供页面的切换、功能入口以及界面导航的功能。其目的意义在于指示当前页面所处的位置。
以上就是潍坊达内给大家做的内容详解,更多关于UI的学习,请继续关注潍坊达内