移动端APPUI设计与交互基础教程-第5章--APP界面设计与实战PPT资料.pptx
- 文档编号:14813446
- 上传时间:2022-10-25
- 格式:PPTX
- 页数:22
- 大小:4.45MB
移动端APPUI设计与交互基础教程-第5章--APP界面设计与实战PPT资料.pptx
《移动端APPUI设计与交互基础教程-第5章--APP界面设计与实战PPT资料.pptx》由会员分享,可在线阅读,更多相关《移动端APPUI设计与交互基础教程-第5章--APP界面设计与实战PPT资料.pptx(22页珍藏版)》请在冰豆网上搜索。
设计与交互基础教程MOBILEAPPUIDESIGNANDINTERACTIONBASICCOURSE移动端APPUI05APP界面设计与实战本章在讲解基本概念的基础上,向读者介绍iOS与Android的设计规范,并结合实际工作案例,从产品定位和竞品分析开始,一步步向读者讲解设计师是如何完成页面设计的。
@#@5.1认识APP应用程序及其相关概念1ScreenSize(屏幕尺寸)2px3pt4ppi(像素密度)5dpi6分辨率5.1.1常见术语5.1认识APP应用程序及其相关概念7倍率8dip与dp9sp5.1.1常见术语图5-2倍率示意图5.1认识APP应用程序及其相关概念1iOS系统下iPhone设备屏幕尺寸2Android系统下设备屏幕尺寸5.1.2常见手机屏幕尺寸5.2设计规范1iPhone界面尺寸2iPhone图标尺寸5.2.1iOS设计规范5.2设计规范3字体规范5.2.1iOS设计规范5.2设计规范1Android界面尺寸2Android图标尺寸3字体规范5.2.2Android设计规范5.2设计规范1全局边距2卡片间距5.2.3边距与间距图5-6全局边距图5-7微信“我的”页面卡片间距5.2设计规范3内容间距5.2.3边距与间距图5-8内容间距5.2设计规范1列表式布局2卡片式布局5.2.4内容布局5.2设计规范5.2.5常用颜色5.3“UI社”APP产品设计与实现1市场背景分析2目标用户与优势3产品介绍4盈利模式5.3.1产品定位与背景简要分析5.3UI社”APP产品设计与实现5.3.2竞品分析图5-11竞品分析的一般步骤5.3UI社”APP产品设计与实现5.3.3“UI社”产品架构梳理图5-18“UI社”产品功能架构(部分)5.3UI社”APP产品设计与实现5.3.4绘制低保真原型图5.3“UI社”APP产品设计与实现5.3.5“UI社”APP的视觉规范1颜色规范2字体规范3模块规范5.3“UI社”APP产品设计与实现5.3.6APP产品启动图标的制作5.3.7“引导页”效果图制作5.3.8“登录页”效果图制作5.3“UI社”APP产品设计与实现5.3.9“首页”效果图制作5.3.10“发现页”效果图制作5.3“UI社”APP产品设计与实现5.3.11“上传页”效果图制作5.3.12“动态页”与“动态详情页”效果图制作5.3“UI社”APP产品设计与实现5.3.13“我的页”效果图制作5.3.14其他页面效果图谢谢观看!
@#@
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 移动 APPUI 设计 交互 基础教程 APP 界面设计 实战