菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
图标 话题
首页
设计文章
图标
表单设计
收录60篇文章
信息图
收录46篇文章
交互
收录49篇文章
沟通技巧
收录52篇文章
HTML5
收录63篇文章
1 / 2
到第
Go
页
UI
如何重新设计3000个图标？来看金山团队的实战案例！
为了让用户更高效地完成工作，我们用了大半年的时间，完成了 WPS Office 组件页 3000 个功能图标的视觉升级。
2022/01/13
CED设计团队
WPS
UI
2.0w
图标的辅助图形如何设计？我总结了这5条实用经验
善用辅助图形为图标增强表现力是图标设计中的一个秘密武器，彩云在工作中总结了一些经验，大概有 5 点。
2021/06/17
土拨鼠
图标
UI
1.4w
用超简单的案例，聊聊图标设计的节奏感
图标的节奏感从何而来？本文从粗细、长短、疏密 3 个方面聊聊图标设计的节奏感。
2021/04/09
土拨鼠
UI 设计
UI
2.5w
两个图标改了13版，我是如何逐步优化的？
本文这个需求是直播间 PK 后，主播胜利与失败的两个状态设计，过程经历了很多次修改，现在来分享一下自己的感受。
2021/04/02
土拨鼠
ui设计
UI
2.5w
用一个实战案例，帮你掌握原创图标方法论（含源文件）
原创逻辑我在两年前用插画分析过，这次用图标作为例子，分析的步骤也写得更详细，将原创方法从 1.0 迭代到 2.0～希望能带给你启发。
2021/03/16
土拨鼠
原创
UI
2.0w
图标统一性不强？来看腾讯设计师总结的这9个自检要素表
我们总说做图标要统一，但是到底要统一哪些要素？有没有一个完整的自检表呢？今天就以线形图标为例，看看我们需要统一哪 9 个要素。
2021/03/15
土拨鼠
ui设计
UI
2.0w
我设计的图标明明很精致，可总监还是说不专业？
今天和大家聊一聊设计细节，每个提到的细节你们都能直接拿走，并且在项目中使用。
2021/03/05
土拨鼠
ui设计
UI
1.6w
想设计出差异化的图标，但无从下手怎么办？
有同学问我，想优化之前的图标，想做点差异化的图标，但无从下手怎么办？今天我想针对这个问题，给大家提供一点解决方案。
2021/03/04
土拨鼠
创意方法
UI
1.5w
一个简单的图标设计需求，腾讯设计师是如何做好差异化的？
如何让自己的设计如何与别人的不一样？本文腾讯设计师用一个图标的实战案例，希望能给你带来启发。
2021/01/29
土拨鼠
图标
UI
1.7w
图标如何一稿过？来看京东的实战案例！
我们在画图标的时候，往往会忽略掉一个重要的问题：缺失品牌感。有没有什么系统、易于理解的方法来让我们的图标具备品牌感？
2020-11-09
土拨鼠
图标
UI
6.6w
两万字超强干货！设计师必看的图标设计指南
图标在设计中看似只占一个很小的区域，但是它却是考验设计师基本功的重要标准，了解图标相关的概念，以及正确绘制的方法，是入门 UI设计的必备条件。
2020-10-12
印迹
ui设计
UI
1.5w
如何做好可爱型图标设计？腾讯设计师总结了这3个要点！
可爱型图标有哪些特点？本文腾讯动漫设计师总结了可爱型图标的 3 个设计要点，让你的图标即刻变得卡哇伊~
2020-06-22
土拨鼠
可爱图标
神器推荐
2.3w
想给网站换个图标？收下这个超强大的免费生成器！
超强大可自动生成网站图标的在线神器，还能通过 Emoji 制作，多尺寸多设备均可制作，快来收藏！
2020-05-31
土拨鼠
Favicon.io
UI
2.4w
图标细节不够，到底差在哪？高手总结了这10条关键原则
希望通过今天这篇文章，能够让大家自检下自己作品集中的图标问题，或许还有可以提升之处。本文会着重介绍图标基础规则，深入探讨图标的视觉重量和对齐问题。
2020-05-19
土拨鼠
UI 设计
UI
3.2w
超长干货！图标设计零基础科普指南
借着疫情期间在家休假的时间，将平时用到的一些零零散散的图标绘制方法与思路进行了一次全面的汇总与沉淀。
2020-03-23
土拨鼠
UI
UI
2.3w
为什么你的图标看着不舒服？
图标虽小，但作用却不容忽视，如何才能设计出让人感觉舒服的图标？本文教你从这 3 个角度出发，打造完美视觉平衡的图标设计。
2020-03-06
土拨鼠
UI
UI
4.7w
2020 年最火的新拟物化设计怎么做？这个在线神器一键生成！
今天分享的 Neumorphism 在线生成新拟物化 UI 工具，可以通过这个工具分解出新拟物化 UI 是如何设计的，此外它还能生成 CSS 代码并应用到网页上。
2020-03-03
土拨鼠
Neumorphism
UI
1.8w
从零开始学！B 端产品图标绘制指南（细节篇）
前一篇文章跟大家分享了图标设计的创意阶段，今天继续第二篇，总结营造高级感有哪些技巧，以及设计整套图标库需要在哪些方面统一规范。
2019-09-25
土拨鼠
B端产品
UI
3.4w
从零开始画图标系列：进阶线性图标设计实战
本篇我们会教你不同风格的线性图标画法，包括多种粗细风、多色描边风、渐变描边风、描边叠加风等。
2019-06-11
程远
入门
UI
3.7w
好图标什么样？这有一份大神总结的检查清单！
图标设计，即icon设计，在界面设计中占有很重要的位置，一个好的图标，可以让用户「一秒即懂」，如何设计出优秀的图标，这篇文章给你解答。在图形交互界面（GUI）中，图标（icon）是一种最常使用的设计元素之一。怎样设计一个优秀的图标呢？
2019-02-12
程远
ICON
UI
9.6w
如何绘制功能性图标？来看资深设计师的全面总结！
想想图标的绘制也是有历史的，从刚开始 ps 用面切法运用布尔运算去切，有时候线条也是用面切面得到。随着线性图标的火爆和普及，开始放弃面切法，转用钢笔工具直接绘制，还可以很好的控制线的直角和圆角。当你会使用 Ps 绘制图标了，换成 ai 你会发现更加的快捷方便。
2018-06-18
程远
ICON
手绘
3.8w
如何学习Yoga Style？来看这篇超全面的总结！
学完这边文章之后，任何复杂的造型应该都能绘制出来，学会绘制造型是设计的第一步，也是基础。一、分析Yoga StyleYoga 全名 Yoga Perdana，是一名印度尼西亚的设计师，擅长插画和标志设计。玩追波的人应该一点都不陌生，他独特鲜明的风格得到很多人的关注。
2018-06-16
程远
logo造型
UI
4.8w
如何系统学习功能图标？来看资深设计师的全面总结！
一、图标的定义1. 什么是图标图标是具有明确指代含义的计算机图形。从功能分类角度分为启动图标、应用图标、功能图标。2. 什么是功能图标功能图标是具有指代意义且具有功能标识的图形，它不仅是一种图形，更是一种标识，它具有高度浓缩并快捷传达信息、便于记忆的特性。
2018-06-11
程远
ICON
下载
1.8w
未来就在这里！ 一组AR 和VR 相关的图标合集免费打包下载
未来就在这里！一组 AR 和 VR 图标合集免费打包下载。链接：https://pan.baidu.com/s/1g-XeXYfiHcxSTkhvBZ2xmQ 密码：wfc6曾经听起来像是科幻小说已经成为现实，你只需要拿一个 VR 耳机或者简单地使用你的网络浏览器，你会突然发现你处在一个完全不同的地方，不同的时间，或者你最喜欢的游戏中。
2018-05-19
程远
AR
UI
2.7w
超实用的扁平图标绘制终极指南！
一、使用栅格界面上的 icon 一般都能近似成一个基本形式，比如各个方向的长方形、圆、三角形、正方形。如果你把他们进行模糊化处理，你会发现他们都是差不多大的一小团黑色，也就是说其「视觉重量」是基本一致的。把 icon 根据不同的形状放入栅格框架里面。
2018-05-08
程远
ICON
酷站推荐
9.7w
13个私人收藏的免费设计资源网站
作为一个设计师，做设计时需要用到不少审美优良的资源。但如果预算有限，去哪里找好的照片、好的图标、好的素材呢？接下来就为大家介绍13个优秀的免费设计资源网站，赶紧收藏起来为你的设计项目锦上添花吧！
2018-04-26
程远
图标
教程
4.4w
饿了么高级设计师：界面视觉设计 5 要素
一款 App 或 Web 产品，从用户体验的角度包含了战略层、范围层、结构层、框架层、表现层。而作为 UI 设计师，如果连「表现层」的内容都还一知半解就去盲目地学习其他领域，这是不提倡的。这里说的「表现层」是指视觉设计层面，在界面的视觉设计中同样也包含了5个视觉要素：色彩、文字、图标、图片、空间。
2018-04-11
程远
图标
UI
2.8w
超全面的图标基础知识总结
图标的分类和风格有很多种，而设计图标的时候，如何才能抓住用户的眼球，设计出自己满意的图标呢？欢迎关注译者的微信公众号：「小贱剑设计出品」「图标设计不止于此」《腾讯设计师：如何系统地设计界面图标？》《从零基础到合格，我总结了这5个图标设计实战方法》《如何找到改版的切入点？
2018-04-02
程远
ICON
UI
2.9w
腾讯设计师：如何系统地设计界面图标？
文章结合过往案例讲述如何通过设计要点和方法有效系统地进行界面图标设计。作者：KongZhen@腾讯视频TVD欢迎署名和标记来源转载 : )腾讯视频TVD是一个很年轻的团队，组内氛围好，不无聊，欢迎投简历或前来勾搭~「如何绘制优秀的图标」《网易资深设计师：APP应用图标的36个设计方法》《没掌握图标的绘制规范之前，别说自己会画图标了》《为什么我的图标这么酷炫，总监却说不合格？》================明星栏目推荐================优优教程网： UiiiUiii.com 是优设旗下...
2018-03-06
程远
ICON
教程
2.9w
为什么我的图标这么酷炫，总监却说不合格？
在尺寸有限的移动端界面上，小小的icon可以更加简单高效的表达含义，并且给用户正确和友好的指引。所以对于UI设计师来说，与icon们相爱相杀无疑是每天日常。下面就来总结一下，如何使我们设计的icon表意清晰、符合标准。
2017-12-17
程远
图标
1/2
1
2
下一页
前往
Go
页
大家都在看
平面设计
文章 375
立即查看
职场经验
文章 120
立即查看
职场规划
文章 355
立即查看
干货
文章 149
立即查看
入门
文章 162
立即查看
设计圈干货
文章 188
立即查看
干货合集
文章 169
立即查看
版式设计
文章 182
立即查看
干货大合集
文章 164
立即查看
优设读报
2022年01月22日 星期六
01
44 届金穗奖主视觉出炉，由颜伯骏团队再度操刀
02
抖音 PC 版正式发布：电脑刷视频更方便了
03
苹果 2022 贺岁短片《卷土重来》 iPhone 13 Pro 将农村变火星
04
爱奇艺联手薄盒首发《风起洛阳》数字藏品
05
电影《隐入尘烟》入围柏林电影节主竞赛单元，黄海操刀定档海报
查看全部
图标绘制指南
高手从零开始带你画图标
查看专题
专题
已有42.9w位观众
已收录
7
篇持续更新
从零开始画图标系列：图标应用详解
53608 人阅读
从零开始画图标系列：启动图标设计指南
74546 人阅读
细节
一键翻转同声传译双语字幕，「腾讯翻译君」让沟通再无国界～
「腾讯翻译君」顾名思义是一款能帮你进行同声传译的翻译软件。App主页面即是进行交互传译的页面，很符合实时语音对话翻译的功能定位。「同声传译」支持语言互换，页面根据双语字幕会分两屏显示，上屏的字幕还可点击「翻转」按钮切换显示方向。
2018-07-30
小白
AI
设计话题
全部话题
做海报时，不知道从何下手要怎么办？
1.5w 设计师围观了该问题
看到一个海报发呆，不知道怎么去创造，只知道模仿，大家有这种感觉吗？前辈们是怎么克服这个问题的呢？
我来回答
优设琅琊榜
查看全部
1.7w
1/9
梁述光：画笔力量无限大，他为奥运冠军画头像
插画师小光sir
优设百万人气插画师 / 知名IP商业画师 / Wacom大赛评委 / 擅长IP形象、潮流插画、分镜设计、爆款漫画 / 约稿商务合作加V：guangsir6666
设计神器
全部神器
“没有它我就不会切图！”省时省力的切图神器Slicy下载
神器推荐
600张高清涂色稿免费下载！日本这个网站太良心了！
神器推荐
最热门工具推荐！为响应式网站而生的40款栅格神器
神器推荐
外挂级神器！内置700+免费字体直接用的PS插件Fontea
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
高级体验设计师/设计专家
杭州
大专及以上
经验不限
25k-50k
视觉UI设计师
深圳
本科及以上
3-5年
15-25k
交互设计师
北京
本科及以上
3-5年
25k-50k
查看全部
行业新闻
发布行业新闻
SEE Conf 设计工程化三部曲！探索新环境下「产研协同模式」中的思考与实践
活动赛事
让好设计被世界看见！2021 当代好设计奖完满收官
活动赛事
元宇宙趋势下数字创意资源的新机遇，万兴科技打造「数字原料工厂」
活动赛事
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计话题
高手大咖在线答疑解惑
查看话题
