手机app网页设计尺寸（app页面设计尺寸）
本文目录一览：
- 1、设计APP平面时图片的分辨率是多少?
- 2、网页设计如何设置宽度网页设计如何设置宽度和高度
- 3、web端及移动端原型设计规范
- 4、怎样规范设计移动端APP的UI
- 5、移动端H5页面的设计稿尺寸(上)
设计APP平面时图片的分辨率是多少?
顶栏一般是20px，如果是iPhoneiPhone5的话，因为屏幕分辨率的原因，数值要翻倍，是44px。按钮的最小值是44*44px，同样的，在iPhone4以上的设备里面要翻倍。
最常用的图标大小是192x192像素。-Windows：Windows10应用程序图标的大小应该是256x256像素。androidapp界面设计是按720*1280的，切图上可以点9切图做到所有手机的适配。
使用多少分辨率要看看所作app是针对什么用户群的。如果是高端，就以1280x720为准，在适配时，其他机型按比例缩小。如果是大众化的，就以480x800为准，在适配时，其他机型按比例缩小或放大。
尺寸及分辨率 Android界面尺寸：480*800、720*1280、1080*1920。
xhdpi （Extra-high density screen， 320 DPI），其图标大小为 96 x 96 px。
iPhone界面尺寸：320*480、640*960、640*1136（单位都是像素：px）。当然在设计当中我们并不需要每一种尺寸都做一套图，建议取用640*960的尺寸设计。手机ui设计是手机软件的人机交互、操作逻辑、界面美观的整体设计。
网页设计如何设置宽度网页设计如何设置宽度和高度
首先打开html编辑器，设置一个p并对p设置固定宽度和高度，还要在p里面插入一张图片。
设置页边距！--3第3步 设置页边距 带第一步、第二步 样式--在页面设置中，设置页边距即可。
在800*600下，如果网页宽度保持在778以内，就不会有水平滚动条。高度取决于布局和内容。在1024*768下，网页宽度要保持在1002以内。如果框满，身高在612-615之间。不会有水平滚动条和垂直滚动条。
web端及移动端原型设计规范
在帮助中应该提供我们的技术支持方式，一旦用户难以自己解决可以方便的寻求新的帮助方式。 合理性规范 030与正在进行的操作无关的按钮应该加以屏蔽（Windows中用灰色显示，没法使用该按钮）。
cascade级联组件定义：存在父子层级关系的选择枚举组件。使用场景：用于含有层级关系的枚举组件，例如：省市、组织架构、不同导航层级等；点击激活选择框，出现级联选择浮层。
web端更重视功能的齐全，能否直观的查看到或者使用更多的功能，所以一般在同一个页面，在界面设计允许的情况下，以功能齐全为优先，功能做加法。
怎样规范设计移动端APP的UI
1、先构建和改善一种屏幕方向，然后再制作另一种。注意每种布局的利弊，睿智地加以利用和改良。YouToube应用官方版本为不同的方向模式设计了不同的布局，两者都在各自的纵横比下完美地运转。
2、可以采用扁平化设计、简洁的色彩和字体搭配等方式，让用户在短时间内找到自己需要的信息。
3、从用户的角度来看，APP指导性设计八个规范：充分考虑用户的使用习惯。尽量减少产品层级以及深度。操作栏的设计。必须遵守确保优先展示操作按钮的准则。设计要主次分明。
4、每个屏幕只提供一个动作主题在apPUI设计技术中，每个图像应该有一个单独的主题，这样用户不仅可以真正地使用它，而且还可以使它更容易开始和使用。如果一个屏幕支持两个或更多的主题，它会立即使整个界面看起来很混乱。
5、所以要求我们移动APP设计者必须按照下面的三大准则和八项标准来设计。【手机APPUI界面设计】三大准则：（1）不乱用颜色。一个页面内不要超过3种颜色 （2）不乱用大图片当背景。
6、对于熟知桌面端UI设计的设计师而言，接下来的7个设计要点能帮你快速转向移动端设计，让你看起来像是专业的移动端UI/UX设计师。
移动端H5页面的设计稿尺寸(上)
1、经常在做移动端网站时，我们会听到一些人说原型稿屏宽做成320px，设计稿做2倍640px，网上也有很多文章说这样说，H5网页的设计稿做成2倍普通屏分辨率就行了。
2、H5的尺寸一般设计为640x1136px 既满足了显示需求，又能降低用户加载图片需要的带宽。可以用各种分辨率的移动智能手机查看我们设计的H5页面时，当然，也会出现如下的情况，内容显示不全，甚至一些重要内容和按钮都会被遮挡。
3、一般安全区内框的尺寸是375X603PX，但在制作上又是另外一回事了，作铺满内框的图要按照这个尺寸的2倍大小去做。出血区也就是外框尺寸是422X748PX，作铺满外框的图要按照这个尺寸的2倍大小去做。
4、h5页面设计规范 把重要内容布局在安全线之上。目前包含android和ios最小分辨率均在640*960之上。
5、你好 手机像素尺寸，现在市场上大部分是：720*1280px，当然，还有680*1008；苹果的不知道。五六尺寸是：360*640 建议以：720*1280px为准来设计手机版面，ps：避免做到手机上以后图片失真。
6、如果以iPhone为设计设备，尺寸一般是使用750x1334，1125x2436，1242x2208这三种尺寸设计都可以，750x1334是2倍图设计，1125x2346和1242x2208都是3倍图来进行设计。
