菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计素材
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
组件设计 话题
首页
设计文章
组件设计
PPT
收录39篇文章
Dribbble
收录37篇文章
简历设计
收录34篇文章
图书推荐
收录38篇文章
神器
收录41篇文章
1 / 2
到第
Go
页
UI
用单选还是多选？超多案例帮你完全掌握！
本篇将围绕单选、复选的设计样式，设计原则以及使用场景展开分析。
2022/07/14
ui设计
UI
5000字干货！单选/复选/拨动开关的使用技巧全在这！
本篇将围绕单选、复选、拨动开关三种选项元素的设计细节及使用场景展开分析。
2022/07/04
ui设计
UI
实测避坑！10个B端组件红黑榜揭秘
本文基于我平时的设计观察与使用，说说 B 端组件当中的红黑榜。
2022/06/27
B端组件
UI
这 3 个连资深设计师都容易分不清的组件，一篇文章帮你彻底掌握！
今天来聊一聊 tab 和按钮、单选框、菜单之间存在的关系，帮助大家准确无误地理解控件的意图和交互形式。
2022/05/24
Tab
UI
一看就懂！组件设计的 3 大类型+5 种属性科普
作为设计师，不仅仅需要了解每个组件的样子、用在哪些地方，更需要清楚地知道组件的本质，才能更深层地掌握组件设计。
2022/05/09
ui设计
UI
开关、复选框和单选组件如何区别应用？看完这篇保证会！
本文主要探讨开关、复选框和单选这三个组件的基本特点，以及在 web 表单设计中这三个组件的应用。
2022/02/17
功能设计
UI
用一篇文章，从零开始帮你用好 Figma 的组件库功能
本文将使用 Figma 这个软件，教大家如何使用超方便的 Component 的功能。
2021/12/20
Figma
UI
能快速提高团队生产力的组件库，如何从零开始构建？
作者将以京东的实战案例，跟大家分享组件库构建的逻辑和思路。
2021/11/01
原子设计
UI
掌握3个步骤，从零到一创建可协作组件库
本文将结合实际项目，通过三个步骤去解析组件库，帮助大家理解、构建组件库。
2021/09/15
B端产品
UI
有哪些组件值得学习？我梳理了8个大厂的设计组件！
设计组件作为设计系统里的组成部分，可以说是构成这个系统最基础也是最实用的部分了。本文梳理了 8 个大厂设计组件，建议收藏。
2021/09/08
web组件
UI
如何提升下拉菜单的设计体验？看看这些关键知识点！
怎样区分下拉菜单的设计是否合理呢？在这篇文章中，我们将从什么是下拉菜单开始，一步步来分析下拉菜单的设计构成。
2021-05-27
下拉菜单
UI
超全面！移动端弹出层组件的定义、应用与设计
本文不仅详细解读「弹层」「弹窗」「对话框」等弹出层组件的区别，并且手把手教你从 0-1 设计组件。
2021-02-04
ui设计
UI
Figma进阶干货！从零开始构建自适应组件指南
本文主要分享我们平时在项目中使用自动布局的一些经验和方法，从 0-1 结合案例，详细讲解我们是如何使用 Figma 自动布局搭建自适应组件。
2021-01-08
Figma
UI
如何从零开始构建B端组件库？来看这份全面总结（附大厂组件库）
本文结合B端项目，从多角度深入细节去解析组件库，包括组件库的好处、做组件库的时机、该怎么做，如何应用和维护等。
2020-11-30
B端产品
神器推荐
Figma重大功能更新！学会用「变体组件」让设计效率翻一倍！
月初Figma 更新了变体组件功能，今天这篇文章从两个方向介绍如何创建变体组件，包括从零开始创建变体组件和现有组件库迁移。
2020-11-13
Figma
UI
高手是如何思考功能设计的？用单复选组件的案例告诉你！
以前看到「圆点+圆圈」就知道是单选，但是为什么现在单选与多选的设计样式五花八门，都没有遵守前面这种规范呢？
2020-10-12
功能设计
UI
如何让Sketch效率实现飞跃般的提升？先收下这些Symbol技巧
用Sketch做界面设计也有些年头了，从工具人到才真正开始工业化生产页面，其中一项就是Sketch自带的 Symbol 功能。今天就总结一下我使用Symbol的一些经验分享给胖友们。
2020-08-28
sketch
UI
用一个落地项目，帮你掌握Sketch组件的制作思路
本文会以落地项目、实际案例和大家分享组件的逻辑以及制作思路。
2020-08-10
Sketch组件
产品
如何利用Figma构建组件库？我们团队总结了这篇经验
最近团队尝试使用Figma构建一套适用团队的组件库与规范，发现 Figma 比 Sketch 的构建方式要更简单和更灵活，本文主要分享了我们团队在创建组件库中的一些经验方法。
2020-07-27
Figma
UI
从四个部分，帮你完全掌握单选框的设计方法
本文从单选框的定义、发展历史、使用场景和行为交互四个部分，为你详细分析单选框的设计方法。
2020-07-03
交互设计
UI
提高 30% 效率！京东营销组件库设计案例完整复盘
构建组件库，能够有效帮我们解决多人视觉风格不统一、组件修改繁复的情况。京东这篇营销组件库构建心得，能有效帮助我们快速清晰搭建组件库的思路，提升设计效率。
2020-01-15
UI
产品
如何把产品的痒点变成爽点？来看这个实战案例！
在细节体验决定成败的今天，如何将「痒点」变为「爽点」，如何通过细微的设计优化改良产品的用户体验甚至于影响到整个行业的体验呢。本文用一个实战案例给你启示。
2019-11-26
产品设计
UI
如何设计企业级的UI组件库？用网易实战案例教会你！
编者按：本文网易设计师用「FishDesign企业级UI组件库」项目为例，通过在网易七鱼产品中的应用，来介绍一个企业级 UI 组件库的设计原则。产品：这次需求很简单，对比上期只有字段和操作项的差异，把上次的稿子直接复制一下应该不用很多时间吧？交互：上次你是不是做过高级筛选组合？
2019-11-04
B端设计
UI
让团队效率大幅提高！从零开始教你制作 UIKit！
今天为大家推荐一个让团队协作事半功倍的方法 ── 建立 UIKit ，另外还有两个提高效率的小技巧。
2019-09-23
UI KIT
UI
研究数十个热门 APP后，我来教你如何做好「悬浮按钮」设计
关于悬浮按钮设计，它虽然看起来非常小巧，但它蕴含了非常多的设计要素以及产品设计原理。本文中，笔者从 APP 悬浮按钮的使用情景与设计事项入手，为我们展开一场精彩的分析。
2019-06-20
交互组件
教程
5分钟改完100个界面？那是高手都在用这个方法做设计！
什么是组件化设计？组件化的创建流程是怎样的？本文给你全面的解答，附上实操案例。
2019-05-23
组件
UI
能快速提高团队工作效率的组件库，到底该如何构建？
本文将深入细节从多角度去解析组件化的概念，帮助我们理解、构建组件库。设计组件化的概念本身是从程序的开发模式中演变而来。开发中的工程化思维是不是也可以帮助我们高效的管理设计稿呢？
2019-02-21
交互组件库
UI
设计B端后台，必须搞清楚这些组件（一）
海舟Ocean：我们在设计诸如CRM（客户关系管理）、OA（办公自动化）等面向B端用户的后台界面时，往往会被各种各样错综繁杂的组件弄得晕头转向，不知该如何选择。有时好不容易选完之后，又会发现有更合适的组件，导致反复修改设计稿，降低了工作效率。那么在对比了几个常用的组件库（Ant Design / Element / iView）并结合自身的工作经验之后，我选择了一些常用的组件，来和大家简单总结下它们的使用场景以及可能出现的误区。
2019-02-11
后台产品设计
神器推荐
用高手精心打造的Sketch 组件库，省下80%的原型制作时间！
最近逛朋友圈，发现之前专访过的一位腾讯高手，竟然做了两套Sketch 线框稿组件库！关于这位交互设计师的专访 → 《优设访谈！腾讯高级交互设计师C7210的十年设计路》仔细看了下这两套线框稿组件库，发现不仅组件全面，样式丰富，而且最新的一个还免费赠送了常用的中文数据，包括中国主要省份/城市名，中文段落内容等等，让设计师可以很方便地通过 Data 功能进行自动替换。
2018-12-18
交互组件库
产品
进阶方法！可能是最全面的组件设计完全手册
后台系统中，存在大量的组件，合理的应用是做出良好产品的基本功。本文梳理了常见的「选择」和「输入」，也算是自己长时间产品设计过程中的梳理、认知和总结，自然有不全之处，希望对大家有所帮助。上篇：选择允许用户从选项中进行选择操作，用于选择对象或数据，偶有直接触发行为。
2018-09-25
UI组件
1/2
1
2
下一页
前往
Go
页
大家都在看
职场经验
文章 189
立即查看
logo设计
文章 187
立即查看
用户研究
文章 136
立即查看
psd下载
文章 134
立即查看
优设大课堂
文章 134
立即查看
干货合集
文章 185
立即查看
设计趋势
文章 218
立即查看
神器推荐
文章 370
立即查看
神器下载
文章 129
立即查看
优设读报
2022年08月17日 星期三
01
昨晚突发！Adobe旗下Behance网站国区账号无法登录
02
故宫博物院官方公布展览海报，由黄海操刀设计
03
漫威和迪士尼联合游戏发布会将于 9 月 10 日举行
04
腾讯数字藏品平台「幻核」宣布正式停售：用户可自行退款
05
国内首家！QQ 音乐宣布为蔚来提供车载杜比音乐服务
查看全部
好书推荐
那些口碑炸裂的设计书籍
查看专题
专题
已有66.1w位观众
已收录
19
篇持续更新
取其精华！设计师读书笔记连载系列之《设计师要懂心理学》
29457 人阅读
取其精华！设计师读书笔记系列之《About face 3交互设计精髓》
20687 人阅读
细节
能对消息推送进行设置的「华尔街见闻」，是业界良心本心了
你有没有每天被各种app的信息推送「轰炸」的烦恼? 「华尔街见闻」会在用户第一次打开应用时就提醒用户修改推送设置，避免过多的信息推送对用户造成打扰。根据自己对财经资讯的需求，用户可以选择每日推送的频率并自定义接收推送的内容，还能设置「静默推送」关闭推送的声音和震动。无论是重度市场参与者还是想了解金融资讯的普通用户，都能找到适合自己的推送选择。
2018-12-12
AmberDu小白
个性化
设计问答
全部问答
面试被问如何看待加班， 该怎么回答才能有利于自己日后的工作？
4.5k 设计师围观了该问题
也不是说不能加班，就是不确定怎么回复才可以不给自己挖坑，很怕那种明明事情不多，还得加班的单位，大家一般都怎么回答的？
我来回答
优设琅琊榜
查看全部
1.6w
1/9
赤墨：新奇的、前卫的东西总是能够吸引我
赤墨💀
概念设计师
设计神器
全部神器
想提取图片里的文字？这个免费神器识别率高，还支持11种语言！
神器推荐
第二波干货！26款设计圈超实用设计工具合集
神器推荐
在线抠图神器又多一个超级版！批量免费无限次！
神器推荐
齐活了！设计临时素材管理神器QuickShot
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
高级体验设计师/设计专家
杭州
大专及以上
经验不限
25k-50k
UI设计师
北京
学历不限
1-3年
15k-25k
资深设计师
杭州
大专及以上
3-5年
15k-20k
查看全部
行业新闻
发布行业新闻
阿里U设计周：关于盲文无障碍设计的日常设想
活动赛事
平面设计必看！盘点 16 个常见的招牌字类型
行业新闻
菌小宝×潘虎，来自外太空的礼物
品牌资讯
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计问答
高手大咖在线答疑解惑
查看话题
