火星网校
移动端UI组件设计精讲，助力你的设计之路
发布时间：2024-05-14 15:33:22 浏览量：186次
作为一名UI设计师，我们经常要进行PC端和移动端的设计任务。上一次给大家分享了：《最全Web端UI组件设计详解》，这次给大家带来移动端UI组件设计详情。尤其在我们APP、小程序、H5页面设计中，我们要使用和熟知各种的UI组件。今天给大家总结了关于移动端UI组件，希望可以在工作中帮到你。
什么是UI组件
UI设计组件（UI KIT），直译过来就是用户界面成套元件，是界面设计常用控件或元件，「组」是设计元素的组合方式，「件」由不同的元件组成。
组件的优势
1、保证一致性：与现实生活一致，与现实生活的流程、逻辑保持一致。控制反馈：通过界面样式和交互动效让用户可以清晰地感知自己的操作。提高效率，减少成本：简化流程，设计简洁直观的操作流程。
组件详解
一、页面布局 Layout
1、布局 Layout
A. 左右留白，布局控件，多用于页面整体布局
B. 上下留白，布局控件
二、导航组件 Navigation
1、导航栏 NavBar
2. 侧边导航 SideBar
3. 抽屉式导航 DrawerBar
4、菜单 Menu
5、宫格 Grid
6、气泡 Popover
7、标签页 Tab
8、分页 Pagination
9、分段器
10、标签栏 Tabbar
11、索引栏 IndexBar
12、分类选择 TreeSelect
写在最后
这次的关于移动端UI组件：布局和导航组件的分享就到此结束了，下一期会继续给大家带来其他UI组件的讲解，我们下期精彩继续！
想要了解更多关于移动端UI设计培训的信息吗？欢迎点击点击咨询，了解更多详情。
UI严选—越努力，越幸运
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
8. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
10. 武汉UI设计培训班费用怎么样？想学UI设计要多少钱？
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
最新文章
