新知榜官方账号
2023-09-30 18:00:23
作为UI设计中不可或缺的一环,图标设计的重要性不言而喻。一个具有创意的图标,不仅可以吸引更多用户关注,还能向用户传达一种“高品质、大品牌”的信号。而在UI设计师的常规工作中,设计功能图标已经成为一项必备技能。
在App中的应用场景以手机为例,几乎所有界面都设有功能图标,尤其是个人设置界面和功能类别繁多的界面中,设置功能图标是非常必要的。而不同的App产品,功能图标所占数量也不同。根据App产品的性质不同,少则十几个功能图标,多则几十个。如下图所示,优酷的分类图标设计得就非常有创意,在类别繁多的情况下依然能够保持良好的识别度,对颜色的使用可圈可点,将优酷的主题颜色——蓝和红体现得淋漓尽致。
目前,以线下服务为目的的产品越来越多,功能类别也越来越多,例如支付宝的功能分类,如果只使用文字会很难辨识,在这里,功能图标的意义就更加重要了。而在设计功能图标时,要遵循三大原则:简洁、规则、统一。重点在于简洁,语义层准确,表达清晰,图形规则有序,线条风格统一。总而言之,简单易懂才是功能图标的重要设计精髓。
32像素和36像素单位是App中常见的功能图标尺寸,我们知道,目前的触屏手机最佳范围是44像素,但是如果将图标充满44像素,会太过于饱满。常规做法是,肉眼能识别的视觉尺寸采用36像素,而肉眼看不到的切图点击范围采用44像素,这也是我们在设计功能图标时的一个技巧。
目前,功能图标的常用制作方法有两种,各有利弊。一是布尔运算法,该方法相对比较高级,特点是使用稳定并且造型变化空间大;二是描边法,该方法非常简单,适合轻量级设计,但是锚点过多,生成的图标在使用过程中容易出现问题,非常有局限性。描边法不是利用图层样式的描边来实现,而是使用截图中的工具。
微信扫码咨询
相关工具
相关文章
相关快讯
推荐
阿里Accio中文版上线!一键搞定复杂采购
2025-08-19 09:13
视频“用嘴编辑”的时代来了,但钱包顶得住吗?
2025-08-15 17:59
智谱新模型GLM-4.5V全面开源,玩家们有福啦!
2025-08-12 17:56
扎心文案+AI插画=爆款!揭秘8万赞视频的制作全流程
2025-08-12 10:08
GPT-5没你想的那么好,附实测体验~
2025-08-11 11:07
一站式搞定AI绘图+视频,AI短片效率飙升的秘密在这儿!
2025-08-08 09:26
打工人新神器!10款国产AI,让你告别996!
2025-08-08 09:24
豆包视觉推理深度体验,AI也能“边看边想”了!
2025-08-08 09:19
300美元的AI男友来了!马斯克的情感生意从女友做到男友
2025-08-01 17:56
Agent智能体:2025年企业新员工,月薪仅需一度电?
2025-07-30 17:49