移动端APPUI设计与交互基础教程-第3章--常见APP组件的设计与实现PPT课件下载推荐.pptx
- 文档编号:14813455
- 上传时间:2022-10-25
- 格式:PPTX
- 页数:19
- 大小:3.41MB
移动端APPUI设计与交互基础教程-第3章--常见APP组件的设计与实现PPT课件下载推荐.pptx
《移动端APPUI设计与交互基础教程-第3章--常见APP组件的设计与实现PPT课件下载推荐.pptx》由会员分享,可在线阅读,更多相关《移动端APPUI设计与交互基础教程-第3章--常见APP组件的设计与实现PPT课件下载推荐.pptx(19页珍藏版)》请在冰豆网上搜索。
设计与交互基础教程MOBILEAPPUIDESIGNANDINTERACTIONBASICCOURSE移动端APPUI03常见APP组件的设计与实现移动端APPUI设计除了之前讲解的图标设计以外,在各种页面交互过程中,还有诸如按钮、滑动条、表单和数据图表等功能组件。
@#@3.1UIKit概述UIKit可以清晰的呈现整个产品的设计风格,以及色彩是否统一,便于设计师对设计进行全局的调整和修改,并且可以帮助后续研发人员能够更加清楚的找到当前设计的部分。
@#@图3-1UIKit3.2按钮1什么是按钮无论是在网页端还是在手机端,按钮都是既普通又常见的交互设计元素。
@#@2按钮的按压状态当用户在APP应用中对按钮执行一个操作时,会收到按钮的一个反馈,这个反馈就是按压状态。
@#@图3-2按钮设计风格的变迁图3-4按压状态3.2按钮1推荐操作类按钮2次要操作类按钮3.2.1按钮的种类图3-5推荐操作按钮图3-6次要操作按钮3.2按钮3局部操作类按钮4吸底按钮3.2.1按钮的种类图3-7局部操作按钮图3-8吸底按钮3.2按钮
(1)尽可能的简洁
(2)按钮文案要简短、明晰,必要时增加紧迫感词语和动词(3)增加按钮的对比效果(4)增强按钮引导特性3.2.2按钮的设计要点3.2按钮3.2.3扁平化按钮的制作图3-13一组扁平化按钮3.2按钮3.2.4质感按钮的制作图3-15按钮的三层圆角矩形图3-16水晶质感按钮最终效果3.3滑动条3.3.1扁平滑动条的制作图3-30音乐播放器从滑动条3.3.2质感滑动条的制作图3-31质感滑动条3.4表单3.4.1表单结构与设计要点1表单结构表单的基本结构包含三个要素:
@#@标签(lable)、输入框(input)、提示语(placeholder)。
@#@2设计要点
(1)自动聚焦与智能提示
(2)尽量减少跳转页面(3)尽量使用行内标签(4)简化表单数量与颜色3.4表单3.4.2单选按钮与复选框制作图3-52单选按钮与复选框3.4表单3.4.3文本框与下拉框制作图3-56文本框与下拉框3.4表单3.4.4课堂巩固练习(反馈页表单)图3-59反馈页表单3.5数据图表3.5.1认识数据图表
(1)折线图
(2)曲线图(3)饼图与环形图图3-60折线图图3-61曲线图图3-62环形图3.5数据图表3.5.1认识数据图表(4)柱状图(5)雷达图图3-63柱状图图3-64雷达图3.5数据图表3.5.2数据图表的制作图3-65运动类APP数据图表曲线图表3.5数据图表3.5.3课堂巩固练习(环形数据图表)图3-78环形数据图表谢谢观看!
@#@
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 移动 APPUI 设计 交互 基础教程 常见 APP 组件 实现
![提示](https://static.bdocx.com/images/bang_tan.gif)
链接地址:https://www.bdocx.com/doc/14813455.html