菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计规范
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练!告别无效练习
接私单赚外块
VIP优先接,累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
组件化设计 话题
首页
设计文章
组件化设计
界面设计
收录156篇文章
职场
收录136篇文章
插画设计
收录107篇文章
设计规范
收录202篇文章
视觉设计
收录182篇文章
UI
能快速提高团队生产力的组件库,如何从零开始构建?
作者将以京东的实战案例,跟大家分享组件库构建的逻辑和思路。
2021/11/01
原子设计
UI
这篇文章帮你轻松入门「原子设计」方法论!
大家好,我是 Clippp。今天为大家分享的是「原子设计」。理论指导实践是一种理想的结果,但往往很难做到二者的紧密结合。
2021/10/12
原子设计
UI
腾讯出品的 Design Token 应用指南:设计篇
如何做到更高效快速完成从设计到研发的落地?来看腾讯设计师给出的这个系统方法。
2021-04-20
Design token
交互
大厂出品!帮你快速学会组件化思维的设计流程
组件化思维是设计师必备的技能之一,如何搭建组件库和设计规范更是设计师应该掌握的。本文作者从自身工作经验出发,对组件化思维的设计流程进行了分析总结,供大家一同参考和学习。
2020-07-22
交互设计
教程
5分钟改完100个界面?那是高手都在用这个方法做设计!
什么是组件化设计?组件化的创建流程是怎样的?本文给你全面的解答,附上实操案例。
2019-05-23
组件
UI
能快速提高团队工作效率的组件库,到底该如何构建?
本文将深入细节从多角度去解析组件化的概念,帮助我们理解、构建组件库。设计组件化的概念本身是从程序的开发模式中演变而来。开发中的工程化思维是不是也可以帮助我们高效的管理设计稿呢?
2019-02-21
交互组件库
产品
起点读书改版实战!如何通过优化视觉流程大幅提高工作效率?
产品视觉设计大致是由80%产品界面和20%运营设计组成。80%的产品设计,属于理性,有规律的部分;而20%运营设计,属于感性,表达创意的部分。本文想讨论的就是这80%理性的产品设计。
2018-12-10
实战案例
产品
如何从0到1建立设计规范?来看腾讯设计师的总结!
从一开始的立项到现在落地上线,可以说是从零开始进行 APP 全部细节的梳理并且规定规范,这一路走过来还是能总结出很多心得,本文将分为3个部分,阐述如何从0到1建立设计规范。目录如何确定内容,规范里要写什么如何写如何推动规范落地一、如何确定内容?这里我总结了三步:1. 确定目标用户、用户目标、设计目标根据不同的用途和目标,不同的团队对设计规范的制定是不一样。
2018-07-06
组件化设计
UI
经典好书!从零开始翻译《Design Systems》:设计系统
因为工作内容,最近2年一直在探索如何打造一个高度灵活性的设计规范体系,在能够维持自身设计积累的基础之上,也能够配合项目需要快速的产出高质量的定制化交付件。偶然之间看到了这本书,看过之后感觉很有启发,就利用业余的时间翻译成中文,希望对大家有帮助。一、简介1. 本书的内容随着互联网的快速发展并且变得越来越复杂,将网站设计看作成静态页面集合的角度已经变得站不住脚了,很多的设计师已经开始以一种更系统化的方式来思考如何设计。
2018-06-12
团队协作
交互
如何规避 Design System 架构设计中的逻辑陷阱?
@C7210 :上篇文章说到了《像做产品一样对Design System进行前期规划》,包括目标、原则、范围与架构,这四个方面。本周在最关键的部分深入推进一步,聊聊「架构」当中的一些问题。需要再次说明,这些内容多数来自于我日常的工作日志,更像随笔,且仅代表我个人在面对特定的产品/项目/团队时所用到的工作思路和方法;事情只有特定的最优解,而非唯一答案;希望为各位带来一定的参考价值。
2018-06-11
C7210
教程
我花了80天,开发出这个3分钟快速搭建界面原型的设计工具
最近一直在关注设计系统,恰逢笔者正准备毕业,毕业设计就索性开发了一个模块化组件搭建界面原型的 Web 工具 —— Atomframer 。通过对设计模式的选取,三分钟即可搭建一个用于快速沟通的界面原型。一、Atomframer我总结定义了共计82种常见的设计模式,基本满足了大部分基础移动端页面的使用场景。
2018-05-29
原型工具
交互
腾讯高级设计师:交互知识树系列之开发思维
「他们喜欢戴着镣铐跳舞,而且是其他诗人的镣铐。」They love to dance in these fetters, and even when wearing the same fetters as another poet.——布里斯·佩里(Bliss Perry),美国文学评论家闻一多最早在他的《诗的格律》一文中引用了佩里的这句话,想表达的是诗词的格律对诗人的约束是有益的——「恐怕越有魄力的作家,越是要戴着镣铐跳舞才跳得痛快,跳得好。只有不会跳舞的才怪脚镣碍事,只有不会作诗的才会觉得格律是...
2018-04-19
交互设计
教程
如何构建Web端设计规范之反馈类组件
Echo :本篇讲述的是 feedback 反馈类。反馈就是用户做了某项操作之后,系统给用户的一个响应。这个响应根据场景的不同会有不同的响应形式和不同作用。
2018-04-08
交互组件库
产品
超详细的《Design Systems》读书笔记
合作作者 Hesivell 带来的读书笔记,关于我们曾经介绍过的《Design Systems》一书,并配有涂鸦笔记风格的手绘插图,强烈推荐。这个体系像是渗透在产品中的一种语言,让产品人员、设计师、程序员用同一种语言交流,提升协作效率;又像是一个自动化智能化的工具,让整个团队进行自循环,尽量减少人工维护。类比起来,有点像是阿里的中台。
2018-04-01
团队协作
产品
让设计细节更高级的10个实用小技巧
我猜想我们大多数人都是从了解一点 UI,或者根本不了解的情况下开始从事设计的。但即使开始时我们并没什么优势,我们仍然想方设法的通过众多设计书籍和文章来了解颜色,排版,布局等方面的知识。因此,在本文中,我将分享我从不同设计师那里学到的和在设计用户界面时学到的东西,还包括我自己的一些新发现。
2018-03-21
App设计
产品
设计规范限制了设计创造力吗?
任何设计规范都不能详细说明一个完整的用户界面。因此,根据定义,即使设计师致力于遵守适当的设计规范,仍然还会有很多设计工作 。通常,最重要的设计元素是那些不能由规范指定的元素,因为规范无法涉及所有细节。
2018-03-11
一致性原则
UI
聊聊市面上的「真伪」设计系统
原子设计系统(下均称为设计系统)这个词应该已经流行很久了,像蚂蚁金服最近出的 Ant Design 3.0 也说是基于「设计系统」进行构建的。如果你没有了解过原子设计系统,那么我建议先去对原子设计系统做一个初步的了解。因为这篇文章并不是原子设计系统的科普文。
2018-02-12
界面组件
教程
为什么我们都应该学会组件化设计思维?
最近在阅读《佐藤可士和的超整理术》,书里讲述的是作者通过对空间、信息和思考的整理,来解决复杂问题,让工作变得高效。生活和工作离不开「整理」,好的设计也要从「整理」开始,组件化设计思维,也可以看做一种「整理术」。本篇文章以滴滴表单项目为例,与大家探讨如何运用组件化设计思维去「整理」项目,让其发挥更高的价值。
2017-12-29
ui设计
教程
APP设计中,6种常见组件的区别与用法
在APP设计中,有很多组件有着类似的功能和用法。如何正确使用这些组件?这些组件之间有什么区别?
2017-12-15
UI组件
教程
轻松看懂规范!详解组件控件结构体系之单元控件类
Echo :本文本篇文章讲解设计规范中的单元控件类,也是设计规范系列的最后一篇,继这个系列之后我会写一些超有意思的文章,敬请期待哦!系列文章: 《轻松看懂规范!详解组件控件结构体系之提示类》《轻松看懂规范!
2017-10-24
UI控件
教程
设计实战:教育产品组件化交互设计的实践与思考
网易UEDC – 王媛媛 :组件化设计,就是设计模块化,组件可复用。是以通用化的视角审视模块设计,根据业务方需求支持多个产品的接入与使用。在线教育领域内,题目是线上线下教学场景内校验学习的一种基本方式,同时,题目可以存在于题库内,题库和组卷是承载题目的通常载体,而这两个载体在各产品教学系统内有共有的需求,由于需求重合度较高,又具备高度的通用性。
2017-10-16
交互设计
教程
轻松看懂规范!详解组件控件结构体系之操作类
Echo :由于涉及到操作类的组件控件实在太多太多了,我这里划分归类的是典型的同时和之前分组不重复。系列文章: 《轻松看懂规范!详解组件控件结构体系之提示类》《轻松看懂规范!
2017-10-14
组件化设计
教程
轻松看懂规范!详解组件控件结构体系之空数据类
Echo :设计师或产品经理在设计产品原型时,大部分情况都是先设计主流程的主界面,然后设计其他各个场景的界面,最后设计异常界面、空数据界面等等。那么,空数据界面一共有哪几种类型呢?这篇文章我们来看一下设计规范中的空数据类型。
2017-10-12
空白状态
教程
如何培养组件化设计思维?来看阿里设计师的经验总结!
斓青:阿里巴巴在中台战略的背景下,设计提效又再次推动着设计思维的变革。设计师们不仅仅需要出色地完成业务需求的设计,同时还需要思考设计的价值,也就是经常提到的最佳方案性价比。我们需要在设计的个性化表达和资源投入之间找到最佳的平衡点,在关注出色视觉表现的基础上,逐渐加强对项目协同及体验价值的关注,逐步形成新的设计思维模式。
2017-09-01
组件化设计
教程
化整为零!关于组件化设计升级的一些思考
鸿影:最近在推动手头负责的一个 C 端移动产品的组件化体验升级,这个产品因为复杂业务场景和一些历史遗留问题,许多最基本的组件线上样式与交互体验都可以用「惨不忍睹」来形容,而对业务组件做系统整理和重新设计优化,也是项目组普遍认可的事情。虽然才起步不久,但也在过程中积累了一些对于组件化设计升级的思考和心得,在此总结一下,欢迎补充。什么情况下做组件化设计组件化设计在前期有较大的整理、设计与开发成本,并不是所有项目都适合,在驱动组件化设计及升级之前,我们需要对项目现状有比较清晰的评估和认知。
2017-07-09
组件化设计
产品
这篇8000字长文,能帮你学会组件化设计与开发的思维方式
@可乐橙_ColaChan :最近打算在公司内部做一个分享,讲的是组件化的设计与开发的思维方式。准备完演讲资料,发现这完全可以改成一篇文章。藏着掖着不合适,发出来分享给有需求的朋友吧,就当是个试讲了,希望大家帮忙指出错误。
2017-03-19
组件化设计
没有更多文章了
大家都在看
神器下载
文章 129
立即查看
logo设计
文章 187
立即查看
求职面试
文章 132
立即查看
UI
文章 145
立即查看
App设计
文章 264
立即查看
设计规范
文章 202
立即查看
设计师专访
文章 148
立即查看
设计流程
文章 148
立即查看
入门
文章 162
立即查看
优设读报
2022年08月11日 星期四
01
UC 浏览器更新 LOGO:变得更抽象更简单
02
音乐内容平台 Billboard 正式官宣进入中国
03
微信 PC 版新增手机与电脑聊天记录互相迁移和合并
04
广东工业大学 Figma 已被禁用
05
淘宝上线方言语音搜功能:支持识别东北话、河南话等
查看全部
中文字体
高质量中文字体打包下载
查看专题
专题
已有472.9w位观众
已收录
20
篇持续更新
比康熙字典体还好!四款风格各异的高质量中文字体下载
316950 人阅读
9款适合电商促销Banner 的中文字体打包下载(个人非商用)
172766 人阅读
细节
「淘宝」是如何巧妙引导用户再次下单的?
用户在「淘宝」上查看之前的购买订单时,看到日常消耗类的商品(卫生纸,口罩之类的)时会根据上次购买的量来推测现在用户应该已经用完了,并提示用户应该再屯一些了。不仅是对用户体贴的关心,更是引导用户再次下单刺激消费的好方法。
2020-10-27
柯基🥭芒果没空
心理暗示
设计问答
全部问答
做海报时,不知道从何下手要怎么办?
1.6w 设计师围观了该问题
看到一个海报发呆,不知道怎么去创造,只知道模仿,大家有这种感觉吗?前辈们是怎么克服这个问题的呢?
我来回答
优设琅琊榜
查看全部
1.6w
1/9
仙女颜值!备受好莱坞青睐的自由插画师蓝斓岚
蓝斓岚
欢迎光临!斑斓即正义~
设计神器
全部神器
这个摄影师把全部作品免费分享出来,已有 250 万次下载!
神器推荐
全是高频神器!B端设计师常用的 7 款 Figma 插件
神器推荐
简单好上手!帮你快速做出高质量交互原型的ProtoPie
神器推荐
夏日福利!2019年8月前端开发者干货大合集
神器推荐
课程
爆款课程!零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品?
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度,才够接私单赚钱?
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格?
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
UI设计专家/总监
北京
本科及以上
5年以上
35k-55k
微博内容运营
武汉
大专及以上
经验不限
4k-6k
资深设计师
北京
学历不限
1-3年
15k-25k
查看全部
行业新闻
发布行业新闻
可持续发展设计奖杭州论坛完美落幕,共赴低碳生活
活动赛事
NVIDIA Studio 创意加速:3D 艺术奇才 FESQ 分享其令人震撼的超现实主义动画
品牌资讯
作品落地效果不行?来收下这份印刷必知的纸张知识
行业新闻
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计问答
高手大咖在线答疑解惑
查看话题