UI设计在近几年广受大家的关注,学习UI设计的人越来也多,今天小编要介绍的就是其中的系统图标设计方法,系统图标在UI设计中是非常基础的图形化语言,也在页面交互中起到很重要的作用。单个图标的设计并不难,但是系统化、规范化所有图标并在项目中不断应用与复用,是对UI设计能力的考验。系统图标设计需要这几步:
选择合适的图标原型
常见的系统图标都会有默认的样式,比如“设置”一般就用齿轮来表现,“搜索”常规就是一个放大镜,这些图标要么就是由认知习惯而来、要么就是隐喻真实的使用场景。这样用户在使用的时候一眼就会找到自己需要的。当然,为了使我们的图标具有独特性和设计感,你可以在常规样式上增加细节扩展。选择图标一定要选择合适的,不同的场景需要选择不同的图标。
风格一致
每个产品根据其功能、定位,都会有其产品调性,不同的产品调性,系统图标的设计风格也迥然不同。图标的属性有很多,但一组图标的属性要一致!
保持图标视觉大小一致
在设计好样式、定义了配色之后,图标设计中基础也是重要的一步来了:保持图标的视觉一致性。如果一组图标在页面中大大小小,即使设计得再炫酷,也是一组不规范的图标。
图标的管理与维护
当产品从零到一逐渐成型和完善之后,系统图标也会越来越多、越来越难以维护。后期容易出现同一个功能好几种种图标的情况,影响统一性。
UI培训教程之系统图标如何设计?这下你知道了吗?了解多UI设计知识技巧,可以参考千锋提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据千锋提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解,并能快速入门ui设计。
相关文章
关注千锋学习站小程序
随时随地免费学习课程
扫一扫快速进入
千锋移动端页面
扫码匿名提建议
直达CEO信箱