UI组件 - 优设网 - 学设计上优设

菜单优设网 - 学设计上优设

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

UI组件话题

新手科普！4个方面帮你快速熟悉UI组件中的瀑布流

UI

新手科普！4个方面帮你快速熟悉UI组件中的瀑布流

本文从组件介绍、使用场景、设计要点、样式拓展4个方面，帮你快速熟悉UI组件中的瀑布流设计。

2022/11/25

UI组件和UI控件有什么区别？帮大家总结了36个UI控件汇总与释义

9图 1/9

UI组件和UI控件有什么区别？帮大家总结了36个UI控件汇总与释义

实用干货！2021年5月值得收藏的8款UI组件与工具

神器推荐

实用干货！2021年5月值得收藏的8款UI组件与工具

对 UI 设计师而言，成熟的设计工具、UI组件提升设计流程和效率的重要保证。这篇文章梳理了一波特别值得收藏和尝试的 UI 设计组件和管理工具，快来看看吧：Nucleus UINucleus 是一个免费且足够强大的 UI 组件库，可为你提供设计全套移动 APP 所需的 UI 组件，其中包含 300 多个不同的组件，总计 58 个不同的类型，36 组界面实例，让你可以更快进入设计状态。这组 UI 组件主要是在 Figma 当中使用的。

2021/05/26

用一个落地项目，帮你掌握Sketch组件的制作思路

UI

用一个落地项目，帮你掌握Sketch组件的制作思路

本文会以落地项目、实际案例和大家分享组件的逻辑以及制作思路。

2020/08/10

用交互经典四原则，帮你做好导航栏设计

UI

用交互经典四原则，帮你做好导航栏设计

我参阅了大量的应用，想总结出它们是如何运用导航栏来给产品赋能的。竟然很巧地发现，再花式的导航栏设计也难逃「四策略」手法。

2020/03/13

你和专业 UI 设计师之间，可能只差这组知识点

UI

你和专业 UI 设计师之间，可能只差这组知识点

「虽然说不清楚，但是总感觉你的UI哪里不对。」很多入行不久甚至有一定工作经验的 UI 设计师经常会听到这样的声音。

2019/11/26

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

产品

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

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

2018/09/25

您有一份200套的免费UI素材包未接收，请打开文章领取

下载

您有一份200套的免费UI素材包未接收，请打开文章领取

今天干货福利给大家带来200套优秀的免费 UI设计素材包，这些 UI素材可以作为临摹学习和设计灵感参考，内容包括 APP用户界面、Mac 和 Wins系统、UI组件等等。1. 播放器界面△ YouTube播放器，作者：Damian Patkowski有些模板还标注了网格参考线，更好的帮助你理解版式和布局，顺便复习一下网格系统。2. 菜单及选项面板3. 按钮开关4. UI组件5. 后台操作界面6. Mac／Wins／iOS系统界面安装使用步骤：本套素材大部分为 PSD文件，其它还有 ai、eps、sv...

2018/07/12

超全面的导航设计基础知识总结（一）

UI

超全面的导航设计基础知识总结（一）

随着移动互联网的不断发展，「以移动为中心」的理念和战略也不断渗透，互联网的「短、平、快」往往使设计师们无法长时间停下来思考可用性设计，快速找到最佳的设计方式是对我们一大挑战。「移动端界面设计模式」是基于大量设计师的智慧和尝试总结下来的可实施的解决方案，可以帮助我们解决绝大多数常见的移动界面设计需求，因此，在这里我将移动端的设计模式一一阐述，并附上我们常见的一线移动端产品作为案例作为解释。希望给广大的设计师们在设计方案中提供基石和支撑。

2018/07/09

超长篇干货！如何从交互维度量化用户体验？

教程

超长篇干货！如何从交互维度量化用户体验？

