菜单优设网 - UISDC

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

界面组件话题

首页
设计文章
界面组件

产品 3.6w

进阶方法！可能是最全面的组件设计完全手册

后台系统中，存在大量的组件，合理的应用是做出良好产品的基本功。本文梳理了常见的「选择」和「输入」，也算是自己长时间产品设计过程中的梳理、认知和总结，自然有不全之处，希望对大家有所帮助。上篇：选择允许用户从选项中进行选择操作，用于选择对象或数据，偶有直接触发行为。

2018-09-25

程远

UI 3.1w

如何构建 Web 端设计组件之树和日期时间选择器

Echo ：本文主要讲解表单中的 treeselect 树选择、datepicker 日期选择器和 timepicker 时间选择器。根据组件的用途，可以分为六大类：Feedback 反馈、form 表单、basic 基础、data 数据、navigation 导航、other 其他。表单在网页中主要负责信息数据采集功能，用户需要填写输入信息数据并且提交到后端数据库，以此完成信息的采集，则这种组件就是表单组件。

2018-06-03

程远

下载 17.4w

大公司如何做设计系统？24 个 Sketch 组件库源文件合集下载

最近几年，设计系统非常火。不管是 2C 还是 2B，很多大公司（甚至是政府）都构建了自己的设计系统。如果你想学习别人是如何搭建设计系统、组件库和交互规范，最快的方式就是研究他们的设计源文件。

2018-05-10

程远

交互 3.9w

让你的原型不再Low！这个设计师出品的 Axure 原型组件库现在免费下载

原型图的设计，是项目经理给甲方提案时，需要展现的能力和专业性。本文主要是为项目经理提供一套方便使用，而且设计统一，视觉美观的原型组件库。下载链接：https://pan.baidu.com/s/117_dd9KQZTUvOlcJ7jKHwQ 密码：fj2t设计这套组件库1. 主要解决的矛盾项目经理给甲方提案需要展现能力和专业性，原型图的设计是其中的一环。

2018-05-10

程远

教程 2.5w

我们拿到了InVision Studio 的内测资格，设计师们关心的都在这里

为什么说 Studio 是最值得期待的设计工具？因为这是一款集成了视觉设计，快速原型，动效制作，团队协作于一体的全能设计工具。得益于移动互联网的快速发展，Sketch 最近几年的发展也是顺风顺水，近乎行业标杆，价格也由最初的 $99 (大版本内的) 一次性付费，变成了 $99/year 的订阅付费。

2018-04-28

程远

InVision Studio

产品 1.3w

上亿人使用的泛娱乐微信店，是如何做改版设计的？

在本文中，作者对泛娱乐微信店改版设计进行了总结，有很多值得借鉴的地方，与你分享。一、项目背景1. 「泛娱乐微信店」是什么？泛娱乐微商店是计费平台部为公司所有虚拟业务提供和服务的一个付费渠道，是微信钱包中一个便捷的泛娱乐业务付费入口。

2018-04-27

程远

教程 1.8w

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

Echo ：本篇讲述的是 feedback 反馈类。反馈就是用户做了某项操作之后，系统给用户的一个响应。这个响应根据场景的不同会有不同的响应形式和不同作用。

2018-04-08

程远

交互组件库

产品 2.0w

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

合作作者 Hesivell 带来的读书笔记，关于我们曾经介绍过的《Design Systems》一书，并配有涂鸦笔记风格的手绘插图，强烈推荐。这个体系像是渗透在产品中的一种语言，让产品人员、设计师、程序员用同一种语言交流，提升协作效率；又像是一个自动化智能化的工具，让整个团队进行自循环，尽量减少人工维护。类比起来，有点像是阿里的中台。

2018-04-01

程远

UI 1.9w

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

原子设计系统（下均称为设计系统）这个词应该已经流行很久了，像蚂蚁金服最近出的 Ant Design 3.0 也说是基于「设计系统」进行构建的。如果你没有了解过原子设计系统，那么我建议先去对原子设计系统做一个初步的了解。因为这篇文章并不是原子设计系统的科普文。

2018-02-12

程远

教程 4.3w

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

在APP设计中，有很多组件有着类似的功能和用法。如何正确使用这些组件？这些组件之间有什么区别？

2017-12-15

程远

下载 12.8w

35套扁平化风格网页设计UI组件和图标

扁平化设计是指舍弃渐变、阴影、高光等拟物化的视觉效果，从而打造出一种看上去更加平面的界面风格。扁平化的网页设计更适合用于需要同时支持多种屏幕尺寸的响应式设计技术中。今天，我给大家带来35套用于扁平化设计的图标和网页元素，记得分享和推荐啊！

2013-04-24

Roc

没有更多文章了

大家都在看

用户研究

文章 134

设计史

文章 142

干货大合集

文章 165

职场

文章 136

App设计

文章 262

干货合集

文章 179

平面设计

文章 412

界面设计

文章 154

产品设计

文章 480

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：uisdc411

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注