您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看
当前位置:首页 > UI设计 > 『UI入门』图标设计三步走

『UI入门』图标设计三步走

手机观看

扫一扫下载虎课app

支持离线缓存,随时随地学习

VIP优惠升级 19大分类,畅享43000+设计教程特权!

为自己充值升华学习
今日剩余学习次数:1

按住画面移动小窗

『UI入门』图标设计三步走

播放卡顿?建议切换线路

宽屏取消宽屏

学设计上虎课网

学习意犹未尽?成为VIP,继续提升

免费学习即将结束

关闭继续学习>

发表评论
收起宽屏
分享给朋友:
手机观看

扫一扫下载虎课app

支持离线缓存,随时随地学习

添加到专辑收藏已收藏收藏成功,可进入个人中心-课程收藏 查看!
目录信息笔记
图文教程学员评价 (243条评论)视频字幕查看优秀作品>

1.通过不同的途径借鉴【尺寸】、【辨识度】、【设计样式】可以快速的帮助我们完成图标设计。

2.从线上产品中借鉴图标【尺寸】。

3.从【iconfont】网站中借鉴图标【辨识度】。

查看更多
课程综合评分:9.9
课程难易程度:太简单(5)简单(47)适中(167)有点难(8)太难了(6)
您需要学习后才可以评价,立即学习
课程综合评分:9.9
课程难易程度:太简单(5)简单(47)适中(167)有点难(8)太难了(6)
您需要学习后才可以评价,立即学习
评论列表
仅显示有内容的评论
仅显示带图评论
排序方式:

hello虎课网的同学大家好我是EthankDesign ,这节课程我们继续来给大家梳理一下图标 ,因为图标的话是属于 ,我们作为一个UI设计师和视觉设计师 ,在工作职能中 ,非常多的整个设计类型了 ,那么这篇我也想和大家有一个小互动吧 ,图标设计有多么的重要呢 ,大家现在可以闭上眼睛来想一下 ,你平时使用过的这么多的APP ,在你闭上眼睛 ,联想到的任何一个产品类型 ,然后想一下它的整个界面中 ,有什么元素 ,那我相信大家联想到的这些元素呢 ,估计有三种 ,第一种就是文字 ,第二种就是图标 ,第三种就是图片 ,所以说图标设计在我们整个设计范畴中 ,它占有这种非常大的举足轻重的地位 ,所以说我们把它要好好的去分析一下 ,那回顾一下前两节我们对于图标设计的一些讲解 ,就像作为一个建筑工人 ,去造一个非常坚固耐用的大楼一样 ,地基给大家讲了很多 ,比如说图标设计的一些基础认识 ,我们要搭配整个现实的图库 ,也要搭配能够让我们减少一些时间成本的iconfont ,能够更加快速的找到你所想要的这个图形 ,并且把整个图形可以做得更加规范一些 ,因为我们在整个上节课程中 ,也是给大家梳理了一下 ,我们在做UI设计三要素 ,什么叫表意准确 ,我们又如何审量一个图标的美观度 ,包括统一度在我们整个图标设计中 ,是如何把它体现出来的 ,包括上节课程我们也是给大家实操了 ,什么叫统一度呢 ,我们把它知其所以然一下 ,也就是如果说一组图标 ,它都是由一些基础图标一个一个来构成的 ,那么这些图标它的统一度一定是比较强的 ,比如说我们现在可能有十个图标 ,那么这十个图片它有一个基础的形状 ,也就是圆角矩形加一个小线条的挖空 ,

那么我们做完这十个图标之后呢 ,通过这两个基础形状构成 ,那么它的统一度一定不会做得很差的 ,好的 那么也是在做整个iconfont的时候 ,相信这个网站大家用的 ,平时用的还会比较多一些 ,但是单纯的在使用iconfont这些平台网站的时候 ,可能你在做一个图标的时候 ,只能够去做出一些基础的图标 ,那么这节课程我和大家一起来分析一下 ,我们做一个图标绘制的时候 ,如何更加好的从1到2 ,也就是做出来能有自己的一些整个设计审美 ,包括能够在细节表现上 ,可以做得更加优秀些 ,1到2的图标进阶如何来理解 ,比如说这样的消息的图标 ,大家在平时iconfont上找一些消息图标的时候 ,它可能在一些审美细节上 ,或者说在一些整个线条细节上 ,可能把握的不是很好 ,那如果说你想要在工作中 ,去把这样一个消息的图标可以更加好的去做出来一下 ,比如说主管说 ,这个消息图标我感觉样式上好像不太对 ,我们这个填充是不是能够把它填充得小一点 ,不要百分之百的填充了 ,另外就是这个图标 ,它这个外描边是不是做的有点太深了 ,我们是不是可以把它做得更加柔和一些 ,其实在现实工作中的场景中的时候 ,我们在做一些小细节小控件的时候 ,经常会把它进行反复的这种捣腾 ,把一些细节把它挖得特别深一些 ,那么我们这节课程呢 ,就来模拟一下工作中的场景 ,如果把这个消息图标 ,可以做出来这种多种方案 ,是不是可以把它的细节做得更加多一些 ,不单单只是像iconfont中 ,一些基础类型的一个图标了 ,那么我们如何做好整个图标呢 ,也是那样的道理 ,大家不要去犯一些基础性的错误 ,这边我也是结合多年的一些实战工作经验 ,给大家介绍一下 ,我自己理解的比较能够少走一些错误的三步走 ,

