移动端APPUI设计与交互基础教程第5章APP界面设计与实战课件.pptx
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《移动端APPUI设计与交互基础教程第5章APP界面设计与实战课件.pptx》由用户(三亚风情)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 移动 APPUI 设计 交互 基础教程 APP 界面设计 实战 课件
- 资源描述:
-
1、设计与交互基础教程MOBILE APP UI DESIGN AND INTERACTION BASIC COURSE 移动端APP UIAPP界面设计与实战本章在讲解基本概念的基础上,向读者介绍iOS与Android的设计规范,并结合实际工作案例,从产品定位和竞品分析开始,一步步向读者讲解设计师是如何完成页面设计的。5.1 认识APP应用程序及其相关概念1Screen Size(屏幕尺寸)2px3pt4ppi(像素密度)5dpi6分辨率5.1.1 常见术语5.1 认识APP应用程序及其相关概念7倍率8dip与dp9sp5.1.1 常见术语图5-2 倍率示意图5.1 认识APP应用程序及其相关概
2、念1iOS系统下iPhone设备屏幕尺寸2Android系统下设备屏幕尺寸5.1.2 常见手机屏幕尺寸5.2 设计规范1iPhone界面尺寸2iPhone图标尺寸5.2.1 iOS设计规范5.2 设计规范3字体规范5.2.1 iOS设计规范5.2 设计规范1Android界面尺寸2Android图标尺寸3字体规范5.2.2 Android设计规范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 设计规范
3、5.2.5 常用颜色5.3 “UI社”APP产品设计与实现1市场背景分析2目标用户与优势3产品介绍4盈利模式5.3.1 产品定位与背景简要分析5.3 UI社”APP产品设计与实现5.3.2 竞品分析图5-11 竞品分析的一般步骤5.3 UI社”APP产品设计与实现5.3.3 “UI社”产品架构梳理图5-18 “UI社”产品功能架构(部分)5.3 UI社”APP产品设计与实现5.3.4 绘制低保真原型图5.3 “UI社”APP产品设计与实现5.3.5 “UI社”APP的视觉规范1颜色规范2字体规范3模块规范5.3 “UI社”APP产品设计与实现5.3.6 APP产品启动图标的制作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 其他页面效果图谢谢观看!
展开阅读全文