徐州北大青鸟
当前位置: 主页 > 新闻中心 > 行业动态 >

不是吧,阿sir~图标设计的多种玩法还不知道吗?

时间:2020-06-18 10:23来源:未知 作者:代码如诗 点击:
众所周知~作为与界面日常打交道的UI设计师而言,图标是不可或缺的视觉元素!一个个吸引力十足的小图标,能够让整个界面都耐看、实用起来~ 图标设计或许看上去很简单,不需要添

众所周知~作为与界面日常“打交道”的UI设计师而言,图标是不可或缺的视觉元素!一个个吸引力十足的小图标,能够让整个界面都耐看、实用起来~ 

图标设计或许看上去很简单,不需要添加过多复杂的特效,但也不是随便“画两笔”就可以的!成功的图标能够传递信息,让用户“一秒就懂”,还要满足大众的“口味”,产生点击欲望,换句话说,图标是引导用户点击进入相关界面的关键“钥匙”!想要创造出别具一格的高品质图标,设计师们可要下足功夫!
 
清晰你的图标设计风格!
在图标设计中,主要有线性、面性、线面结合的三种设计风格,各位设计师们可以根据产品的特点,选择最适合的风格!
01简洁明了——线性图标
线性图标由粗细统一的线条组合而成,大家在创造过程中,可以融入硬朗的直线or柔和的曲线,同时加入单色或者渐变色,以此打造简洁风格的图标设计。
 
02增加视觉表现力——面性图标
加以丰满色彩填充完整的面性图标,视觉占比更大,视觉冲击力也更强,同时可以直接让用户快速识别。在完成电话、短信这类常用的工具图标上,面性图标更加适合。
 
03
创造更多可能性——线面结合
线面结合的图标通过融合线性和面性的特点,既有线条的勾勒,又有面性色彩的冲击力,使图标的内容表达更加丰富,从而创造出设计的更多可能性。
 
 
记住图标设计的五大原则!
无论什么内容,都有一套专属的设计规范。小ke特整理了图标的几大设计原则,帮助大家更好的练习!
▶从视觉效果角度出发,保证大小统一
▶线条上的粗细统一
▶所使用的色彩限制3种颜色以内
▶保证图标的识别度,让用户“一眼看懂”,理解含义
▶切忌“画蛇添足”,使图标的展现过于复杂
 
 
在图标素材网站中吸取灵感
设计没有灵感怎么行呢~同样的,想要激发自己在图标设计上的灵感,小ke认为,一是需要我们注意观察手机里常使用的APP更新动态,把握住趋势的随时变换,二是多去图标素材网站中,浏览有创意的图标作品,吸取最新的设计灵感,发挥自己的小创意!
01-阿里巴巴矢量图标库
 
优势:涵盖900万以上各具特点的矢量图标设计,并且都可免费使用!
网址:https://www.iconfont.cn/
 
 
02-icons8
 
优势:不仅图标素材丰富,还可以提供相关的推荐配色,语言可以切换为中文。
网址:https://icons8.com/
 
 
03-Easyicon
 
优势:收录了超过64万个的图标设计,支持在线编辑,还有多种尺寸供设计师进行选择!
网址:https://www.easyicon.net/
 
 
大多数UI新手小白在学会PS、AI的软件基础操作后,都会从图标设计入手,从而展开设计之旅。小ke认为,独立设计出一组有创意的吸睛图标,也是我们成为一枚优秀设计师的成功开始!另外,想要在未来真正的不被时代所淘汰,时刻被企业所需,我们就要在UI设计领域的各个方面都有出色表现!
 
全能UI/UE设计师课程,助你修炼设计神技!
 
基地的全能UI/UE设计师课程,致力于帮助心怀设计梦想的零基础小白,从熟悉设计必备软件的基础操作开始,一步步掌握图标、字体、VI视觉系统、网页、APP等全面的设计技能,在真实企业项目实训下,将学会的技能运用于项目之中,更快的提升自我,从“薪”开始成为被争抢的设计高手!
试听课
(责任编辑:代码如诗)
------分隔线----------------------------
栏目列表
推荐内容