怎么三步走呢 ,也就是利用好整个三个平台 ,比如说线上产品 ,我们在做设计的时候还是需要去有所借鉴的 ,因为毕竟我们日常工作中 ,包括目前在学习视频的各位 ,还是鲜有同学是那种很有造诣的设计大师 ,那么想要 ,自己造诣如果不是很强 ,想要去少走一些弯路的时候 ,一些适当的借鉴我觉得是肯定ok的 ,但是你这个借鉴跟抄袭一定是要区分清楚 ,那为什么这个三步走它是个借鉴 ,它不是一个抄袭呢 ,我们稍等也会通过案例和大家一起来分析一下 ,比如说三步走怎么理解呢 ,第一步上线产品我们借鉴的是一个尺寸 ,就举个例子TAP栏 ,TAP栏的底部这个工具栏 ,它这个图标大小应该把它做成多大呢 ,如果说有分寸的同学 ,他应该做成在48×48像素内进行设计 ,如果说像我刚刚分析那样 ,你没有分寸 ,你可能在做TAP栏图标设计的时候 ,就反复调整整个大小 ,调节来调节去最后这TAP栏图标 ,产品经理说 你这个版块好像做的不太规范 ,那你这个时候这个时间的试错 ,就变得很没有意义了 ,所以说线上尺寸呢 ,线上产品我们借鉴的是一个尺寸 ,借鉴的对象要明确一些 ,第二点我们在iconfont中借鉴的是一个辨识度 ,就像我们刚刚所讲的 ,你在iconfont这个网站中 ,输入关键词 比如说输入消息 ,它会给你搜出来几百个图标类型 ,我们在做设计的时候 ,肯定没有必要一个一个来进行试错 ,那么你在上百个图标 消息图标中 ,找一个你站在用户角度 ,感觉这个消息图标它的辨识度好像是最高的 ,所以说iconfont中这个网站 ,可以帮助我们去减少整个图标试错 ,能够找到一个辨识度最高的一个图形 ,第三步我这边建议大家可以去做一个花瓣的样式 ,

因为在花瓣中它是有很多非常好的灵感在这里面 ,那么你可以在中间找到很多 ,比如说断点的一些图标设计应该怎么来做一下 ,比如说一些趣味性的图标设计应该怎么做 ,包括一些粗线性的图标设计 ,应该来怎么做一下 ,这边我也可以给大家适当的展示一下 ,我在工作中积累的整个花瓣类型 ,我们可以来一起简要的看一下 ,那么我的一个花瓣ID ,如果大家想要关注的话也可以看一下 ,就是跟虎课网的ID是一样的也是EthankDesign ,那么我在做整个花瓣积累的时候 ,我也会积累很多一些图标类型 ,比如说首页的图标它应该展示成什么样子 ,线性的一些图标包括整个面性的一些图标 ,以及列表流中的一些图标设计 ,我到底应该怎么做 ,包括我们平时在做UI中设计的时候 ,也会有些图标做的不是很规范 ,也会做成这种小类型的节日类型的 ,一个插画设计类型的图标 ,那么这些图标我们应该如何进行调整呢 ,所以说用好整个这种灵感类型的平台 ,对于大家来说 ,也是能够非常好的提升 ,整个设计的一个瓶颈 ,能够快速度过吧 ,整个设计的一个瓶颈期 ,比如说复习好我们之前两节课给大家梳理的 ,图标如何做好辨识度 ,图标如何做好复用 ,包括这节课程讲的 ,

登录后查看更多
换一批

为你推荐

每周一练

立即参与

同学,小虎知道你非常努力的想学习!

老师录制课程真的也很辛苦

赞助一下吧

确定学习吗?

您每天可免费学习一个教程。

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

您已经免费学习 1 个教程 !

我们录制教程很努力的,赞助下吧 !

升级VIP吧!

您已经学习 5 个教程啦!

我们录制教程很努力的,赞助升级下吧 !

您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个素材文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计观看5个图文教程


您在当前分类下不是VIP,赞助VIP享受无限观看


学习后才能评价哦!

学习后才能提问哦!

获得30虎课币

评论提交成功,将在审核通过后显示

×

下载素材/源文件:

收藏成功
取消成功
特惠
充值
客户端
虎课桌面客户端
置顶播放器,边看边学习
虎课移动APP
支持离线缓存,随时随地学习
我的排行
建议意见
官方客服

官方客服

您可以与在线客服进行沟通或者拨打客服热线获得帮助

客服热线:021-80344319工作日:9:30-18:30

在线咨询:联系客服工作日:9:00-22:00

节假日:9:00-18:00

虎课积分
登录注册
使用手机号码登录
使用手机号码登录
手机号码格式错误
换一个
图形验证码错误,请重新输入
验证码错误,请重新输入
登录
已连续签到0
第一天
5个虎课币
第二天
10个虎课币
第三天
15个虎课币
第四天
20个虎课币
第五天
40个虎课币
第六天
20个虎课币
第七天
20个虎课币
立即签到
已签到
每周一重置签到奖励
已连续签到0
本周斩获110个虎课币,下周也要来哦
我知道了
已连续签到0
哎呀,签到失败了!
再次签到
哎呀,系统出现错误,请稍后重试!
上上签 · 今日宜学习
恭喜!签到成功,获得 10 个虎课币
.
书山有路勤为径,学海无涯苦作舟
— 唐代文学家 韩愈
虎课网 · 每天进步一点点
分享到