菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
组件设计 话题
首页
设计文章
组件设计
设计原则
收录97篇文章
职场
收录134篇文章
设计细节
收录99篇文章
设计师
收录80篇文章
实战案例
收录103篇文章
UI
1.8w
用一篇文章，从零开始帮你用好 Figma 的组件库功能
本文将使用 Figma 这个软件，教大家如何使用超方便的 Component 的功能。
2021/12/20
斜杠7湿兄
Figma
UI
3.4w
能快速提高团队生产力的组件库，如何从零开始构建？
作者将以京东的实战案例，跟大家分享组件库构建的逻辑和思路。
2021/11/01
姜佳欣
原子设计
UI
1.7w
掌握3个步骤，从零到一创建可协作组件库
本文将结合实际项目，通过三个步骤去解析组件库，帮助大家理解、构建组件库。
2021/09/15
林影落
B端产品
UI
2.1w
有哪些组件值得学习？我梳理了8个大厂的设计组件！
设计组件作为设计系统里的组成部分，可以说是构成这个系统最基础也是最实用的部分了。本文梳理了 8 个大厂设计组件，建议收藏。
2021/09/08
林影落
web组件
UI
1.5w
如何提升下拉菜单的设计体验？看看这些关键知识点！
怎样区分下拉菜单的设计是否合理呢？在这篇文章中，我们将从什么是下拉菜单开始，一步步来分析下拉菜单的设计构成。
2021/05/27
土拨鼠
下拉菜单
UI
1.9w
超全面！移动端弹出层组件的定义、应用与设计
本文不仅详细解读「弹层」「弹窗」「对话框」等弹出层组件的区别，并且手把手教你从 0-1 设计组件。
2021/02/04
酷家乐UED
ui设计
UI
3.8w
Figma进阶干货！从零开始构建自适应组件指南
本文主要分享我们平时在项目中使用自动布局的一些经验和方法，从 0-1 结合案例，详细讲解我们是如何使用 Figma 自动布局搭建自适应组件。
2021-01-08
土拨鼠
Figma
UI
3.7w
如何从零开始构建B端组件库？来看这份全面总结（附大厂组件库）
本文结合B端项目，从多角度深入细节去解析组件库，包括组件库的好处、做组件库的时机、该怎么做，如何应用和维护等。
2020-11-30
〔 小仙草 〕
B端产品
神器推荐
2.7w
Figma重大功能更新！学会用「变体组件」让设计效率翻一倍！
月初Figma 更新了变体组件功能，今天这篇文章从两个方向介绍如何创建变体组件，包括从零开始创建变体组件和现有组件库迁移。
2020-11-13
土拨鼠
Figma
UI
1.2w
高手是如何思考功能设计的？用单复选组件的案例告诉你！
以前看到「圆点+圆圈」就知道是单选，但是为什么现在单选与多选的设计样式五花八门，都没有遵守前面这种规范呢？
2020-10-12
土拨鼠
功能设计
UI
3.0w
如何让Sketch效率实现飞跃般的提升？先收下这些Symbol技巧
用Sketch做界面设计也有些年头了，从工具人到才真正开始工业化生产页面，其中一项就是Sketch自带的 Symbol 功能。今天就总结一下我使用Symbol的一些经验分享给胖友们。
2020-08-28
京东JellyDesign
sketch
UI
3.4w
用一个落地项目，帮你掌握Sketch组件的制作思路
本文会以落地项目、实际案例和大家分享组件的逻辑以及制作思路。
2020-08-10
土拨鼠
Sketch组件
产品
7.4w
如何利用Figma构建组件库？我们团队总结了这篇经验
最近团队尝试使用Figma构建一套适用团队的组件库与规范，发现 Figma 比 Sketch 的构建方式要更简单和更灵活，本文主要分享了我们团队在创建组件库中的一些经验方法。
2020-07-27
土拨鼠
Figma
UI
1.4w
从四个部分，帮你完全掌握单选框的设计方法
本文从单选框的定义、发展历史、使用场景和行为交互四个部分，为你详细分析单选框的设计方法。
2020-07-03
土拨鼠
交互设计
UI
2.9w
提高 30% 效率！京东营销组件库设计案例完整复盘
构建组件库，能够有效帮我们解决多人视觉风格不统一、组件修改繁复的情况。京东这篇营销组件库构建心得，能有效帮助我们快速清晰搭建组件库的思路，提升设计效率。
2020-01-15
京东JellyDesign
UI
产品
2.3w
如何把产品的痒点变成爽点？来看这个实战案例！
在细节体验决定成败的今天，如何将「痒点」变为「爽点」，如何通过细微的设计优化改良产品的用户体验甚至于影响到整个行业的体验呢。本文用一个实战案例给你启示。
2019-11-26
土拨鼠
产品设计
UI
4.1w
如何设计企业级的UI组件库？用网易实战案例教会你！
编者按：本文网易设计师用「FishDesign企业级UI组件库」项目为例，通过在网易七鱼产品中的应用，来介绍一个企业级 UI 组件库的设计原则。产品：这次需求很简单，对比上期只有字段和操作项的差异，把上次的稿子直接复制一下应该不用很多时间吧？交互：上次你是不是做过高级筛选组合？
2019-11-04
土拨鼠
B端设计
UI
1.8w
让团队效率大幅提高！从零开始教你制作 UIKit！
今天为大家推荐一个让团队协作事半功倍的方法 ── 建立 UIKit ，另外还有两个提高效率的小技巧。
2019-09-23
土拨鼠
UI KIT
UI
3.0w
研究数十个热门 APP后，我来教你如何做好「悬浮按钮」设计
关于悬浮按钮设计，它虽然看起来非常小巧，但它蕴含了非常多的设计要素以及产品设计原理。本文中，笔者从 APP 悬浮按钮的使用情景与设计事项入手，为我们展开一场精彩的分析。
2019-06-20
程远
交互组件
教程
3.8w
5分钟改完100个界面？那是高手都在用这个方法做设计！
什么是组件化设计？组件化的创建流程是怎样的？本文给你全面的解答，附上实操案例。
2019-05-23
程远
组件
UI
3.2w
能快速提高团队工作效率的组件库，到底该如何构建？
本文将深入细节从多角度去解析组件化的概念，帮助我们理解、构建组件库。设计组件化的概念本身是从程序的开发模式中演变而来。开发中的工程化思维是不是也可以帮助我们高效的管理设计稿呢？
2019-02-21
程远
交互组件库
UI
5.6w
设计B端后台，必须搞清楚这些组件（一）
海舟Ocean：我们在设计诸如CRM（客户关系管理）、OA（办公自动化）等面向B端用户的后台界面时，往往会被各种各样错综繁杂的组件弄得晕头转向，不知该如何选择。有时好不容易选完之后，又会发现有更合适的组件，导致反复修改设计稿，降低了工作效率。那么在对比了几个常用的组件库（Ant Design / Element / iView）并结合自身的工作经验之后，我选择了一些常用的组件，来和大家简单总结下它们的使用场景以及可能出现的误区。
2019-02-11
程远
后台产品设计
神器推荐
8.4w
用高手精心打造的Sketch 组件库，省下80%的原型制作时间！
最近逛朋友圈，发现之前专访过的一位腾讯高手，竟然做了两套Sketch 线框稿组件库！关于这位交互设计师的专访 → 《优设访谈！腾讯高级交互设计师C7210的十年设计路》仔细看了下这两套线框稿组件库，发现不仅组件全面，样式丰富，而且最新的一个还免费赠送了常用的中文数据，包括中国主要省份/城市名，中文段落内容等等，让设计师可以很方便地通过 Data 功能进行自动替换。
2018-12-18
程远
交互组件库
产品
3.3w
进阶方法！可能是最全面的组件设计完全手册
后台系统中，存在大量的组件，合理的应用是做出良好产品的基本功。本文梳理了常见的「选择」和「输入」，也算是自己长时间产品设计过程中的梳理、认知和总结，自然有不全之处，希望对大家有所帮助。上篇：选择允许用户从选项中进行选择操作，用于选择对象或数据，偶有直接触发行为。
2018-09-25
程远
UI组件
UI
5.8w
基础科普！超全面的 UI 元素尺寸设置指南（下）
在上篇文章《基础科普！超全面的 UI 元素尺寸设置指南（上）》中介绍了设置 UI 元素尺寸的基础规范，及控件尺寸的定义。这篇就要开始介绍前面没有说过的文字设置，图标的尺寸，UI 的组件设计了。
2018-09-13
程远
图标设计
没有更多文章了
大家都在看
酷站推荐
文章 330
立即查看
入门
文章 162
立即查看
B端设计
文章 121
立即查看
App设计
文章 261
立即查看
视觉设计
文章 165
立即查看
ICON
文章 204
立即查看
字体下载
文章 132
立即查看
设计圈干货
文章 188
立即查看
产品设计
文章 419
立即查看
优设读报
2022年01月25日 星期二
01
「敢创作，向未来」，2021 年优设年度创作者榜单发布
02
庆祝农历新年，联合国发行「虎嗅蔷薇」邮票
03
M&M’S 启用全新视觉语言并推出品牌战略
04
微信 Windows 版 3.5.0 正式版推送更新：PC 可以看视频号了
05
LINE FRIENDS 和乡伴文旅集团达成战略合作
查看全部
求职面试
那些不容易看到的面试技巧都在这
查看专题
专题
已有76.6w位观众
已收录
23
篇持续更新
超全面！国内大公司的交互设计实习面试经验总结
24168 人阅读
实战回顾！仅用六句话制胜一场BAT群面的技巧
18397 人阅读
细节
听说，你总是在歌单列表找不到当前播放歌曲？
每次用手机听歌时随机播放，总会在突然听到喜欢的歌曲时返回歌单找寻歌曲的名字。无奈有时候播放列表实在太长，需要翻好久才能找到。用了好多播放器似乎很少有针对这个小问题提供解决方案的。
2018-05-20
AmberDu小白
定位
设计话题
全部话题
设计师如何接到私单？
1.4w 设计师围观了该问题
工作之外，下班想靠设计挣钱发展点副业，但没有方向，有谁可以指个路吗？
我来回答
优设琅琊榜
查看全部
1.6w
1/9
看到态爷欧美风海报的人，都只会狂打666
菜鸡态
实在没有才华，只剩下矮和肥了。
设计神器
全部神器
超实用！8款替代Dreamweaver的免费开源网页开发工具
神器推荐
超好看！25 组超好看的马赛克图案矢量包
神器推荐
壹周速读：设计师的全方位暑期充电大礼包来了！
神器推荐
壹周速读：给设计师的动效快速入门指南
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
高级UI设计师
北京
本科及以上
3年以上
25k-50k
3D设计师
西安
大专及以上
1-3年
6k-10k
多媒体设计师
上海
本科及以上
3-5年
15-25k
查看全部
行业新闻
发布行业新闻
易有料X字绘中国推出新春礼盒，一盒开启真年味
新品推荐
SEE Conf 设计工程化三部曲！探索新环境下「产研协同模式」中的思考与实践
活动赛事
让好设计被世界看见！2021 当代好设计奖完满收官
活动赛事
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计话题
高手大咖在线答疑解惑
查看话题