之前参加了回音分享会，认识了很多新朋友，线下分享时间有限，可能有很多东西没有讲的很透彻，所以整理了一下我当时的 ppt 和想要表达的观点，写了这篇文章，和大家分享一些在产品和交互设计中的一些自己的方法。一、什么是交互狭义的交互（Interaction）定义交互主体必须是人本身，而客体可以是产品，环境，服务等等，且不论交互客体是什么，只要主体是人，人和客体去进行交互的时候，一定是人带着心理预期施加一个行为，然后客体会根据这个行为给予一个反馈（没有反馈本质也是一个反馈），而人会根据这个反馈是否符合预期去...

2018/07/05

谷歌这款 Material Theme Editor ，让你做设计又快又好！

神器推荐

谷歌这款 Material Theme Editor ，让你做设计又快又好！

本篇文章主要是详细介绍 Material Theme Editor 这款工具如何使用，让大家快速熟悉和了解 Google 的这款工具，希望对大家能够有所帮助！△ Google 官方 Material Theme Editor 的操作视频一、Material Theme Editor —「一款强大的主题编辑器」在2018年5月份的 Google I/O 大会上，Google 设计团队一款叫做 Material Theme Editor 工具，可以帮助开发者更轻松地制作既符合自身品牌又符合 Materi...

2018/06/03

交互基础小课堂！移动端的导航设计模式

交互

交互基础小课堂！移动端的导航设计模式

在《用户体验的要素》一本书中，Jesse James Garrett 将用户体验分为了五个层级，战略层，范围层，结构层，框架层，表现层。其中在框架层里面有一个很重要的概念就是导航设计，作者对导航设计的定义是：元素的组合，允许用户在信息架构中穿行。我觉得可以把导航设计理解为：我们从用户的心智模型出发，结合业务目标，对信息架构的一个梳理，来帮助用户完成目标。

2018/05/26

UI

如何将品牌与UI完美结合？Google新规范告诉你答案

2018年5月9日凌晨1点，Google 开发者大会上对 Material Design 做了更新的讲解，其中令我印象深刻的是 Google 对图形语言单独拿出来做一个模块来解释，如下图我标红的地方。对！就是这个 SHAPE 的单词，为什么我会如此看重，大家应该知道构成设计语言的四大基础原子是：字体/颜色/网格系统/图形，这里的图形包括图标和一些辅助图形。

2018/05/14

新版抢先看！Material Design 的7个重大更新

UI

新版抢先看！Material Design 的7个重大更新

2018年5月9日凌晨1点，谷歌I/O 开发者大会如期在美国加州山景城的海滨露天剧场拉开帷幕，谷歌不仅对 AI 技术进行了更深层次的提升，同时也对 Android 系统进行了更新，谷歌副总裁 Dave Burke 对 Android 的更新进行了开场演讲，「在 Android 过去的10中，已经成为了一个开放的系统。」随着 android P 的诞生，谷歌今日宣布了 Material Design 应用程序视觉设计语言的几项更新。尽管此前传闻称有大改，但从刚刚召开的 I/O 2018 开发者大会来看...

2018/05/14

内部教程！超详细的支付宝设计规范之图形图案篇

教程

内部教程！超详细的支付宝设计规范之图形图案篇

一、概述整理图案图形设计文档有助于更好的传递支付宝品牌的视觉语言、保持平台的统一性、提升团队工作效率和打磨细节体验。图案图形是支付宝品牌 DNA 的重要部分，通过几何图形（矩形、圆形、三角形）的组合，造型鲜明，可以传递出支付宝品牌的安全感、信赖感和专业感；基础的几何图形通过不同的灵活组合，可以创造出千变万化的造型感，符合想象力的品牌调性；30° 角度给人以速度感，图案图形通过转角位30°倍数的原则做视觉处理可以传递支付宝的便捷调性。通过以上描述打造出来的图案图形可以传递支付宝安全感、信赖感和专业感的...

2018/04/06

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

教程

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

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

2017/12/15

从设计指南说起，详解iOS系统组件分类体系

教程

从设计指南说起，详解iOS系统组件分类体系

Echo ：由于iOS 和 Material Design的组件体系有些不一样，所以关于组件的分类体系我会分iOS篇和Android篇来讲解，本篇文章为iOS 篇。对于大部分入门设计师及中级设计师来说，脑海里没有一套属于自己的组件分类体系。一说组件，脑子里面只会蹦出弹窗、toast、操作列表等。

