菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
组件库 话题
首页
设计文章
组件库
UI设计师
收录45篇文章
设计改版
收录39篇文章
重设计
收录52篇文章
sketch插件
收录44篇文章
Banner
收录48篇文章
UI
3.6w
6000字干货！如何用 Figma 搭建系统组件库？
相比 Sketch，Figma 在 Auto layout、变体和实例等方面极大的提升了组件库的设计灵活度和效率。
2022/02/28
百度MEUX
Figma
UI
2.0w
如何构建维护设计组件库？我总结了这6个方法！
如何有条不紊地构建及维护设计组件库？本文总结了6个方法。
2021/11/30
土拨鼠
组件库
UI
4.5w
iOS 15 设计规范近年来最大更新！来看看有哪些变化！
随着 iOS 15 发布，它的设计规范也迎来了一波重大更新！
2021/11/04
酸梅干超人
iOS 15
UI
4.1w
能快速提高团队生产力的组件库，如何从零开始构建？
作者将以京东的实战案例，跟大家分享组件库构建的逻辑和思路。
2021/11/01
姜佳欣
原子设计
UI
2.0w
掌握3个步骤，从零到一创建可协作组件库
本文将结合实际项目，通过三个步骤去解析组件库，帮助大家理解、构建组件库。
2021/09/15
林影落
B端产品
UI
2.0w
组件库可以替代 B 端设计师么？来看大厂高手的分析！
优秀的组件库，都为 B 端设计和开发的工作提供了便利。那么 B 端设计师能被组件库替代吗？本文就跟你聊聊组件和设计师之间的关系。
2021/08/09
土拨鼠
B端
UI
2.3w
如何打造一个优秀的C端组件库？来看贝壳设计的实战案例！
如何建立和迭代一个优秀的组件库：不仅能保持良好的普适性，解决全平台产品的体验一致性的问题；并且能够保持各个业务线的特色和定制化需求。
2021/06/22
土拨鼠
C端组件库
UI
1.6w
用QQ动漫的设计系统案例，帮你掌握组件化思维
随着项目的不断发展，设计团队在不断壮大，设计师之间的协作也越来越多，相应的沟通和协作成本在不断增加。如何才能更高效的合作，并把设计质量和一致性做的更好，是我们需要去解决的问题。
2021-03-03
土拨鼠
QQ动漫
手绘
6.0w
保姆级教程！如何创建超实用的品牌插画组件库（附超多资源）
之前给大家详细的解析了个人插画组件库的设计方法以及个人见解。今天就带大家来全面分析一下品牌插画组件库的建立及应用。
2021-02-05
土拨鼠
品牌插画
UI
7.2w
保姆级教程！手把手教你做超实用的插画组件库（附组件库下载）
按照本文步骤设计，插画手残党也能轻松学会！有了自己的插画组件库后，我们能更高效率高质量做出插画来。
2021-02-02
土拨鼠
插画组件库
UI
4.3w
超详细！手把手教你用Sketch搭建组件库（下）
今天，我们来讲解下组件的动态响应式，这是组件库搭建的重中之重，也是 Sketch 搭建组件库系列的终篇！
2021-01-26
土拨鼠
sketch
UI
8.1w
超详细！手把手教你用Sketch搭建组件库（上）
本文来看看如何使用Sketch搭建组件库。整个讲解过程我秉承着知行合一的精神亲自实践，但愿这种深入浅出的表达能为你带来收获。
2021-01-25
土拨鼠
sketch
UI
2.7w
本该提高效率的组件库，最后为什么成了效率杀手？
如果你创建的组件库越来越臃肿，但效率反而没有提升，那么可以带着审视的目光，从以下两个方面重新思考组件库。
2020-12-14
土拨鼠
ui设计
UI
4.1w
如何从零开始构建B端组件库？来看这份全面总结（附大厂组件库）
本文结合B端项目，从多角度深入细节去解析组件库，包括组件库的好处、做组件库的时机、该怎么做，如何应用和维护等。
2020-11-30
〔 小仙草 〕
B端产品
神器推荐
3.2w
Figma重大功能更新！学会用「变体组件」让设计效率翻一倍！
月初Figma 更新了变体组件功能，今天这篇文章从两个方向介绍如何创建变体组件，包括从零开始创建变体组件和现有组件库迁移。
2020-11-13
土拨鼠
Figma
产品
9.4w
如何利用Figma构建组件库？我们团队总结了这篇经验
最近团队尝试使用Figma构建一套适用团队的组件库与规范，发现 Figma 比 Sketch 的构建方式要更简单和更灵活，本文主要分享了我们团队在创建组件库中的一些经验方法。
2020-07-27
土拨鼠
Figma
产品
1.9w
想学会系统化设计？为你整理了这份《设计体系》的读书笔记
特别全面的设计体系读书笔记，非常适合尝试将设计体系融入组织中的中小型团队人员阅读，另附超多平台级设计体系范例，快来收藏！
2020-05-09
土拨鼠
产品
交互
3.4w
用一篇全面干货，帮你完整掌握组件化设计流程
组件化思维是设计师的必备技能之一，如何搭建组件库和制定设计规范？用一篇文章带你了解组件化思维设计流程，帮你更好地建立组件化思维。
2020-04-10
土拨鼠
交互
UI
3.4w
如何零基础高效建立组件库？来看大厂设计师的总结！
用一篇文章带你彻底搞懂组件库建立的基本准则、步骤和实现方法，帮你从零到一高效建立组件库。
2020-03-04
土拨鼠
sketch
UI
1.5w
Invision 官方出品！超全面的「设计系统」 构建指南（一）
这篇文章来自于 Invision 出品的书籍，围绕规划、设计、构建和实现设计系统的实践经历来指导读者，其中包含了经验丰富专家的真知灼见和一手经验。第一章将和大家探讨标准的力量即设计系统的价值。
2020-02-27
土拨鼠
UI
UI
2.1w
远程办公学会用PS组件库，提高300%的工作效率！
PS 2019 增加了组件库的功能，虽然还不是那么智能和强大，但是对于PS用户来说能够提升不少工作效率。经过团队几个月的使用，保守估计能够提升300%的工作效率，是不是有点心动。
2020-02-07
土拨鼠
PS 2019
UI
3.1w
提高 30% 效率！京东营销组件库设计案例完整复盘
构建组件库，能够有效帮我们解决多人视觉风格不统一、组件修改繁复的情况。京东这篇营销组件库构建心得，能有效帮助我们快速清晰搭建组件库的思路，提升设计效率。
2020-01-15
京东JellyDesign
UI
UI
2.4w
如何用项目思维，从零开始建立「设计组件库」？
无论你是否想建议一个设计组件库，这篇文章分享的「项目思维」依然值得每个设计师认真学习。
2019-07-17
程远
组件库
教程
3.9w
5分钟改完100个界面？那是高手都在用这个方法做设计！
什么是组件化设计？组件化的创建流程是怎样的？本文给你全面的解答，附上实操案例。
2019-05-23
程远
组件
UI
3.5w
花两个月时间做的动画宣传片，为你揭秘制作全过程
大名鼎鼎的 Element 组件库现在出动画宣传片啦。这个耗时2个月的片子完全由 UI 设计师主导制作，他是如何一步步完成的？来看背后过程揭秘！
2019-05-05
程远
Element
UI
3.4w
能快速提高团队工作效率的组件库，到底该如何构建？
本文将深入细节从多角度去解析组件化的概念，帮助我们理解、构建组件库。设计组件化的概念本身是从程序的开发模式中演变而来。开发中的工程化思维是不是也可以帮助我们高效的管理设计稿呢？
2019-02-21
阅文体验设计YUX
交互组件库
教程
2.2w
教你用Mac共享，轻松打造自己团队的Sketch Libraries！
前段时间发现蓝湖的同步盘从官网下线了，问了客服，说是维护中，具体开放日期不明（目前已正常）。当时我们的设计团队要用这个同步盘来维护 Sketch 的设计组件 Libraries，看来现在要换个思路来解决。网上有 Dropbox 和 GitHub 解决方案，但是对于设计师来说还是难以理解，部署复杂，关键是 Dropbox 的速度在国内堪忧，严重影响效率。
2018-12-28
程远
Mac 技巧
产品
6.7w
Sketch 进阶教程！利用Symbol 建立一套设计规范组件库？
这是一篇 Sketch 进阶教程，让你学会利用 Symbol 建立一套设计规范组件库。文章目录写在前面基础规范图标规范组件规范写在后面为保证更好地理解文章内容，你需要对以下知识点有一定的了解（部分内容已附注释）。1. Text style ¹△ 图片来自Sketch手册在设计包含大量文本的界面时，许多图层拥有相同的文本属性。
2018-12-24
程远
交互组件库
神器推荐
8.6w
用高手精心打造的Sketch 组件库，省下80%的原型制作时间！
最近逛朋友圈，发现之前专访过的一位腾讯高手，竟然做了两套Sketch 线框稿组件库！关于这位交互设计师的专访 → 《优设访谈！腾讯高级交互设计师C7210的十年设计路》仔细看了下这两套线框稿组件库，发现不仅组件全面，样式丰富，而且最新的一个还免费赠送了常用的中文数据，包括中国主要省份/城市名，中文段落内容等等，让设计师可以很方便地通过 Data 功能进行自动替换。
2018-12-18
程远
交互组件库
没有更多文章了
大家都在看
设计师专访
文章 147
立即查看
psd下载
文章 134
立即查看
用户体验
文章 857
立即查看
动效设计
文章 193
立即查看
ps技巧
文章 636
立即查看
App设计
文章 261
立即查看
logo设计
文章 184
立即查看
设计流程
文章 145
立即查看
平面设计
文章 403
立即查看
优设读报
2022年05月25日 星期三
01
2022 中央美术学院毕业展打造「线上大展厅」
02
布鲁克林电影节主视觉海报公布：Something to Offend Everyone
03
中国美术学院发布标题字体「国美进道体」
04
三星推出限量 Pokémon 主题 Galaxy Buds 2
05
华为伙伴暨开发者大会将于 6 月在线举办
查看全部
深色模式设计指南
从官方规范到实战经验应有尽有！
查看专题
专题
已有61.4w位观众
已收录
13
篇持续更新
用阿里巴巴APP的案例，教你如何快速适配「深色模式」
54580 人阅读
WWDC 大会开幕，我们准备了一份「深色模式」设计要点
49679 人阅读
细节
九月开学季来了，Google小学校也开课了：）
九月开学季到来，谷歌首页的节日纪念定制版图标Google Doodle变成了学校开课的小动画。孩子气的涂鸦风格充满朝气与童真，互动性的动画生动有趣。情感化设计的小彩蛋让特殊的日子充满惊喜，体现了科技公司的温度与情怀。
2019-09-06
AmberDu小白
Google
设计问答
全部问答
做设计的如何缓解emo情绪？
邀请你来回答
最近特别容易烦躁不安，但又无处宣泄。快递有3个滞留，经常点的那家外卖，已经歇业2天了，难受！放假之前，我们还要把项目赶上线，蚌埠住了....
我来回答
优设琅琊榜
查看全部
2.1w
1/9
Jade Zhang！每一次旅行都是一系列作品
张钰倩
Airbnb Visual Designer+Illustrator
设计神器
全部神器
古典乐的 Spotify！收录 200 万首古典音乐免费在线收听！
神器推荐
学会这个方法，仅用30秒就能找出你想要的字体
神器推荐
神器丨可能是最简单的3D建模软件Project Felix
酷站推荐
PS黑科技实现一键抠图，赶紧来下载最新版！
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
优设微博内容运营/设计 主编
武汉
本科及以上
3-5年
8-10k
网站内容运营
武汉
大专及以上
经验不限
4-6k
视觉UI设计师
深圳
本科及以上
3-5年
15-25k
查看全部
行业新闻
发布行业新闻
NVIDIA Studio 创意加速，带来出色的 AI 和光线追踪性能
新品推荐
超好用！让印刷作品质感倍增的 9 组印刷纸张类型
行业新闻
「NVIDIA Studio 创意加速」中，展示概念艺术家 Pablo Muñoz Gómez 充满奇幻色彩的艺术作品
品牌资讯
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计问答
高手大咖在线答疑解惑
查看话题
