产品经理原型设计不规范吗？让我们看看规范的原型是什么样的！标准原型文件的基本组成部分是什么？不同端口的原型尺寸规格是什么？页面目标如何影响页面布局？原型在产品工作中的意义和价值是什么？3月1日晚8点，12岁产品经理@凤凰老师将实际拆解产品原型的设计规格和布局要点！还有机会免费领取38份实用原型资料！私信回复关键词，获取报名方式。

网页的大小受到两个因素的限制:一个是显示屏。现在显示器种类很多，21寸为主流，向23寸和宽屏发展。但目前19寸显示器，甚至17寸显示器也不少。另一个是浏览器软件，常用的有IE、Friefox、360浏览器等。基本上，网页的宽度是屏幕尺寸减去22px，也就是页面的宽度。比如分辨率为800*600的屏幕，页面宽度应该小于778像素，宽度为1024的页面应该设置为不大于1002px(一般为950或960)，等等。

目前各大网站以960/950为主，促使各大网站向宽屏转变。原因是1024*768分辨率的浏览器早已成为主流，屏幕越来越宽，比如1280*1024。这些网站的宽度大多是950px/960px而不是1002px(腾讯的是1002px)。每个人对这个问题都有不同的看法。我觉得这里主要考虑两个因素:视觉效果和用户体验。

如果你是初学者，我建议1024的页面可以是1005宽或者900多，qq的页面可以是910。不要想太多。qq的人不知道这些问题吗？如果规划的好，也可以按%定义宽度，但是很难控制，一般是98%宽度。因为不可能面面俱到，除非你针对不同的分辨率做不同的页面，一个页面适应多个分辨率是一件吃力不讨好的事情。

在网页设计之初，我们就应该像绘画一样定义网页的大小，以便于设计。网页的大小受到两个因素的限制:一个是显示器屏幕。显示器的种类很多，以17寸为主流，并且在向19寸和宽屏方向发展。但是目前15寸显示器也很多。另一种是浏览器软件，也就是我们常用的，即漫游。

宽度:1。在IE6.0下，宽度是显示分辨率减21。例如，1024的宽度变成了1003。但是，值得注意的是，无论你的网页有多高，IE6.0(或更低版本)都会在右边有一个滚动条框。2.在Firefox下，宽度的百分比减少了19。比如1024的宽度19变成了10053，在Opear下，宽度的比例减少了23。例如，1024的宽度变成了1001。注意:当内容小于浏览器高度时，Firefox或Opear不显示右滚动条。

网页的背景取决于网页的要求。网页设计的标准尺寸是1800 * 600。如果网页宽度保持在778以内，就不会有水平滚动条，高度取决于布局和内容。2.1024*768，网页宽度保持在1002以内，如果全框显示，高度在612，615之间。不会有水平滚动条和垂直滚动条。

对于刚入行的UI设计师来说，最常犯的错误就是在设计手机app的时候，不知道什么尺寸或者什么屏幕尺寸最合适。为了解决这个问题，今天我们就简单梳理一下制作UI时最基本的尺寸规格。现象首先，我们都知道移动设备的屏幕尺寸非常大，碎片化严重。尤其是安卓系统，你会听到很多分辨率:480×800，480×854，540×960。

1080×1920，还有就是传说中的2K屏。近几年iPhone的碎片化也愈演愈烈:640× 960，640× 1136，750× 1334，1242× 2208。不要被这些尺寸吓倒。事实上，大多数appUI设计和移动网页都可以在各种尺寸的屏幕上正常显示。说明大小问题一定有解决的办法，有章可循。每英寸像素要知道屏幕是由很多像素组成的。

Size要根据不同手机的屏幕分辨率不同来指定。一般渲染主流是做480*800来测试，iphone4(或S)用的是640*960，但这只是渲染。在实际开发中，需要使用point 9来做屏幕适配。常见的手机显示分辨率:96x65、96x96、128x96、128x128、160x128、160x160、176x144、220x176、240x176、320x240、640x480、800x480苹果4:960×640像素。3.5英寸三星:480×800分辨率小米:480×8544英寸TFT屏幕安卓手机屏幕尺寸1280×800854×480640×480480×800432×240400×240320×480320×512320×240扩展信息:

感谢作者:Arche Abei后台产品设计规范以下数值供参考，请结合具体产品灵活使用。1.页面布局统一尺寸据统计，PC端用户屏幕分辨率前三位分别是1920*1080、1366*768和1440*900，如果用1440设计的话，向上适配或者向下适配的误差会比较小。适配方案:对于多个客户，后台产品设计的功能页面大小为1440*900，根据网格系统原理向上或向下适配。