4px原则和点9图学习笔记.docx

4px原则和点9图 今天在文章《产品经理如何摆按钮》中，看到了一个没有听说过的概念“44px原则”，不明觉厉之下，请教了一下移动端设计的朋友，在讨论中顺便提及了android设计中的点9图这个概念，现记录如下： 44px原则 44px原则为ios设计中的一个原则，内容为44px是iphone3gs以下机器，在屏幕上手指触控的最佳范围，而i4以上的机器，手指触控最佳范围为44px的2倍，即88px。此处的44px，指的是长度和宽度，即触控区域的大小，最小为44px*44px，高度可变，宽度可变，但不得小于44px*44px（这里不知有没有理解错QAQ） 点9图 android开发中常说的点9图，指的是应用draw9patch这个工具对图片进行控制，因为是描点控制的，所以也称点9图 事例： 例如这个图 这个日后到机器上可以根据文字长度做变化 怎么变取决于9patch怎么画 打开工具以后，把图放进去 就会显示成这样 现在我开始画9patch的点 紫色的地方就是显示文字的范围 一般情况下 左边和上面决定拉伸的范围，下和右决定内容显示的位置 就是用9patch的点来控制 那些黑色的线，就是用9patch画出来的，是用点来组成的，但是在机器上不会被显示出来 这样就不用切出不同长度的图片适应不用的范围文字 在这个图里，由于箭头部分是不会被拉伸的，所以在左边描点的时候，要避开箭头部分，只把要拉伸的部分描点描出来 点9图的原理，和css中的滑动门效果原理类似，参考链接： /s/blog_66d633640100lp69.html