新知榜官方账号
2023-09-30 18:00:23
作为UI设计中不可或缺的一环,图标设计的重要性不言而喻。一个具有创意的图标,不仅可以吸引更多用户关注,还能向用户传达一种“高品质、大品牌”的信号。而在UI设计师的常规工作中,设计功能图标已经成为一项必备技能。
在App中的应用场景以手机为例,几乎所有界面都设有功能图标,尤其是个人设置界面和功能类别繁多的界面中,设置功能图标是非常必要的。而不同的App产品,功能图标所占数量也不同。根据App产品的性质不同,少则十几个功能图标,多则几十个。如下图所示,优酷的分类图标设计得就非常有创意,在类别繁多的情况下依然能够保持良好的识别度,对颜色的使用可圈可点,将优酷的主题颜色——蓝和红体现得淋漓尽致。
目前,以线下服务为目的的产品越来越多,功能类别也越来越多,例如支付宝的功能分类,如果只使用文字会很难辨识,在这里,功能图标的意义就更加重要了。而在设计功能图标时,要遵循三大原则:简洁、规则、统一。重点在于简洁,语义层准确,表达清晰,图形规则有序,线条风格统一。总而言之,简单易懂才是功能图标的重要设计精髓。
32像素和36像素单位是App中常见的功能图标尺寸,我们知道,目前的触屏手机最佳范围是44像素,但是如果将图标充满44像素,会太过于饱满。常规做法是,肉眼能识别的视觉尺寸采用36像素,而肉眼看不到的切图点击范围采用44像素,这也是我们在设计功能图标时的一个技巧。
目前,功能图标的常用制作方法有两种,各有利弊。一是布尔运算法,该方法相对比较高级,特点是使用稳定并且造型变化空间大;二是描边法,该方法非常简单,适合轻量级设计,但是锚点过多,生成的图标在使用过程中容易出现问题,非常有局限性。描边法不是利用图层样式的描边来实现,而是使用截图中的工具。
相关工具
相关文章
相关快讯
推荐
300美元的AI男友来了!马斯克的情感生意从女友做到男友
2025-08-01 17:56
Agent智能体:2025年企业新员工,月薪仅需一度电?
2025-07-30 17:49
国产GLM-4.5把AI价格打到地板价,实测强到离谱!
2025-07-30 09:08
用AI批量生成治愈系漫画,月入2000+
2025-07-29 09:59
千亿市场规模背后,AI短剧商业化迎来爆发期?
2025-07-17 09:19
15个作品涨粉26万!AI历史账号又出王炸案例!
2025-07-09 09:37
亲测真香!这6个AI工具让工作效率翻倍,同事追着问链接
2025-06-17 16:21
FLUX.1 Kontext 一出,AI生图领域 “地震” 了!
2025-06-06 15:38
用Deepseek写AI绘图提示词,像呼吸一样简单!
2025-02-19 16:12
你以为AI绘画是黑科技?其实早成了“路边摊生意”!
2025-02-19 10:15