移动端***设计的标准尺寸-2021***设计尺寸

本篇文章给大家谈谈移动端app设计的标准尺寸，以及2021***设计尺寸对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、新人必看!移动端尺寸基础知识
• 2、设计微信小程序是按照什么尺寸做?
• 3、移动端1000px的设计图怎么排版

新人必看!移动端尺寸基础知识

1、既然屏幕本身的分辨率是72，DPI设成72刚好是1倍尺寸，那设成72的两倍就是倍率为2的屏幕了，就这么简单。 下面来看看3个平台各自的画布设置：iPhone iPhone的屏幕尺寸各不相同，我说的是逻辑像素尺寸，这确实是让人很头疼的事情。

2、首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480x800，480x854，540x960，720x1280，1080x1920，而且还有传说中的2K屏。

3、移动端屏幕尺寸：屏幕对角线的长度，单位是英寸（1英寸=54厘米）。常见的尺寸有：4，8，5，7，2，0，5，0 什么是屏幕分辨率？屏幕分辨率：指横纵方向上的像素点数，单位为px，1px=1个像素点。

4、首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480x800， 480x854， 540x960， 720x1280， 1080x1920，而且还有传说中的2K屏。

5、按照这两种尺寸来设计，都是比较主流的做法。可以兼顾短一些的iPhone4s，大一点的6plus也不会过于空旷。不过在切图的时候要注意，由于iPhone6plus的3倍图是由2倍图放大而来，所以位图要注意保证清晰。

6、经常在做移动端网站时，我们会听到一些人说原型稿屏宽做成320px，设计稿做2倍640px，网上也有很多文章说这样说，H5网页的设计稿做成2倍普通屏分辨率就行了。

设计微信小程序是按照什么尺寸做?

1、rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

2、小程序开发尺寸是rpx（responsive pixel），可以实现一稿适配所有屏幕尺寸，小程序编译后，rpx会做一次px换算。换算是以375个物理像素为基准，也就是在一个宽度为375物理像素的屏幕下，1rpx = 1px。

3、微信小程序的设计只需要以iPhone6屏幕尺寸750x1334px为视觉稿进行设计即可，因为微信小程序以rpx为css尺寸单位，rpx可以根据屏幕宽度进行自适应，规定屏幕宽度为750rpx，因此在iPhone6设计稿上1px=1rpx，在尺寸换算上就会很简单。

4、小程序详情页尺寸是750*1600*1400 你在设计稿件中可以把图片做成750px宽，而高度，我建议你做成1600，然后掐头去尾留1400高度作为画布的高度。并且要求考虑到屏幕变长变短后UI是否可以适应。

5、笔者是安卓开发者，习惯于这种可视化的编程，所以没有选择Webstrom或者其他开发工具，接下来将介绍微信开发者工具基本功能。机型选择：小程序以IPhone6的屏幕尺寸为设计标准，让UI小姐姐按照IPhone6屏幕尺寸来切图。

移动端1000px的设计图怎么排版

1、图片与文本的比例应遵循黄金分割原则。无论是什么样的设计，它都是以图片为基础的，或是以文本为导向的，而图文之间的区域关系只符合主、次关系的原则，只有按照“黄金分割”的原则。

2、文字的大小 标题：16px-18px，正文：推荐14px-16px，标注：推荐12px-14px （）文字的样式 针对文章重点内容可以设置不一样的文字样式，比如更改文字颜色，加粗，设置下划线等等；切记不要搞一些花里胡哨的。

3、竖向排版竖向排版，大多数应用在UI设计中，它打破了常规的横向排版思路。这种版式突破固有规则对其的限制，反而是更为自由的排版。竖向版式也是源于平面设计，然后延伸到网页设计中。

4、再插入一张装饰图片，底为透明底，这是一张绿色的蝴蝶装饰图片，按住CTRL+T调整图片大小，然后调整一下蝴蝶的朝向，选中蝴蝶的图层，然后点击编辑菜单-变换-水平翻转，然后移动到主题文字右边。

5、会直接影响整体视线的焦点 图片插入的位置，会直接影响到整体文章的视线焦点，这点非常的重要。而一篇文章的整体版面中，在文章的每一个焦点上恰到好处的插入图片，整个版面的视觉冲击力也就非常之大。

6、对于笔记本电脑，比如1440px宽的大屏幕，使用一行60~80个字符（中文通常控制在每行35~42字），但是，如果是在移动端屏幕上，则每行字符的数目要减少到35~45（中文字数控制在35~45字）。

关于移动端***设计的标准尺寸和2021***设计尺寸的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。