icon图标 - 优设网 - 学设计上优设

菜单优设网 - 学设计上优设

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

icon图标话题

首页
设计文章
icon图标

9图 1/9

9组简单有质感的新春轻拟物图标

9图 1/9

9图带你学会PS制作磨砂质感2.5D图标

好图标什么样？这有一份大神总结的检查清单！

UI

好图标什么样？这有一份大神总结的检查清单！

图标设计，即icon设计，在界面设计中占有很重要的位置，一个好的图标，可以让用户「一秒即懂」，如何设计出优秀的图标，这篇文章给你解答。在图形交互界面（GUI）中，图标（icon）是一种最常使用的设计元素之一。怎样设计一个优秀的图标呢？

2019/02/12

UI

超实用的扁平图标绘制终极指南！

一、使用栅格界面上的 icon 一般都能近似成一个基本形式，比如各个方向的长方形、圆、三角形、正方形。如果你把他们进行模糊化处理，你会发现他们都是差不多大的一小团黑色，也就是说其「视觉重量」是基本一致的。把 icon 根据不同的形状放入栅格框架里面。

2018/05/08

如何画好一组线性图标？来看这份新手科普总结！

UI

如何画好一组线性图标？来看这份新手科普总结！

画过不少图标，也总结了很多大神的方法，在此归纳一下简单的图标画法，希望对大家有帮助。作为一名 UI 设计师，必须要重视 icon 的作用，首先是需要大量地练习，其次是尽量不要一遇到画图标的时候就随便在网上下载，而是结合产品调性创造属于这套产品的图标。一、图标在 UI 中的应用在本文中所说的图标，是指界面中的 icon。

2018/04/25

UI

超全面的图标基础知识总结

图标的分类和风格有很多种，而设计图标的时候，如何才能抓住用户的眼球，设计出自己满意的图标呢？欢迎关注译者的微信公众号：「小贱剑设计出品」「图标设计不止于此」《腾讯设计师：如何系统地设计界面图标？》《从零基础到合格，我总结了这5个图标设计实战方法》《如何找到改版的切入点？

2018/04/02

腾讯设计师：如何系统地设计界面图标？

UI

腾讯设计师：如何系统地设计界面图标？

文章结合过往案例讲述如何通过设计要点和方法有效系统地进行界面图标设计。作者：[email protected]腾讯视频TVD欢迎署名和标记来源转载 : )腾讯视频TVD是一个很年轻的团队，组内氛围好，不无聊，欢迎投简历或前来勾搭~「如何绘制优秀的图标」《网易资深设计师：APP应用图标的36个设计方法》《没掌握图标的绘制规范之前，别说自己会画图标了》《为什么我的图标这么酷炫，总监却说不合格？》================明星栏目推荐================优优教程网： UiiiUiii.com 是优设旗下...

2018/03/06

UI

用品牌基因法，三步帮你搞定图标设计！

@Jenny黄静雯：相信很多同学会有，看理论的时候觉得很有道理，看完后却不知该怎么实践，久而久之便会产生「看过很多设计理论，却仍做不好设计」的困惑。今天静雯就来带你从理论到实践，用菜心设计铺的《用品牌基因法做图标设计，这是高级UI设计师才会的手法！》理论来重设计链家Tab Icon。

2018/02/21

UI

高手说我的图标不止好看，还有这4个作用！

「界面中存在的每一个元素，都是有意义的。」这是我进行产品设计时的一贯主张。小到一个标点符号、一根分割线，大到一个图标、一张图片、一个字段，都要有其存在的理由。

2018/01/23

神器推荐

酷站两连发！免费易用的图标集+易读性最高的免费英文字体

编者按：想提升界面质感又不会设计图标，收藏第一个网站就可以咯。第二个是款可能是全球易读性最高的英文字体，现在开放商用，千万别错过咯。年底干货巨献：《2016年年度设计圈干货精选合集》一般在开发项目或应用程序时会用到图标集，不但能提升界面质感，也能让使用者更容易学习使用，其实网络上也已有不少免费图示素材可以下载、使用在自己的项目上，节省重新设计或绘制时间预算，当然要找到能够搭配的图案可能不是那么容易，我倾向介绍一些较为简单、线条干净的图示组，这会更适合整合到各种设计风格。

2017/01/02

酷站推荐

春节酷站系列！包含100免费图标集的ICONY（多格式）

