【文档说明】移动端APPUI设计与交互基础教程第5章APP界面设计与实战课件.pptx，共(22)页，4.455 MB，由小橙橙上传

转载请保留链接：https://www.ichengzhen.cn/view-50600.html

以下为本文档部分文字说明：

设计与交互基础教程MOBILEAPPUIDESIGNANDINTERACTIONBASICCOURSE移动端APPUI05APP界面设计与实战本章在讲解基本概念的基础上，向读者介绍iOS与Android的设计规范，并结合实际工作案例，从产品定位和竞品分析开始，一步步向读者讲解设计师是如何完成页

面设计的。5.1认识APP应用程序及其相关概念1．ScreenSize（屏幕尺寸）2．px3．pt4．ppi（像素密度）5．dpi6．分辨率5.1.1常见术语5.1认识APP应用程序及其相关概念7．倍率8．dip与dp9．sp5.1.1常见术语图5-2倍率示意

图5.1认识APP应用程序及其相关概念1．iOS系统下iPhone设备屏幕尺寸2．Android系统下设备屏幕尺寸5.1.2常见手机屏幕尺寸5.2设计规范1．iPhone界面尺寸2．iPhone图标尺寸5.2.1iOS设计规范5.2设计规范3．字体规范5.2.1iOS设计规范5.2设计规范1．A

ndroid界面尺寸2．Android图标尺寸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社”A

PP产品设计与实现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社”AP

P产品设计与实现5.3.13“我的页”效果图制作5.3.14其他页面效果图谢谢观看！