2017/09/20

「这个控件叫什么」系列之小红点+索引导航+分段控件

UI

「这个控件叫什么」系列之小红点+索引导航+分段控件

@龙爪槐守望者：鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。Badge/徽标/小红点「小红点」是这个控件在国内最通俗的称呼，正式的名称为「Badge」（徽标），Badge是指通常出现在图标或文字右上角的红色圆点、数字或者文字，表示有新内容或者待处理的信息。△ 形态各异的Badge（徽标）如何使用无数字和有数字Badge使用场景Badge可以分为无数字和有数字两类...

2017/03/23

设计师专属的12套UI工具包PSD打包下载

下载

设计师专属的12套UI工具包PSD打包下载

我们提倡自己动手丰衣足食，但是有时候时间紧迫的情况下，怎么才能迅速设计出界面又不被总监骂呢？毋庸置疑，肯定是借助互联网，下载使用前辈们免费分享出来的UI工具包最省时省力咯！相信这也是设计师们最喜欢的资源了。

2014/08/18

大福利！献给网页设计师的15款免费UI Kit

教程

大福利！献给网页设计师的15款免费UI Kit

拥有好的交互界面，才可以合理整合内容满足用户的期望和需求。优秀的用户界面是具有一致性的，能够让网站更易于理解和使用。同时，当用户面对两个同类网站或者应用的时候，UI的漂亮与否会成为决定性因素。

2014/05/21

设计师福利！18套免费的UI组件和线框图工具打包下载

下载

设计师福利！18套免费的UI组件和线框图工具打包下载

有很多同学在把设计稿辛苦做完给到总监确认的时候，有没有被他批评说：这不是他要的。或者被客户说，你怎么做成这样了。其实出现这个情况的原因就是你没有在前期好好沟通，画出线框图确认页面基本元素。

2014/05/16

10月份免费新鲜的27款UI组件下载

下载

10月份免费新鲜的27款UI组件下载

设计师们还没更新模板吗？这是优设10月份搜寻的UI模板，总共有27款，大多数为扁平化设计，都是免费且最新的，希望这些收集能给你正在进行的项目一点帮助 : ）同样精心收集，希望对你有帮助 : ）52款新鲜免费的优质界面PSD下载50个超赞的免费设计师工具资源下载Apple Product Line Wire Frame PSD by Rubayath Chrome UI Kit v.2 by Todd Hamilton Video Player by zucchero ...

2013/10/18

9月典藏！50个超赞的免费设计师工具资源下载

下载

9月典藏！50个超赞的免费设计师工具资源下载

互联网最伟大的精神在于分享，我们喜欢探索、喜欢发现，务求将最好最新的资源呈递给所有设计爱好者。相信这里面你大多数都还没见过呢！50个免费资源：包括了图标、字体、PSD、矢量图、图案、UI套件、调试工具等等。

2013/09/25

UI

50套超赞的UI组件打包下载

@香布拉啦：本文为大家带来50套优秀而且免费的UI组件包，这些UI组件可以用于设计网页、APP和软件的用户界面，使用这些UI组件的时候，请阅读使用许可条款。打包下载：Part1 Part21.MILK牛奶UI2.透明UI3.Blugraphic深色UI4.纯净风格UI5.多媒体黑色UI6.柔光UI7.深色UI8.Hanna UI9.午夜UI10.朦胧UI11.黑色UI12.纯净风格UI13.双色豪华UI14.整洁风格UI15.Blaubarry?UI16.?Mega Web Elements U...

2013/04/11

没有更多内容了

大家都在看

设计规范

文章 219

PS教程

文章 790

字体设计

文章 376

UI

文章 147

字体下载

文章 142

设计流程

文章 155

产品设计

文章 545

电商设计

文章 137

网页设计

文章 972

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

优设9图

优设爆火的干货频道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：扫码添加

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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

优优教程网

优设大课堂

设计师导航

优设训练营