ICONY 是一套集合了 100 个图标的免费图标集，这套图标的特色是平面化设计，没有多余或复杂的图形，很容易被使用于任何一个开发项目。这套图标一共提供了四种常见格式，包括 AI、EPS、PSD 及 PNG，自由捐赠，也能免费下载。这套图标命名为 ICONY，从网页介绍可以知道这套图标一共有 100 个，移动鼠标光标可以放大、预览这些图案。

2016/02/12

教程

腾讯干货！超实用的高清图标SVG解决方案全总结（上）

随着硬件快速的发展，Retina技术发展至今，目前Google Nexus6的devicePixelRatio已经到了3.5，虽然目前主流的Retina显示器还是以devicePixelRatio = 2的为主，但是为了更好的用户体验，前端和视觉同学经常都要为了各种图标能够在Retina屏幕下高清显示而头痛。下面先介绍下目前的一些常规的解决方案。腾讯干货：《腾讯力作！

2015/11/05

UI

来一打图标！200+最新的优质ICON素材免费下载

编者按：今天这组资源收集了很多常用的图标素材，格式也包括了矢量、Sketch、PSD等等，200多个都是从追波和Behance上扒的，质量可见一斑。老规矩，打包好的雷锋同学评论留言即可，感谢：）感谢@设计日志同学打包，下载戳：http://pan.baidu.com/s/1c02S8lqFree Icon Set（AI）Financial Icons （Sketch file） by Alexandre NaudWilderness/Camping Icons （AI files） by Ani...

2015/09/27

六月图标资源第一波！800+枚最新的精品图标免费下载

下载

六月图标资源第一波！800+枚最新的精品图标免费下载

编者按：今天的图标推荐有14组，从线性图标、响应式图标到手势图标、媒体图标等等都有，类别很丰富，总800+枚，全都可以免费下载，不多说，直接收 >>>响应式图标↓↓免费下载↓↓40个智能家居图标 (SVG, EPS, PNG, Sketch) ↓↓免费下载↓↓20个食物图标↓↓免费下载↓↓太空图标 (AI & PSD)↓↓免费下载↓↓扁平化图标↓↓免费下载↓↓艺术矢量图标↓↓免费下载↓↓100 免费图标↓↓免费下载↓↓银行图标 (PSD)↓↓免费下载↓↓线性矢量图标↓↓免费...

2015/06/05

教程

纯硬货四招！帮你轻松搞定SVG Icon的模糊问题

@京东设计中心：很多设计师跟开发都会遇到SVG 图标模糊的问题，今天我们简单教你四招，轻松搞定这个问题，有需要的同学赶紧来收 >>>简单介绍随着高清视网膜屏的出现，网页设计也需要考虑各种高清屏幕的显示效果，前端在写代码的时候也需要根据屏幕的不同，输出不同分辨率的icon图片，真的好多工作量啊~为了解决屏幕分辨率对图标影响的问题，SVG格式的icon出现了，简单的说它是通过矢量路径把icon变为字体，这样前端在改变icon大小和颜色的时候，操作起来就简单高效多啦~被困扰的小问题先说...

2015/02/06

五月最新图标资源合集！1000+线性图标免费下载（已打包）

下载

五月最新图标资源合集！1000+线性图标免费下载（已打包）

扁平化风潮下，线性图标也跟着火了一把，但不知道童鞋们的资源库有没有同步进新货呢？如果还没有，今天我们收集了1000+枚线性图标，全都可以免费商用，大胆地伸手过来吧！提醒：全部打包担心童鞋们老虎老鼠傻傻分不清楚，就逐个上传到微盘咯，希望你使用起来方便些：）福利第二波：《为响应式网站而生的40款栅格神器》《20个展示LOGO的精致模型免费下载》《18套免费的UI组件和线框图工具打包下载》Stroke Icons包括PSD、AI、SVG、Webfont 四种格式。

2014/05/30

满足四大要素！让网页设计中图标更有吸引力

教程

满足四大要素！让网页设计中图标更有吸引力

图标在网页设计中用途广泛，几乎每个网站中都存在着图标。通过这些小小的图标，可以方便的实现视觉引导和功能划分。如果选用恰当，图标能和页面中的图片有机融合，保持视觉上的一致性，同时也能够和整个网站的风格相契合。

2013/09/08

没有更多内容了

大家都在看

经验分享

文章 5182

设计史

文章 152

视觉设计

文章 207

平面设计

文章 516

动效设计

文章 209

UI设计

文章 963

入门

文章 162

求职面试

文章 169

交互设计

文章 832

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

优设9图

优设爆火的干货频道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：扫码添加

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注

优优教程网

优设大课堂

设计师导航

优设训练营