2.1MD和IOS设计规范 不同平台使用不同的设计语言，不同的设计语言会让用户培养出不同的操作习惯。

2.1.1 阴影:MD风格非常善于使用真实世界中的物理规律与空间关系表现组件之间的层级关系，所以在安卓的MD风格中有很多的阴影。而IOS中就没有阴影，显得更加的扁平。

2.1.2 导航体系：IOS的导航体系主要由底部栏菜单构成，MD风格的导航体系大量使用了顶部菜单栏和侧边菜单栏。底部菜单栏更容易遮挡画面，但是用户更容易触达入口。侧边栏能放进更多标签，但是入口比较隐藏。

2.1.3 配色：MD提倡使用高饱和度的对比色来提升产品的视觉表现力（大色块）。IOS风格就比较克制。 在界面设计中，对比效果主要有配色、尺寸、间距、和阴影来完成。MD风格在配色和阴影上做得比较出彩，所以MD风格的产品在视觉表现力上更有冲击力。IOS风格追求扁平和简洁

2.1.4 组件：以对话框为例，在ios中，对话框里的标题和按钮都是居中对齐的，而在MD中是一个偏左一个偏右。 IOS和MD的组件区别在很多小细节上，例如在ios中向右滑动界面会返回上一级页面，因为苹果手机没有物理返回键，但是会和一些收拾起冲突。 IOS和MD的设计风格并不冲突，很多时候都在互相融合，只要可以实现，都可以用。但是如果有时间和精力，还是可以针对ios和安卓做两套设计稿。

2.2适配 根据不同设备大小的适配工作是必须的

2.2.1像素与分辨率 像素：由一个数字序列表示的图像中的一个最小单位； 分辨率分为：ppi和dpi。 ppi：每英寸长度所包含的像素点数目； dpi：每英寸长度所包含的点的数目： 所以ppi和dpi的比值，可以得出屏幕中一个点中有多少个像素。一个设备究竟要使用2倍图还是3倍图，只需要看ppi和dpi的比值就可以了。 在iphone4的时候，开始使用retina屏幕，用户在屏幕中可点击的物理尺寸是7-9mm，1英寸有25.4mm，1英寸长度有163个像素。 那个时候7mm里面有44.92像素，所以我们在设计规范里面常见到44、88这样的数字。 但是这个44是随着ppi（每英寸所含像素点数）改变，44的标准是ppi163。

适配原则：所有的适配都要在同一倍率的方案下完成，同一倍率下组件的尺寸要保持统一。 同样是2倍图，iphone8和iphone5的屏幕尺寸不一样，如果直接将iphone8的设计稿等比压缩来进行适配，就会出现同一倍率下组件尺寸缩小的情况。这个时候有两个适配方法。 对iphone5做适配就是将750*1334px尺寸里的元素移植到640*1136px尺寸中 1.高度不变，水平方向尺寸或间距自适应。（适合组件） 2.等比缩放，适合图片类。

2.2.3全面屏手机适配 全面屏手机的顶部有刘海，44pt，底部有Home Indicator，高度为34pt，这两部是危险区域，界面内容不能进入危险区域，因此界面的安全区域会比设计尺寸少78pt

2.3手势 手势的主要作用：1.节省空间，2.简化交互方式。 常见的手势：点击、滑动、拖拽、长按和多点触控

2.3.1“拇指法则” 75%的手机交互都是靠拇指完成的，对触摸屏手机进行交互设计，主要针对的就是拇指。 根据拇指在手机屏幕上的活动范围热图，分为容易区、伸展区、困难区。对于一些主要功能，尽量放在容易区、次要功能考虑放在伸展区甚至困难区。

2.3.2功能可见性 让用户感知到手势的存在是手势设计的重要前提。 引导用户感知手势的方法

2.3.3滑动优先 滑动的操作比点击更加容易，相比点击，滑动对落点区域的要求不是很高，滑动一般是全屏操作，一般只需要用户在任和区域滑动手指就可以了，而点击对拇指的落点要求较高。

2.3.4场景 对于手势的使用一定要考虑具体的场景，要考虑到设备和操作系统的差异性，也可以不限于屏幕的滑动。

2.4异常场景 细节决定成败，用户体验尤为如此，对异常场景的优化能极大的提升产品的用户体验。

2.4.1网络故障 1.网络故障 通常的报错样式有Toast、Snakbar、对话框、通告栏、界面内嵌与空白页面。所有的报错提示，都可以拆解为报错现象和解决方案。 用户对网络诉求不高的时候，网络中断可以不主动提示用户，避免给用户造成干扰。在用户执行了请求数据的操作时才告知用户，特别是当app有缓存机制的时候，不需要用户每次进入页面都要去服务端请求一边数据。 toast轻量。 snackbar可以提供点击进入解决方案的页面，但一直浮动在页面上，不解决就不消失，会阻挡用户的操作。 微信和QQ的通告栏可以在给用户持续提示的情况下， 不干扰用户的操作。 骨架只展示页面的框架，请求数据的时候再渲染页面。空页面要提供刷新按钮，也要提供查看解决方案的按钮。

2.网络切换 当网络从wifi切换到数据流量的时候，需要根据用户的场景自动产生变化，并且从wifi切换到4g的时候，不能用toast，有些用户会屏蔽toast 当网络从数据切换到wifi的时候，页面要自动完成刷新和加载，不要让用户手动刷新。

2.4.2空页面 1.根据具体的场景，有的时候不需要空页面，而是让用户直接进入转化页面。 2.合格的空也i按要告知用户这是什么页面，并且解释原因。空页面应该告知空的原因，并且提供解决方案，引导用户进行接下来的操作。 3.空页面也可以进行品牌化设计的发挥。