主流移动平台设计android典交互案例分析说明

本课件版权归BiGD所有，禁止任何手段传播、商业使用、对外演BiGD学员可以自己下载学习，但需保留署名并且不可用在商业用途、不得修如发现责任，违者必课25262728交互三图的讲解（思维导图、流程图、原型图29AxureRP基本工具30AxureRP高级工具3132333435课25262728交互三图的讲解（思维导图、流程图、原型图29AxureRP基本工具30AxureRP高级工具313233343536交互原型案例实战—交互原型案例实战—BigD主流移动平台设计规范（iOS、Android）/主流移动平台设计规范（iOS、Android）/BigDLessonBigDLesson1001000BigDBigDLesson2015年开发者大会（WWDC）苹果CEO库克在大会上介绍苹果App下载量已经破1000亿次。苹果Store每秒有850个应用被下载，平均每个用户有119个应用苹果AppStore商店已有19万5千教育应用，98%的财富500强企业拥有iOSBigDLesson什么是BigDLesson什么是主流移动平台设计规范（iOS、Android）/主流移动平台设计规范（iOS、Android）/BigDLesson三大阵主流移动平台设计规范（iOS、Android）/主流移动平台设计规范（iOS、Android）/BigDLessonBigDLessoniPodtouch、iPad以及AppleTV等产品上BigDLessonBigDLesson乔尼·艾维（Jony主流移动平台设计规范（iOS、Android）/主流移动平台设计规范（iOS、Android）/BigDLesson主流移动平台设计规范（iOS、Android）/主流移动平台设计规范（iOS、Android）/BigDLessoniOS图标进主流移动平台设计规范（iOS、Android）/主流移动平台设计规范（iOS、Android）/BigDLesson主流移动平台设计规范（iOS、Android）/主流移动平台设计规范（iOS、Android）/BigDLesson主流移动平台设计规范（iOS、Android）/BigDLesson6Plus主流移动平台设计规范（iOS、Android）/BigDLesson6Plus设6Plus物6主流移动平台设计规范（iOS、Android）/BigDLesson6Plus/设主流移动平台设计规范（iOS、Android）/BigDLesson6Plus/设6Plus/物6主流移动平台设计规范（iOS、Android）/BigDLessonAPPSpotlight6Plus66主流移动平台设计规范（iOS、Android）/BigDLessonAPPSpotlight6Plus66主流移动平台设计规范（iOS、Android）/BigDLesson主流移动平台设计规范（iOS、Android）/BigDLesson主流移动平台设计规范（iOS、Android）/主流移动平台设计规范（iOS、Android）/BigDLessonBigDLessonBigDLesson••深度：视觉的层次和生动的交互动作会赋予I新的活力，不但帮助用户更好理解新•主流移动平台设计规范（iOS、Android）/BigD主流移动平台设计规范（iOS、Android）/BigDLesson•••BigDLessonBigDLesson以内容•••BigDLessonBigDLesson保证清••••BigDLessonBigDLesson用深度来体现••••主流移动平台设计规范（iOS、Android）/主流移动平台设计规范（iOS、Android）/BigDLessonBigDBigDLessoniPhone的显示环境可根据不同的设备和不同的握持方向而BigDBigDLesson界面布••••布局包含的不仅仅是一个应用屏幕上的UI元素外界面布界面布类控件的大小是44x44点让用户更容易地进行让用户更容易地进行选动•••动•••••••••当你使用自定义的栏颜色时，着重考虑半透明的栏和应用内苹方字体是苹果公司推出苹方字体是苹果公司推出的一种全新的字体到iOS9和OSXElCapitan当中，替代之前的Helvetica字体。字体一些需要遵循•字体一些需要遵循•通常来说，字号与行距值在每一档的文本尺寸设置中差别为1点。在文本总是使用常规或者中重，一般不适用轻或者加粗••••nnn卓n卓A始A始安迪-鲁宾（Andy安迪-鲁宾（Andy2008年9月正式发2008年9月正式发nnAd2便推出了，依旧采用“JelyAd2便推出了，依旧采用“JelyBc4.4的到来 Bean”终于完成4.4的到来 Bean”终于完成使命，进化到 5也随之推出。除了来自雀巢公司的代号 UI界面改了四年依旧被人们公认为是丑陋的代表，Google在Android4.4发布沉寂半年后拿出了现如今我们正在使UI界面改了四年依旧被人们公认为是丑陋的代表，Google在Android4.4发布沉寂半年后拿出了现如今我们正在使用的这套Android5.0系统（代号Lollipop，棒棒糖）。MaterialDesign。这是一个全新的设计语言，让Android从未变得如此多彩。它基于多色MaterialDesign。这是一个全新的设计语言，让Android从未变得如此多彩。它基于多色“不应该为不同的屏幕“不应该为不同的屏幕规格创建不同的产品，而是使用一种统一的设计方法开发一款可以的屏幕上运行，但不能在2英寸的屏幕上运行，这是不行的。让不同设备的屏幕上表现出一致、美观的视觉体验以及交互AlAlsiz（长度，比如常用的3.5英寸，3.7英寸、AspectRatio(长siz（长度，比如常用的3.5英寸，3.7英寸、AspectRatio(长宽比long、Resolution(分辨率、DPI(dotper每英寸像素数，如120dpi,160dpi等,假（2英寸*1.5英寸DPI240屏幕上，1DIP等于1.5个物可以反映屏幕的清UIDensity(密度屏幕里像素值浓度，resolution/Screenpixel(dip)对应公式是dip/pixel=dpi值/160Androd驱动了数百万计的手机、平同，屏幕Androd驱动了数百万计的手机、平同，屏幕的像素密度(DPI)也不尽相同MaterialMaterial高，元素离界面底材料具有变化的长宽尺（以dp材料具有变化的长宽尺（以dp为计）和均匀的厚度材料的高度和宽黑色：[87%普通文字][54%减淡文字][26%禁用状态/提示文字][12%分隔线]白色：[100%普通文字][70%减淡文字]黑色：[87%普通文字][54%减淡文字][26%禁用状态/提示文字][12%分隔线]白色：[100%普通文字][70%减淡文字][30%禁用状态/提示文字][12%分隔线]图建议模仿现实中的折图建议模仿现实中的折纸效果，通过扁平色彩表现空间和小图标尺寸是24dpX小图标尺寸是24dpX24dp。图形限制在中央20dpX20dp区域内底部导航栏高度分隔线上下留白p文字左侧对齐基线p内容主体的纸片可以在工具栏纸片下部上下移将这些层次区分出来的方式将这些层次区分出来的方式就是通过纸片边缘的阴48dp设计韵为什么是4848dp设计韵为什么是48一般情况下，48dp9mm7-10mm)7712sp小字提正文/12sp小字提正文/16sp（桌面端15sp）小标24sp大标超大号MaterialMaterialTheThe