菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练!告别无效练习
接私单赚外块
VIP优先接,累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
UI控件 话题
首页
设计文章
UI控件
转场动效
收录74篇文章
排版布局
收录100篇文章
排版设计
收录66篇文章
UX设计
收录70篇文章
设计技巧
收录80篇文章
UI
2.8w
快记下来!5个连大厂设计师都容易搞混的控件与规范
有哪些大厂设计师都会容易搞混的控件和规范?我给大家详解5个常被搞混的控件与大家盲区中的设计规范。
2020-12-28
土拨鼠
UI控件
UI
3.4w
UI 界面下拉菜单完全设计指南
编者按:这篇文章来自资深设计师 Jeremiah Lam,他所撰写的这篇文章将UI中的下拉菜单的一些常见的注意事项都梳理总结了出来,做 UI 设计的同学可以收藏一下 ~当用户需要在UI界面中选择不同功能、选项、条目的时候,需要依赖诸如复选框、开关、按钮、下拉菜单等 UI 控件。这些 UI 控件有着不同的优缺点,需要根据使用场景和用户需求来灵活使用,同时,这些控件的设计也有很多注意事项。今天这篇文章着重聊聊下拉菜单的设计注意事项,文章会加入大量的用例和最佳实践来为你进行说明。
2020-07-17
陈子木
UI控件
UI
4.4w
资深 UI 设计师搞定按钮和选框的14个秘诀
UI 界面当中,各种开关、按钮、选框控件是非常常见的组件,它们看起来不复杂,但是在实际使用的时候讲究非常之多,它们不仅关乎体验,而且涉及到一些界面逻辑问题。
2020-07-08
陈子木
UI控件
UI
iOS 人机界面指南精简版笔记之界面元素:Controls(上)
前面跟大家分享了 iOS 基本界面元素三大类中的 Bars(栏)、Views(视图),今天继续分享Controls(控件)。
2020-05-25
土拨鼠
Controls
UI
2.4w
用一篇文章,帮你掌握弹框的设计规范和进阶使用方法
我将分两期来总结一下弹框的规范和进阶使用方法,这一期我们先梳理一下平台规范下的弹框究竟有哪些。
2020-04-23
土拨鼠
Toast
UI
2.0w
用三期干货,全方位解析「标签栏」控件设计
本系列将分三期全方位解析如何做好标签栏设计,第一期先从 iOS 人机交互规范和 Google Material Design 平台规范切入,来系统梳理一下「标签栏」。
2020-03-26
土拨鼠
UI控件
UI
2.1w
写给新手的控件设计指南(二):控制器
想成为真正的 UI 设计师,光会视觉设计可不行。这份控件设计指南,帮你快速巩固基础,今天继续为大家讲解控件指南第二部分 —— 控制器。
2019-12-10
土拨鼠
UI
UI
3.6w
写给新手的控件设计指南(一):UI栏
想成为真正的 UI 设计师,光会视觉设计可不行。这份控件设计指南,可以帮你快速巩固基础。本文包括三个部分,今天讲第一部分:UI 栏。
2019-12-02
土拨鼠
UI
UI
4.0w
这4个最常见的 UI 组件,给你总结了这份使用指南
小溜Epik:我们在看 App 时,有没有思考过这样的问题,同样都是提示弹窗为什么出现那么多不同的样式,亦或者同样都是让界面进行切换的导航为什么有的可以通过侧滑切换,有的却只能点击切换呢?最近在玩 App 时发现了几组这样的控件,下面就来和大家分享下我对他们的理解和选用。目录:警告框与操作表标签栏与操作栏Tabs与分段控件Toast与Snackbar一、警告框与操作表1. 定义警告框:是一种操作上的确认,只有当用户点击按钮后才算真的完成,才可以有其他操作,主要作用是警告或提示用户的。
2018-10-12
程远
Snackbar
UI
3.9w
高手私藏的 UI 细节设计,这篇全都给你整理好了!
@孔雅轩LineVision :这篇文章渗透进页面中的每一个 Kit控件,深入的分析每一个控件所能带给用户的视觉以及心理感受。欢迎关注作者的微信公众号:「线点研究所」「让界面更耐看的细节你注意到了吗」《让设计细节更高级的10个实用小技巧》《界面不精致,往往是你忽略了这些设计细节》《网易资深视觉设计师:24个容易忽略的App设计细节》
2018-10-11
程远
UI 设计
UI
18.6w
基础科普!超全面的 UI 元素尺寸设置指南(上)
在开始着手设计手机界面时,困扰着新人的除了不知道应该在界面中放什么以外,最突出的就是不知道元素应该使用的长宽数值,也是学生问得最多的问题,所以着手整理2篇文章做扫盲,一次性搞明白,在手机的界面中如何设置元素的尺寸。下篇:《基础科普!超全面的 UI 元素尺寸设置指南(下)》一、基础规则1. 官方规范对于刚开始思考 UI 元素尺寸的新人,通常第一反应都是去看官方规范,新人都以为官方设计规范的作用就是告诉你们元素的大小和怎么设置,只要看完了就能懂得如何设计 iOS 或 Android 应用。
2018-09-13
程远
UI控件
产品
1.9w
超全面!底部动作栏设计总结
王M争:前段时间 B站对视频缓存功能做了一次调整,之前用户想要缓存当前视频只需点击「缓存」图标就行了,新版本中用户必须点击右上角的「更多」图标调出底部动作栏,然后再进行缓存操作。但是 B站官方上传的视频缓存入口依然保留在之前的位置,个人推测因为普通 up主所发布的视频长短不一,良莠不齐,更多的场景是用户阅完即走,缓存的需求不是很大,所以将缓存功能收起。而官方上传的资源一般质量有保障,且时间大都较长,用户更愿意去缓存。
2018-07-03
程远
UI控件
交互
1.8w
如何做好提示设计?我从3个角度完成了这篇超全面的总结!
Z Yuhan:稍微复杂一点的产品都少不了提示功能,这种全局模块既需要整体解决方案,也需要具体运用规则。以手机 App 为例,提示种类很多(操作成功、操作失败、收藏点赞、二次确认……),展示形式也很多。我最近对这一方面有所思考,结合外网资料整理了一套提示设计的方法和建议。
2018-04-29
程远
Toast
交互
3.0w
「这个控件叫什么」系列之Notice Bar/通告栏
@龙爪槐守望者 :经常能看到在很多 App 的 Navigation Bar(iOS 叫导航栏,安卓叫 App Bar /应用栏)下方、列表上方或者页面底部悬浮着一个横幅。这些横幅通过某个事件触发而出现,能常驻显示直到事件结束,并且通常可以操作。翻遍 iOS Human Interface Guidelines 和 Material Design 都找不到这个控件,这个控件可能叫 Notice Bar(通告栏)。
2018-04-23
程远
UI控件
交互
2.4w
超全面的分享功能设计总结
王M争:最近发现一款看片神器——埋堆堆。这是 TVB 推出的官方 APP,里面有 TVB 历年制作的经典剧集,而且更重要的是不需要充会员,没有片头广告。整体界面设计的也很简洁,但是我发现剧集播放界面竟然没有分享按钮,用户想分享的话必须进入全屏状态。
2018-03-22
程远
App设计
教程
3.0w
「这个控件叫什么」系列之输入框/文本框/Text fields
@龙爪槐守望者 :Text fields(输入框/文本框)是一个历史悠久而经典的控件,当光标位于输入框时,用户可以在其中输入或复制粘贴文本、数字等内容。输入框虽然看上去简单,但需要考虑的细节也不少,本文将向你介绍输入框的相关组成部分和注意事项。△ Text fields的相关组成部分标题 / 输入框标签(Label)Label是一个控件或一组相关控件的名称或标题,与Text field成对出现时表示输入框的标题或者内容,对于常见的主题有时也用图标代替Label。
2017-12-19
程远
UI控件
教程
1.4w
轻松看懂规范!详解组件控件结构体系之单元控件类
Echo :本文本篇文章讲解设计规范中的单元控件类,也是设计规范系列的最后一篇,继这个系列之后我会写一些超有意思的文章,敬请期待哦!系列文章: 《轻松看懂规范!详解组件控件结构体系之提示类》《轻松看懂规范!
2017-10-24
程远
UI控件
教程
2.2w
从设计指南说起,详解iOS系统组件分类体系
Echo :由于iOS 和 Material Design的组件体系有些不一样,所以关于组件的分类体系我会分iOS篇和Android篇来讲解,本篇文章为iOS 篇。对于大部分入门设计师及中级设计师来说,脑海里没有一套属于自己的组件分类体系。一说组件,脑子里面只会蹦出弹窗、toast、操作列表等。
2017-09-20
程远
UI控件
教程
1.1w
超实用!Apple 官方的图层命名方法之控制器篇
@爆裂的墨水瓶 :在产品视觉设计中,用英文命名图层是良好的习惯:对开发友好,而且方便配合一些设计工具(如Framer、Principle)。在ios设计中,苹果官方的图层命名较为完整,虽然不是唯一答案,但很有参考价值。本文是系列第2篇,整理补充了一下思路,谢谢大家对我第1篇的的支持~上期回顾:《图层英文怎么写?
2017-09-15
程远
UI控件
教程
1.7w
高手帮你学规范!iOS版和安卓的规范解析之底部标签导航
底部tab导航是现在应用里非常常见的一种组件。关于这种最常用到的组件,你了解的全面吗?下面我们来分别看一下Material Design设计规范以及iOS设计规范里是怎么规定的。
2017-09-05
程远
UI控件
教程
2.6w
「这个控件叫什么」系列之动作菜单/动作面板
@龙爪槐守望者 :鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交互设计发展,做出一点微小的贡献。往期回顾:《「这个控件叫什么」系列之小红点+索引导航+分段控件》《「这个控件叫什么」系列之加载占位图+页面指示器》《「这个控件叫什么」系列之步进器+SWITCH》《「这个控件叫什么」系列之TOAST》《「这个控件叫什么」系列之虚拟键盘/软键盘/SOFT KEYBOARD》Action Sheet(动作菜...
2017-08-14
程远
UI控件
教程
1.8w
超实用!3分钟带你掌握11个最常用的交互控件
之前的一系列文章,为大家介绍了iOS和Android规范中,各种弹出物的用法,罗列如下:警告框(Alerts),弹出框(Popovers,iOS独有),简易菜单(Simple Menus,MD独有),模态视图(Modal Views,iOS独有),确认弹框(Confirmation Dialogs,MD独有),全屏弹框(Full-screen Dialogs,MD独有),上拉菜单(Action Sheets,iOS独有),简易弹框(Simple Dialogs,iOS独有),活动视图(Activit...
2017-05-31
程远
UI控件
教程
2.5w
「这个控件叫什么」系列之虚拟键盘/软键盘/Soft Keyboard
@龙爪槐守望者 :鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交互设计发展,做出一点微小的贡献。Soft Keyboard(Virtual Keyboard/软键盘/虚拟键盘)并不是真实的物理键盘(Physical Keyboard),而是在屏幕内拥有键盘样式和功能的控件,它比真正的键盘尺寸更小,而且没有手感很难盲操作。在触屏当道的移动端Soft Keyboard也可以简称为Keyboard。
2017-05-11
程远
UI元素
UI
7.1w
「这个控件叫什么」系列之Toast(吐司提示)的曾经、现在与未来
@龙爪槐守望者 :鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交互设计发展,做出一点微小的贡献。往期回顾:《「这个控件叫什么」系列之小红点+索引导航+分段控件》《「这个控件叫什么」系列之加载占位图+页面指示器》《「这个控件叫什么」系列之步进器+SWITCH》Toast概念的由来除了Android规范,Windows的规范中也有Toast,但定义不一样。Toast在Android中的定义就是大家所熟...
2017-04-19
程远
UI元素
UI
3.7w
「这个控件叫什么」系列之步进器+Switch
@龙爪槐守望者 :鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交互设计发展,做出一点微小的贡献。往期回顾:《「这个控件叫什么」系列之小红点+索引导航+分段控件》《「这个控件叫什么」系列之加载占位图+页面指示器》这个控件叫:Stepper/步进器Stepper(步进器)由一个增加按钮、一个减少按钮和一个由按钮控制的数值组成。每次点击增加按钮(或减少按钮)数字增长(或减少)的数量是恒定的。
2017-04-10
程远
UI控件
UI
35.0w
「这个控件叫什么」系列之小红点+索引导航+分段控件
@龙爪槐守望者 :鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交互设计发展,做出一点微小的贡献。Badge/徽标/小红点「小红点」是这个控件在国内最通俗的称呼,正式的名称为「Badge」(徽标),Badge是指通常出现在图标或文字右上角的红色圆点、数字或者文字,表示有新内容或者待处理的信息。△ 形态各异的Badge(徽标)如何使用无数字和有数字Badge使用场景Badge可以分为无数字和有数字两类...
2017-03-23
程远
UI控件
没有更多文章了
大家都在看
素材下载
文章 124
立即查看
UI
文章 144
立即查看
ICON
文章 204
立即查看
用户体验
文章 866
立即查看
版式设计
文章 188
立即查看
酷站推荐
文章 333
立即查看
优设大课堂
文章 132
立即查看
酷站
文章 642
立即查看
网页设计
文章 945
立即查看
优设读报
2022年06月28日 星期二
01
「虚幻映未来」虚拟 IP 形象创意设计大赛正式启动
02
张艺谋新片《满江红》开机,首张概念海报曝光
03
第四大运营商入场,5G 的普及进程有望加快
04
华为新一代「小方表」:Watch FIT 2 正式官宣
05
微信宣布接入腾讯地图:可设置旅行足迹状态
查看全部
职场规划
帮迷茫的设计师找到职场方向
查看专题
专题
已有65.7w位观众
已收录
17
篇持续更新
优设圆桌:26岁的平面新手,是否还有转UI设计的可能?
36680 人阅读
优设圆桌!学设计的人该不该考研,有哪些建议?
29232 人阅读
细节
「腾讯动漫」别出心裁的banner轮播动效
越来越多的网站会在主页banner轮播图的下方加入进度条来提示访问者banner切换的时间,「腾讯动漫」则巧妙地将轮播图的进度条设计与平台吉祥物飞过屏幕的动画效果结合起来。为每个小细节的设计都注入二次元的幽默感与中二精神,有趣又强化了平台特征。
2020-11-09
AmberDu小白
banner
设计问答
全部问答
怎么理解网格系统?什么情况下可以运用?
邀请你来回答
对网格系统的运用一直是一知半解,有这方面的大神可以帮我指导一下不?
我来回答
优设琅琊榜
查看全部
1.5w
1/9
仙女颜值!备受好莱坞青睐的自由插画师蓝斓岚
蓝斓岚
欢迎光临!斑斓即正义~
设计神器
全部神器
Adobe重大更新!PS CC2017新功能全方位盘点(附总结)
神器推荐
壹周速读:让版式不落俗套的办法
神器推荐
为什么我10秒就可以做出漂亮的背景图?有这个神器你也行!
神器推荐
壹周速读:Figma的替代品 + 一大波UI设计指南
神器推荐
课程
爆款课程!零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品?
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度,才够接私单赚钱?
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格?
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
资深设计师
北京
学历不限
1-3年
15k-25k
交互设计师
上海
本科及以上
3-5年
25k-50k
微博内容运营
武汉
大专及以上
经验不限
4k-6k
查看全部
行业新闻
发布行业新闻
用一篇文章,帮你了解 9 大书籍装帧工艺
行业新闻
艺术家 Jae Solina 在本周“NVIDIA Studio 创意加速”中,分享其独特 3D 创意工作流
品牌资讯
在线协同工具蓝湖正式入驻钉钉开放平台,共同赋能“一站式办公”模式
品牌资讯
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计问答
高手大咖在线答疑解惑
查看话题