移动端APPUI设计与交互基础教程第5章APP界面设计与实战课件_第1页
移动端APPUI设计与交互基础教程第5章APP界面设计与实战课件_第2页
移动端APPUI设计与交互基础教程第5章APP界面设计与实战课件_第3页
移动端APPUI设计与交互基础教程第5章APP界面设计与实战课件_第4页
移动端APPUI设计与交互基础教程第5章APP界面设计与实战课件_第5页
已阅读5页，还剩17页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、设计与交互基础教程MOBILE APP UI DESIGN AND INTERACTION BASIC COURSE 移动端APP UI05APP界面设计与实战本章在讲解基本概念的基础上，向读者介绍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

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论