小米时间选择控件_上海非凡教育分享UI组件设计解析之—

什么是单元控件？

控件解释为Control

组件解释为Component

通俗讲，就是多个元素组成组件，而单个元素即为单元控件。

单元控件1 搜索

什么是探索？

用户通过输入的关键词，搜索到想要的信息。

遵循iOS和Android设计规范

单元控件2 开关

什么是开关？

开关也是按钮，展示了两个互斥而又关联的选项和状态。

含有开关名，要表现出互斥状态（也就是选中和非选中）

单元控件3 页码控制器

什么是页码控制器？

显示当前视图的数量和当前进度。

数量代表当前视图，通常不超过6个

单元控件4 图标

什么是图标？

图标是一种图形元素，用来执行应用程序已经定义的操作。

表现为由图标/文字/图标和文字

必须易识别并能与展示的内容相联系

单元控件5 滑块

什么是滑块？

让我们通过在连续或间断的区间内滑动锚点来选择一个合适的数值或选项。

左右两端设定图标强度

分为连续滑块和间续滑块

单元控件6 进度

什么是进度？

刷新加载或是提交时，需要等待一段时间，在这个过程中的一种动态设计。

尽可能减少视觉上的变化

以线形和圆形最常用

单元控件7 选框

什么是选框？

用户用来做单个或多个选项选择的控件。

单选框，只允许选择一个

复选框要有形态上的变化表示选或未选

在界面设计中要面对太多需求，而这些界面多数是由多个单元控件和多个组件组合而成，只要掌握单元控件的应用，就能设计出符合用户需求的界面。

所以理解单元控件和组件，是每一位设计师的必修课。

————————————————————————

谢谢，记得点赞哦~！

小米时间选择控件_上海非凡教育分享UI组件设计解析之—— 单元控件相关推荐

ueditor上传组件显示乱码_最全面的移动端 UI组件设计详解：中篇
上一期给大家讲解了<最全面的移动端UI组件设计详解:上篇>,主要分享了:布局组件和导航组件2个部分:这次给大家带来:基础组件.表单组件和反馈组件详解,希望你在设计APP.小程序.H5页面中 ...
react ui框架移动端_你必须要知道的移动端UI组件设计宝典
作为一名UI设计师,我们经常要进行PC端和移动端的设计任务,上一次给大家分享了: <最全Web端UI组件设计详解> ,这次给大家带来移动端UI组件设计详情,尤其在我们APP.小程序.H5页 ...
dev treeview控件_在Winform开发框架中使用DevExpress的TreeList和TreeListLookupEdit控件
DevExpress提供的树形列表控件TreeList和树形下拉列表控件TreeListLookupEdit都是非常强大的一个控件,它和我们传统Winform的TreeView控件使用上有所不同,我一 ...
java 动态增加控件_在ngIf中动态添加组件
我有一些代码可以动态地添加/删除我的一个页面组件 . 这似乎工作得很好,我的方法基于Rob Wormald的真棒Ng2 Advanced Talk . 以标准方式执行操作如下所示: @Componen ...
基于arduino的光控窗帘_基于Arduino系统的智能窗帘设计与实现.doc
摘要:跟随社会发展的潮流,现代科学技术正处于快速发展阶段,人们对智能家居的关注度也越来越高,人们开始寻求更加智能和舒适的生活及办公环境.智能遥控属于电子与信息工程的一个重要分支,在现代智能家居中有着良 ...
一个长方体玻璃容器从里面量长宽_泰来包装分享：如何设计钢边箱里面中型木包装箱...
钢边箱里面的中型木包装箱是以木质材料为主制成的有一定刚性的包装容器,是产品运输包装的主要容器之一,也是我国出口商品使用非常广泛的一种包装,在轻工,机械,半导体等包装领域起着不可替代的重要作用.关于钢边 ...
按钮跳转到其他ui界面_《明日方舟》UI/UX设计复盘
本文共3716,预计阅读时长8-15分钟. 文章首发于微信公众号「我的天空是你的大海」,欢迎关注! 如果你要问2019年的年度手游是什么,我的回答是<明日方舟>(下文简称"< ...
feed流和瀑布流_推荐系统之Feed流UI交互设计
前面几篇介绍了推荐系统相关的标签.画像.算法.策略,整体上看推荐系统是一个偏工程应用的领域,要想在商业产品中引入推荐系统,利用推荐系统来帮助用户过滤信息,除了构建精准高效的推荐算法外,还需要设计适合特 ...
思科网络基础课件_上海思科CCNA培训、思科网络工程师培训
上海思科CCNA培训.思科网络工程师培训思科CCNA网络工程师市场前景: 其一,思科网络工程师的就业薪资起点高,拥有一定工作经验的网络工程师的月薪一般在7000到8000,高级网络工程师年薪二十万 ...

小米时间选择控件_上海非凡教育分享UI组件设计解析之—— 单元控件

小米时间选择控件_上海非凡教育分享UI组件设计解析之—— 单元控件相关推荐

最新文章

热门文章