https://www.cnblogs.com/fang51/p/4286481.html 移动端尺寸繁多，包括IOS和安卓，尺寸多达十余种，所以移动页面尺寸的适配一直是前端和设计的头疼。今天来总结一下当前市场上的一些移动端尺寸，方便设计师和前端去考虑适配。但是最好还是针对自己的产品做调查 ...

5.dpi：平面设计/印刷技术单位，值越大，表明打印机精度越高 dpi=ppi 二、Andro ...

图标尺寸规范和删格化 参考资料 https://www.cnblogs.com/zhaoxinmei-123/p/11960880.html ...

1.制作的步骤： 工具：AI（可选择） （1）在AI中设置参考线和网格：ctrl+k:参考线：10 网格：10 （2）视图：勾选：对齐网格、对齐像素、对齐点（是为了保证没有半像素化，icon的边缘不虚华） （3）按照下面的图标尺寸和删格进行制作 2.图标尺寸规范和删格化 ...

那么多手机屏幕尺寸，设计稿应该按照哪一个尺寸作为标准尺寸。现在已经有2K分辨率的手机屏幕了，设计稿是不是也要把宽高跟着最大分辨率来设计。显然不是。 请注意：（以下所有讨论内容和规范均将viewport设定为content=”width=device-width”的情况下） 也就是我们的H5页面 ...

当我们在做手机端H5网页设计稿时（当然包含微信端的H5网页设计），如果没有做过类似的移动端的设计，UI设计师和前端工程师肯定会纠结的。如果是app设计师，就不会那么纠结啦。 那么多手机屏幕尺寸，设计稿应该按照哪一个尺寸作为标准尺寸。现在已经有2K分辨率的手机屏幕了，设计稿是不是也要把宽高跟 ...

开篇说： 上一篇，我写过一篇综合类的设计规范和适配。 这一次我想重点写一下：网页PC端产品设计规范和组的设计拆解，对项目的设计效率提升，有一定价值和意义。 分析项目设计中的组件，设计元素，设计规范与设计稿到开发的最后，尽可能保证产品设计还原的一致性。 思考项目设计的实际场景 ...

以iphone6设计图为基准 做法一: 做法二: 两者页面元素尺寸都以rem为单位，但是文字字体大小不要使用rem换算， 而是使用媒体查询来进行动态设置，比如下面的代码就是网易的代码： 或者： ...