手机app网页设计尺寸（app页面设计的尺寸）

本文目录一览：

• 1、PC端UI设计尺寸规范?
• 2、移动端界面设计常识规范
• 3、移动端页面尺寸设计要考虑哪些因素
• 4、app图标标准尺寸是如何?
• 5、安卓app界面设计尺寸规范安卓app界面
• 6、移动应用界面设计的尺寸设置及规范

PC端UI设计尺寸规范?

Android的最小点击区域尺寸是48x48dp，这就意味着在xhdpi的设备上，按钮尺寸至少是96x96px。而在xxhdpi设备上，则是144x144px。 无论画布设成多大，我们设计的是基准倍率的界面样式，而且开发人员需要的单位都是逻辑像素。

众所周知，安卓系统是开源的，国内又有超多的手机厂商，小米、魅族、华为、oppo、三星等，每一个品牌有属于自己的UI设计规范，但是我们主要分析UI界面尺寸规范。字体 安卓系统中文采用的是思源黑体，英文字体为robot字体。

如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来设计，常见是用1倍尺寸来说，也就是375*667或者375*812（iPhone X）。

通过比较两个不同世界（真实与虚拟）的事物，完成更好的设计。如：书籍对比竹简。排列 一个有序的界面能让用户轻松的使用。软件的交互流程，用户可以控制。功能的执行流程，用户可以控制。

运营能力的提升 作为UI设计师，界面设计是不可或缺的。网页、banner、专题页等，不要以为设计师和运营、营销没有关系，恰恰相反，如果只考虑视觉效果而忽略用户反映的真实数据，这样的设计在业界显然是不可行的。

在日常工作中，UI设计师一般要做的事情还挺多的（手机端UI和网页UI大多数情况由同一人完成，大公司分工比较细，会分开）。

移动端界面设计常识规范

1、从移动端有限的屏幕以及页面加载速度这两方面来考虑，相较而言越简单的排版会越容易引起关注。这是因为我们的大脑一开始看到这种简洁排版，会立刻出现“嗯我可以马上看完不费劲”的潜意识信息而带着轻松的态度去阅读。

2、iOS界面规范首先苹果分为两种尺寸，一种是中码比如6s、8等，这种我们一般切图命名为@2X。还有一种就是Plus版本，这种一般切图命名为@3X。苹果6s 的尺寸750px * 1334px，6s Plus的尺寸就是1242px * 2208 px。

3、作为UI设计师，一定要具体掌握界面的大小尺寸来适应美学观点，让人感觉协调舒适，能在有效的范围内极快吸引用户的注意力。

移动端页面尺寸设计要考虑哪些因素

像素密度 我们要引入最重要的一个概念：像素密度，也就是PPI（pixelsperinch）。这项指标是连接数字世界与物理世界的桥梁。Pixelsperinch，准确的说是每英寸的长度上排列的像素点数量。

从移动端有限的屏幕以及页面加载速度这两方面来考虑，相较而言越简单的排版会越容易引起关注。这是因为我们的大脑一开始看到这种简洁排版，会立刻出现“嗯我可以马上看完不费劲”的潜意识信息而带着轻松的态度去阅读。

首先说300，这和人眼的分辨能力有关。由于1英寸是固定长度，每1英寸有多少个像素点决定了画质清晰程度。之前说过，这就是像素密度，也就是DPI。DPI达到300以上，其细腻程度就会给人真实感，像真实世界中的物件。

实际上大部分的app和移动端网页，在各种尺寸的屏幕上都能正常显示。说明尺寸的问题一定有解决方法，而且有规律可循。像素密度 要知道，屏幕是由很多像素点组成的。之前提到那么多种分辨率，都是手机屏幕的实际像素尺寸。

移动端界面尺寸应该怎样设计？众所周知移动端界面设计的尺寸与电脑端的尺寸设计是不一样的，有的企业因为费用会选择设计兼容性好点的电脑页面，但是这样的网站肯定没有直接设计的手机端界面更好。

最佳状态下，多数笔画通常都能排列在像素网格中——像素字体，如果你还记得的话，那些字体仅仅在字号调整到最佳状态下才有效。将字体设为最佳状态能形成更强烈的对比。

app图标标准尺寸是如何?

1、- iOS：对于 iPhone，应用程序图标应该是 180 x 180 像素。对于 iPad，应该是 152 x 152 像素。此外，您还需要提供不同大小的图标用于在 App Store 中显示和在设备上显示的不同位置使用。

2、最常用的图标大小是192x192像素。-Windows：Windows10应用程序图标的大小应该是256x256像素。androidapp界面设计是按720*1280的，切图上可以点9切图做到所有手机的适配。

3、LDPI （Low Density Screen，120 DPI），其图标大小为 36 x 36 px。MDPI （Medium Density Screen， 160 DPI），其图标大小为 48 x 48 px。HDPI （High Density Screen， 240 DPI），其图标大小为 72 x 72 px。

安卓app界面设计尺寸规范安卓app界面

如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来设计，常见是用1倍尺寸来说，也就是375*667或者375*812（iPhoneX）。Android界面尺寸：480*800、720*1280、1080*1920。

androidapp界面设计是按720*1280的，切图上可以点9切图做到所有手机的适配。

iPhone界面尺寸：320x480、640x960、640x1136iPad界面尺寸：1024x762048x1536iPhone概况iPhone，是苹果公司旗下研发的智能手机系列，它搭载苹果公司研发的iOS手机作业系统。

安卓界面规范 众所周知，安卓系统是开源的，国内又有超多的手机厂商，小米、魅族、华为、oppo、三星等，每一个品牌有属于自己的UI设计规范，但是我们主要分析UI界面尺寸规范。 字体 安卓系统中文采用的是思源黑体，英文字体为robot字体。

-Windows：Windows10应用程序图标的大小应该是256x256像素。androidapp界面设计是按720*1280的，切图上可以点9切图做到所有手机的适配。

移动应用界面设计的尺寸设置及规范

如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来设计，常见是用1倍尺寸来说，也就是375*667或者375*812（iPhoneX）。

***在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机尺寸来设计，比较方便预览效果，一般用 640×960 或者 640×1136 的尺寸设计。其中设计稿的画布分辨率设为默认的72ppi（此时1px=1pt ），所以设计师可以统一采用px为单位。

来分析一下界面的尺寸规范：首先是状态栏，就是信号电池栏的高度为40px。导航栏部分，就是“设置”栏高度为88px。而下边的底部栏（导航栏）高度则为98px。注意这三种尺寸是规定比较死的。

Android界面尺寸：480*800、720*1280、1080*1920。由于安卓设备众多，一个应用程序图标需要设计几种不同大小，如：LDPI（LowDensityScreen，120DPI），其图标大小为36x36px。

设计Android应用时，有的设计师喜欢把画布设为1080×1920，有的喜欢设成720×1280。给出的界面元素尺寸就不统一了。Android的最小点击区域尺寸是48x48dp，这就意味着在xhdpi的设备上，按钮尺寸至少是96x96px。

iPhone界面尺寸：320x480、640x960、640x1136iPad界面尺寸：1024x762048x1536iPhone概况iPhone，是苹果公司旗下研发的智能手机系列，它搭载苹果公司研发的iOS手机作业系统。