慎用右滑操作，慎用横屏显示效果，页面底部按钮原理，矢量图使用SVG格式……以上技巧都来了来自今天的网站这是一篇很好的文章，简单紧凑但很实用。作为设计师，我们应该尽量避免这些陷阱。1、在交互方面，慎用向右滑动的操作方式。如：划痕涂抹效果，左右滑动翻页等。原因：在苹果手机上，向右滑动很容易触发返回“上一页”的效果。2、在交互方面，慎用横屏显示效果。原因：在体验上，需要开启用户设备的屏幕旋转功能才能正常观看，用户运营成本高。不同屏幕的手机，长宽比不同，很难呈现出完美的视觉效果。3.视觉上，功能按钮等离页面底部要远一些（128px左右，这个大小不是固定值），具体取决于重构使用的适配方式（仅供参考：640*1136px，从上到下计算，1008px以内的主要内容）。原因：最好为各种屏幕的手机配备，避免按钮被挡住。4、视觉上，慎用PS中的“灯光叠加效果”或“图层样式”效果。例如：给图层添加“柔光”、“屏幕颜色”、“色调”等效果，除非视觉元素可以合二为一。原因：挖坑重构，导致图片切割困难，视觉效果无法还原。5.视觉上，矢量图形？想做简单的动画？导出SVG格式试试！原因：为什么要拒??绝可以缩小尺寸的东西。。。6.动画方面，尽量避免全屏动画，优先做局部动画。如：各种飘过屏幕的粒子效果等。原因：如果呈现的视觉效果无法用代码实现，说明使用了全屏大小的序列帧进行处理，体积会飙升，影响加载体验。7.在动画方面，序列帧压缩提示，静态图片，保存质量高。中间运动的模糊状态，大胆拉低画质。原因：体积被压缩，即使运动状态有锯齿，也不明显。8、重建请将图片上传至“tinypng.com”，并进行压缩以有效减小尺寸。原因：呃，也说说原因吧？好吧，偷偷告诉你，现在这个网站不仅可以压缩png，还可以压缩jpg，更重要的是……支持批量下载！9.重构请压缩音乐，可以大大降低整体音量。提示：如果没有特殊要求，可以考虑制作比特率为48或更低的单声道音频文件。10.重构方面，安卓手机不支持多音频同时播放...也就是说背景音乐和音效不能同时播放！（Mac可以）11、重构方面，视频不能自动播放，最终播放需要用户点击触发。（视频应该使用什么格式？建议使用mp4格式，使用H.264编码器）12、重构请多关注“魅族”手机和华为P6/P7等带虚拟按键的手机屏幕底部。设备容易出故障。说了这么多，再补充几个花絮：◆微信到底用的是什么浏览器内核？嗯，这个问题真的很难说清楚。Android：微信版本5.4-6.1，如果安装了QQ浏览器，使用QQ浏览器的内核。不然就用自带的手机系统吧。微信6.1版本后，嵌入了QQ浏览器内核。QQ浏览器：6.2及以后版本使用blink内核。我之前用过webkit内核。（别晕，如有需要请到：http://x5.tencent.com/index了解更多QQ浏览器）苹果：一直内置于系统中...◆向上滑动转pages，视觉引导的箭头应该向上，而不是向下；除非您单击翻页效果，否则请使用向下箭头。◆指纹扫描？触摸屏幕触发交互？吹气检测气体成分？这些都是假技术，玩的开心就好，哈哈。但是，比如多屏交互、音频解析等，通过各种接口进行技术支持，实现一些交互操作，这些都是未来的趋势！
