设计常规尺寸系列-UI设计尺寸

时间：2023-09-10 03:06:01 | 来源：网站运营

时间：2023-09-10 03:06:01 来源：网站运营

设计常规尺寸系列-UI设计尺寸：

一、手机尺寸倍率：

主流Android尺寸：

（如果想做适配ios，那就选720×1280 分辨率72，像素/英寸。

如果单独设计安卓MD新规范的，那就新建1080×1920 分辨率72，像素/英寸）

1.mdpi[320x480px]

市场份额少，新手机不会有这种倍率，屏幕通常都特别小。

2.hdpi [480x800px、480x854px、540x960px]

早年的低端机屏幕在3.5英寸档位-目前很少。

3.xhdpi[720x1280px]

即平常我们看视频讲的720P，设计图也有人按照此分辨率进行设计。

4.xxhdpi[1080x1920px]，[1440x2560px]

这里强调：目前1080x1920和2560×1440然后都是xxhdpi，适配难免会有误差，下边换算我会再讲到即平常我们看视频讲的2K高清，或1080P，高清视频就需支持此类像素。如今比较常用，设计图也大多以1080这个尺寸做。

注意：720×1280尺寸的换算关系 1dp=2px，文字1sp=2px。也就是说程序员拿到我们的px单位的标注稿，自己除以2就是dp和sp了。

1080×1920尺寸就是1dp=3px，文字1sp=3px

二、手机字体

自从Ice Cream Sandwich发布以来，Roboto都是Android系统的默认字体集。在这个版本中，将Roboto做了进一全面优化，以适配更多平台。宽度和圆度都轻微提高，从而提升了清晰度，并且看起来更加愉悦。

字体 Typography

中文字体：思源黑体Source Han Sans / Noto（是一个字体，叫法不同而已）

英文字体：Roboto

注意：安卓的字号单位是SP

三、android界面设计尺寸有哪些?

Android界面尺寸：480*800、720*1280、1080*1920。[单位：像素]/rAndroid比iPhone的寸尺多了很多套，建议取用720*1280这个尺寸，这个尺寸720*1280中显示完美，在1080*1920中看起来比较清晰，切图后的图片文件大小也适中，应用的内存消耗也不会过高。

四、android app 界面设计按什么尺寸?

给720*1280的手机设计界面时，app的界面尺寸设计也必须是720*1280的，目前最流行的尺寸

五、ios界面设计尺寸有什么规范吗?

iOS界面设计尺寸规范

1、尺寸及分辨率iPhone界面尺寸：320*480、640*960、640*1136、750*1334、1080*1920等。

2、iPad界面尺寸：

1024*768、2048*1536等。

单位：像素72dpi，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计，比较方便预览效果，一般用640*960或者640*1136的尺寸来设计。Ps：作图的时候确保都是用形状工具（快捷键：U）画的，这样更方便后期的切图或者尺寸变更。

六、界面基本组成元素：

iPhone的app界面一般由四个元素组成，分别是：状态栏、导航栏、主菜单栏、内容区域。

七、Android界面设计中常用的单位有哪些?

效果图、切图中的尺寸一般是px，字体大小使用sp，大小、长度使用dp.

八、界面里的小图标常见的尺寸：

24px、32px，48px等，记住4的倍数比较好

注意图标的尺寸要统一尺寸，以眼睛观察为主调整尺寸看上去一样。方形的比圆形的看着要大，需要调整下。

九、启动图标：

1.做1024×1024尺寸，安卓对图标的样式没有要求，你可以做各种形状都行，一般做方形无圆角的，各家手机厂商的定制系统会自己加圆角。

2.然后用 IconTemplate 自动切图一套图标资源丢给程序员就ok了。

3.界面里的小图标常见的尺寸：

24px、32px，48px等，记住4的倍数比较好。

注意图标的尺寸要统一尺寸，以眼睛观察为主调整尺寸看上去一样。方形的比圆形的看着要大，需要调整下。

十、引导页：

值得注意的是引导页切图需要单独设计多套（480×800、720×1280、1080×1920）这个可别傻乎乎的用Cutterman切几套图，这就尴尬了。

适配方法3个原则：（不清楚的在网站搜索适配2字）

1.文字流式

2.控件弹性

3.图片等比缩放







----------
码字不易，如果这个回答帮到了你，请别忘了双击屏幕【点赞】或是【关注】我哦，你的支持，是我持续更新的最大动力！