说起图标,不管是不是 UI 设计师,大家应该都不陌生了,打开手机,最先看到的是每一个 App 的启动图标,点进每一个 App 之后,也能到大量功能图标,通常一个 App 中包含的图标数量都有大几十个,一些业务复杂的综合性 App,图标数量就更多了,绘制图标,确实是 UI 设计的一项基本功,和日常最主要的工作之一。
2022 年第 14 届全国大学生广告艺术大赛,简称大广赛,正在如火如荼的进行中,国产在线 UI 设计工具即时设计,作为命题方之一,为大广赛首次带来了 UI 设计类命题,其中,图标设计被列为一个单独的题目。如果有大学生朋友读到本文,一定要去关注一下。
我们说回图标设计,对于UI设计师来说,常见的图标可以分为两类,一类是功能图标,一类是启动图标,也有一种说法是分为三类,再加一类装饰图标。作为一位专业的 UI 设计师,这些种类的图标,必须都要掌握,才能处理工作重面对的不同情况。
我们先说功能图标,就是把产品的功能隐喻,简化抽象成图形,方便用户理解,以UI设计师最熟悉的软件界面为例(下图为即时设计的界面),左侧工具栏中的形状工具、钢笔工具、文字工具,上方引用组件、布尔运算、蒙版等工具,都是以图标来表示的。功能图标太常见了,已经完全融入了人们的日常生活,以至于我们作为设计师,有时都会忽略这些图标的存在,只是凭直觉在使用功能。
启动图标,在操作系统中,用来打开某个产品的图形按钮,往往被设计成品牌的 LOGO,方便用户在众多的产品中快速定位。
装饰图标,相对少见,用来装饰界面的视觉元素,比如,过节的时候,很多电商类 App 会把日常的图标换成节日专属的装饰图标,形式大于功能。
还有一类图标,安卓手机的主题图标,通过改变系统图标设计风格,来展现用户的个性。
提升图标设计能力,有一个非常好的方式,就是临摹,尤其是跟着优秀的教程临摹优质的作品。在这里推荐大家关注即时设计的每周临摹活动,跟着老师的视频/图文教程进行临摹练习,还能加入学习交流群、分享自己的临摹作品到社区、获得精美的奖品。
最最重要的,通过临摹练习,你可以快速熟悉即时设计,这款目前最流行的在线UI设计工具,现在的UI设计,已经进入了协作时代,以为的UI设计师都是做完一稿给甲方/产品负责人看一稿,看完了再改,改完了再看,如此循环。现在,只需要一个链接,项目相关的各方,都能实时看到设计的进度,随时提出自己的想法,极大的提高了设计工作的效率。
作为新一代的国产在线设计工具,即时设计针对国内设计师和团队的工作场景,开发了一系列的特色功能,例如资源广场中免费的优质设计资源一键取用、工作台中细致高效的文件管理等等,限于篇幅不能一一展开介绍,大家可以自己去体验一下,而且,即时设计承诺目前开放的所有功能,都是永久免费的,赶紧行动起来吧~
「即时设计」官网地址: https://js.design/