您的位置:首页 > 资讯频道 > 滚动 >

如何通过临摹,提高自己的图标设计能力?

来源: 榕城网 时间: 2022-02-24 16:59:30

说起图标,我们都知道指的是哪些东西,但是很少有人能把图标的定义和分类讲清楚。作为UI设计师,图标设计是基本功,马虎不得,这篇文章,我们就从图标的定义及分类讲起,先把概念梳理清楚。

广义上的图标,是具有指代意义的图形符号,具有高度浓缩并快捷传达信息、便于记忆的特性。在现实生活中,图标无处不在,如各种交通标志、男女厕所标志等。狭义的图标应用于计算机软件方面,包括:程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等,图标是确保界面可用性的基础设施,也是达成人机交互的有效途径。

对于UI设计师来说,常见的图标可以分为两类,一类是功能图标,一类是启动图标,也有一种说法是分为三类,再加一类装饰图标。

功能图标,是把产品的功能隐喻,简化抽象成图形,方便用户理解,以UI设计师最熟悉的软件界面为例(下图为即时设计的界面),左侧工具栏中的形状工具、钢笔工具、文字工具,上方引用组件、布尔运算、蒙版等工具,都是以图标来表示的。功能图标太常见了,已经完全融入了人们的日常生活,以至于我们作为设计师,有时都会忽略这些图标的存在,只是凭直觉在使用功能。

启动图标,在操作系统中,用来打开某个产品的图形按钮,往往被设计成品牌的 LOGO,方便用户在众多的产品中快速定位。

装饰图标,用来装饰界面的视觉元素,比如,过节的时候,很多电商类 App 都会把日常的图标换成节日专属的装饰图标,形式大于功能。

还有一类图标,安卓手机的主题图标,通过改变系统图标设计风格,来展现用户的个性。

图标对 UI 设计来说太重要了,特别是数量众多的功能图标,把图标设计成什么样,就是一位 UI 设计师能力的体现。现在有一些非常知名的专业图标(icon)设计师,不知道大家有没有了解?比如图标设计大师 Vic Bell,她有很多作品都值得我们临摹学习。

图标的风格是非常多样的,从风格上分,有线性、面性、混合、扁平、拟物、2.5D ,从颜色上分,有单色、双色、多色。作为 UI 设计师,要熟练制作各种风格的图标,应对各种不同类型的产品设计

提升图标设计能力,有一个非常好的方式,就是临摹,尤其是跟着优秀的教程临摹优质的作品。在这里推荐大家关注即时设计的每周临摹活动,跟着老师的视频/图文教程进行临摹练习,还能加入学习交流群、分享自己的临摹作品到社区、获得精美的奖品。

最最重要的,通过临摹练习,你可以快速熟悉即时设计,这款目前最流行的在线UI设计工具,现在的UI设计,已经进入了协作时代,以为的UI设计师都是做完一稿给甲方/产品负责人看一稿,看完了再改,改完了再看,如此循环。现在,只需要一个链接,项目相关的各方,都能实时看到设计的进度,随时提出自己的想法,极大的提高了设计工作的效率。

作为新一代的国产在线设计工具,即时设计针对国内设计师和团队的工作场景,开发了一系列的特色功能,例如资源广场中免费的优质设计资源一键取用、工作台中细致高效的文件管理等等,限于篇幅不能一一展开介绍,大家可以自己去体验一下,而且,即时设计承诺目前开放的所有功能,都是永久免费的,赶紧行动起来吧~

「即时设计」官网地址: https://js.design/

标签: