组件化设计 | 优设网

5分钟改完100个界面？那是高手都在用这个方法做设计！

什么是组件化设计?组件化的创建流程是怎样的?

2019-05-23 推荐： 3年2班程远组件 组件化设计

能快速提高团队工作效率的组件库，到底该如何构建？

本文将深入细节从多角度去解析组件化的概念，帮助我们理解、构建组件库。设计组件化的概念本身是从程序的开发模式中演变而来。

2019-02-21 推荐： 3年2班程远交互组件库 组件化设计

起点读书改版实战！如何通过优化视觉流程大幅提高工作效率？

产品视觉设计大致是由80%产品界面和20%运营设计组成。80%的产品设计，属于理性，有规律的部分；而20%运营设计，属于感性，表达创意的部分。

2018-12-10 推荐： 3年2班程远实战案例 组件化设计

如何从0到1建立设计规范？来看腾讯设计师的总结！

从一开始的立项到现在落地上线，可以说是从零开始进行 APP 全部细节的梳理并且规定规范，这一路走过来还是能总结出很多心得，本文将分为3个部分，阐述如何从0到1...

2018-07-06 推荐： 3年2班程远组件化设计 经验分享

经典好书！从零开始翻译《Design Systems》：设计系统

因为工作内容，最近2年一直在探索如何打造一个高度灵活性的设计规范体系，在能够维持自身设计积累的基础之上，也能够配合项目需要快速的产出高质量的定制化交付...

2018-06-12 推荐： 3年2班程远团队协作 用户体验

如何规避 Design System 架构设计中的逻辑陷阱？

@C7210 ：上篇文章说到了《像做产品一样对Design System进行前期规划》，包括目标、原则、范围与架构，这四个方面。本周在最关键的部分深入推进一步，聊聊「架构」当...

2018-06-11 推荐： 3年2班程远 C7210 团队协作

我花了80天，开发出这个3分钟快速搭建界面原型的设计工具

最近一直在关注设计系统，恰逢笔者正准备毕业，毕业设计就索性开发了一个模块化组件搭建界面原型的 Web 工具 —— Atomframer 。通过对设计模式的选取，三分钟即可搭...

2018-05-29 推荐： 3年2班程远原型工具 原型设计

腾讯高级设计师：交互知识树系列之开发思维

「他们喜欢戴着镣铐跳舞，而且是其他诗人的镣铐。」 They love to dance in these fetters, and even when wearing the same fetters as another poet. ——布里斯·佩里（Bliss Perry)，美国文学评...

2018-04-19 推荐： 3年2班程远交互设计 交互设计师

如何构建Web端设计规范之反馈类组件

Echo ：本篇讲述的是 feedback 反馈类。反馈就是用户做了某项操作之后，系统给用户的一个响应。

2018-04-08 推荐： 3年2班程远交互组件库 反馈信息

超详细的《Design Systems》读书笔记

合作作者 Hesivell 带来的读书笔记，关于我们曾经介绍过的《Design Systems》一书，并配有涂鸦笔记风格的手绘插图，强烈推荐。这个体系像是渗透在产品中的一种语言，...

2018-04-01 推荐： 3年2班程远团队协作 工作效率

让设计细节更高级的10个实用小技巧

我猜想我们大多数人都是从了解一点 UI，或者根本不了解的情况下开始从事设计的。但即使开始时我们并没什么优势，我们仍然想方设法的通过众多设计书籍和文章来了...

2018-03-21 推荐： 3年2班程远 App设计 ui设计

设计规范限制了设计创造力吗？

任何设计规范都不能详细说明一个完整的用户界面。因此，根据定义，即使设计师致力于遵守适当的设计规范，仍然还会有很多设计工作。

2018-03-11 推荐： 3年2班程远一致性原则 用户体验

聊聊市面上的「真伪」设计系统

原子设计系统（下均称为设计系统）这个词应该已经流行很久了，像蚂蚁金服最近出的 Ant Design 3.0 也说是基于「设计系统」进行构建的。如果你没有了解过原子设计系统...

2018-02-12 推荐： 3年2班程远界面组件 组件化设计

细节大揭秘 全部细节

告诉你哦，在我们「宜家」高光也是自家的~

视觉宜家

「优设」新版网站 (๑·̀ㅂ·́)و 我一下发现三个隐藏彩蛋！！！

设计彩蛋优设

「Trello」不要再点人家啦！是拖动啦！

设计逻辑 Trello

配合「抖音」高效制作视频的神器——「剪映」

好功能剪映iOS

为什么我们都应该学会组件化设计思维？

最近在阅读《佐藤可士和的超整理术》，书里讲述的是作者通过对空间、信息和思考的整理，来解决复杂问题，让工作变得高效。生活和工作离不开「整理」，好的设计...

2017-12-29 推荐： 3年2班程远 ui设计 滴滴设计

APP设计中，6种常见组件的区别与用法

在APP设计中，有很多组件有着类似的功能和用法。如何正确使用这些组件?

2017-12-15 推荐： 3年2班程远 UI组件 界面组件

轻松看懂规范！详解组件控件结构体系之单元控件类

Echo ：本文本篇文章讲解设计规范中的单元控件类，也是设计规范系列的最后一篇，继这个系列之后我会写一些超有意思的文章，敬请期待哦!系列文章：《轻松看懂...

2017-10-24 推荐： 3年2班程远 UI控件 组件化设计

设计实战：教育产品组件化交互设计的实践与思考

网易UEDC – 王媛媛：组件化设计，就是设计模块化，组件可复用。是以通用化的视角审视模块设计，根据业务方需求支持多个产品的接入与使用。

2017-10-16 推荐： 3年2班程远交互设计 组件化设计

轻松看懂规范！详解组件控件结构体系之操作类

Echo ：由于涉及到操作类的组件控件实在太多太多了，我这里划分归类的是典型的同时和之前分组不重复。系列文章：《轻松看懂规范!

2017-10-14 推荐： 3年2班程远组件化设计 设计经验分享

轻松看懂规范！详解组件控件结构体系之空数据类

Echo ：设计师或产品经理在设计产品原型时，大部分情况都是先设计主流程的主界面，然后设计其他各个场景的界面，最后设计异常界面、空数据界面等等。那么，空数...

2017-10-12 推荐： 3年2班程远空白状态 组件化设计

如何培养组件化设计思维？来看阿里设计师的经验总结！

斓青：阿里巴巴在中台战略的背景下，设计提效又再次推动着设计思维的变革。设计师们不仅仅需要出色地完成业务需求的设计，同时还需要思考设计的价值，也就是经...

菜单 优设网 - UISDC

组件化设计已发布文章22篇

2019-05-23 推荐： 3年2班程远 组件组件化设计

2019-02-21 推荐： 3年2班程远 交互组件库组件化设计

2018-12-10 推荐： 3年2班程远 实战案例组件化设计

2018-07-06 推荐： 3年2班程远 组件化设计经验分享

2018-06-12 推荐： 3年2班程远 团队协作用户体验

如何绘制最火的噪点肌理插画? 私房课

无需手绘板！零基础也能学！1500 人都在学！

Dribbble 高手亲授 优设 8 年口碑保证

如何从零开始学平面设计 训练营

字体排版配色文案一站学习！优设平面课

4位明星讲师 专为新人定制

2018-06-11 推荐： 3年2班程远 C7210团队协作

2018-05-29 推荐： 3年2班程远 原型工具原型设计

2018-04-19 推荐： 3年2班程远 交互设计交互设计师

2018-04-08 推荐： 3年2班程远 交互组件库反馈信息

2018-04-01 推荐： 3年2班程远 团队协作工作效率

2018-03-21 推荐： 3年2班程远 App设计ui设计

2018-03-11 推荐： 3年2班程远 一致性原则用户体验

2018-02-12 推荐： 3年2班程远 界面组件组件化设计

告诉你哦，在我们「宜家」高光也是自家的~

视觉 宜家

「优设」新版网站 (๑·̀ㅂ·́)و 我一下发现三个隐藏彩蛋！！！

设计彩蛋 优设

「Trello」不要再点人家啦！是拖动啦！

设计逻辑 Trello

配合「抖音」高效制作视频的神器——「剪映」

好功能 剪映iOS

2017-12-29 推荐： 3年2班程远 ui设计滴滴设计

2017-12-15 推荐： 3年2班程远 UI组件界面组件

2017-10-24 推荐： 3年2班程远 UI控件组件化设计

2017-10-16 推荐： 3年2班程远 交互设计组件化设计

2017-10-14 推荐： 3年2班程远 组件化设计设计经验分享

2017-10-12 推荐： 3年2班程远 空白状态组件化设计

2017-09-01 推荐： 3年2班程远 组件化设计经验分享

优设读报 2019年11月15日 星期五

电影海报设计

看大师如何在方寸之间挥洒才华

iPhone X

可能是最全面的 iPhone X 设计指南

Sketch 插件

省时高效的Sketch 插件全在这

交互控件

这个控件叫什么？

设计思维

那些让你成为真正专业设计师的方法

求职面试

那些不容易看到的面试技巧都在这

# 腾讯

182篇细节

# 设计彩蛋

130篇细节

# 视频

93篇细节

# 形象思维

43篇细节

# 暖心

63篇细节

# 全部标签

1048篇细节

优设热门私房课 查看更多

零基础 iPad 手绘课

闫实 优设大课堂人气老师

Q 版头像插画课

周小馋 优设大课堂人气老师

噪点肌理插画速成课

谭伟 Dribbble 首页常驻设计师

15 节 Ai 实战必修课

包大 优优教程网内容总监

商业插画万能配色法

葭葭葭 大厂资深插画师

关于我们

热门频道

设计灵感

支持与服务

优设微博

每天10篇设计干货

360万设计师关注！

优设抖音

菜单优设网 - UISDC

2019-05-23 推荐： 3年2班程远组件组件化设计

2019-02-21 推荐： 3年2班程远交互组件库组件化设计

2018-12-10 推荐： 3年2班程远实战案例组件化设计

2018-07-06 推荐： 3年2班程远组件化设计经验分享

2018-06-12 推荐： 3年2班程远团队协作用户体验

Dribbble 高手亲授优设 8 年口碑保证

如何从零开始学平面设计训练营

4位明星讲师专为新人定制

2018-06-11 推荐： 3年2班程远 C7210 团队协作

2018-05-29 推荐： 3年2班程远原型工具原型设计

2018-04-19 推荐： 3年2班程远交互设计交互设计师

2018-04-08 推荐： 3年2班程远交互组件库反馈信息

2018-04-01 推荐： 3年2班程远团队协作工作效率

2018-03-21 推荐： 3年2班程远 App设计 ui设计

2018-03-11 推荐： 3年2班程远一致性原则用户体验

2018-02-12 推荐： 3年2班程远界面组件组件化设计

视觉宜家

设计彩蛋优设

好功能剪映iOS

2017-10-16 推荐： 3年2班程远交互设计组件化设计

2017-10-14 推荐： 3年2班程远组件化设计设计经验分享

2017-10-12 推荐： 3年2班程远空白状态组件化设计

2017-09-01 推荐： 3年2班程远组件化设计经验分享

优设读报 2019年11月15日星期五

优设热门私房课查看更多

闫实优设大课堂人气老师

周小馋优设大课堂人气老师

包大优优教程网内容总监

葭葭葭大厂资深插画师