原型设计网页尺寸（网页原型设计工具）
本文目录一览：
- 1、史上最实用的原型设计规范(二)
- 2、web端及移动端原型设计规范
- 3、移动端产品原型设计中的像素规格;(请产品经理、交互设计师回答)
- 4、使用Axure制作App原型应该怎样设置尺寸?
- 5、为什么375x667是移动端原型设计的最佳分辨率
- 6、Axure手机端原型设计尺寸参考
史上最实用的原型设计规范(二)
一般原型设计规范： 产品的内容框架：产品功能的信息架构、流程判断的信息架构、带注解的线框图、过渡页面、带算法的页面、页面流程图（Axure0的页面快照）、多入口流程图、具体模块图、多方协作图、动画效果等。
平面设计（Graphic Design）：是CI系统的视觉表现化，通过平面的表现，突出企业文化和企业形象。
只有原型达到预期设计的目标，才会跳出内部的小循环。
web端及移动端原型设计规范
1、在帮助中应该提供我们的技术支持方式，一旦用户难以自己解决可以方便的寻求新的帮助方式。 合理性规范 030与正在进行的操作无关的按钮应该加以屏蔽（Windows中用灰色显示，没法使用该按钮）。
2、顶栏一般是20px，如果是iPhoneiPhone5的话，因为屏幕分辨率的原因，数值要翻倍，是44px。按钮的最小值是44*44px，同样的，在iPhone4以上的设备里面要翻倍。
3、Web 手机端网页就没有统一标准了，比较流行的做法是按照iPhone 5的尺寸来设计。倍率2，逻辑像素320x568。 这样的做法比较实在，倍率2的屏幕无论在iOS还是Android方面都是主流，而且又是2倍屏幕中逻辑像素最小的。
4、在功能上web做加法，app做减法 web端更重视功能的齐全，能否直观的查看到或者使用更多的功能，所以一般在同一个页面，在界面设计允许的情况下，以功能齐全为优先，功能做加法。
5、Web前端是为了协调前端设计与后端开发之间工作的岗位，是最接近产品和设计的工程师，起到衔接产品和技术的作用，前端为用户可以看到的部分负责，所以也是最接近用户的工程师。
移动端产品原型设计中的像素规格;(请产品经理、交互设计师回答)
可以把「逻辑像素」和「物理尺寸】相关联，在分辨率较低的手机中，可能1pt=1px，而在分辨率较高的手机中，可能1pt=2px，这样的话，一个108*108pt的控件，在不同的手机中就能表现出肉眼观看的差不多的大小，只是分辨率高的展示的更加清楚。
但是界面的框架不是由UI设计师来决定的，产品经理或者交互设计师在绘制线框图的时候已经确定了整个界面的排版布局。
苹果6s 的尺寸750px * 1334px，6s Plus的尺寸就是1242px * 2208 px。两者之间的关系就是5倍，怎么说呢，就是6s之类的手机想要变成Plus，我们设计师稍微想要偷懒一下设计，只需要整体扩大5倍，比如图标。
使用Axure制作App原型应该怎样设置尺寸?
1、不同设备的尺寸是不一样的，但是通常我们可以用360像素*640像素来做原型，这个尺寸适应于大多数分辨率在1080像素*1920像素，屏幕在5~5英寸的移动设备。
2、转载 这里直接给大家提供一个常用的移动设备尺寸列表，制作原型时根据查询的尺寸在axure中设置大小即可，设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口（ include Viewport tag ），并进行配置即可。
3、看你做ios的还是安卓的了，低保真一般ios的设置375*667，安卓设置360*640（就是设计稿的一半）。当然你也可以按设计稿的大小设置。高保真就按设计尺寸来。
4、目前比较好的解决办法是：下载Axure 。而且不好意思是英文版的。
为什么375x667是移动端原型设计的最佳分辨率
1、对于iOS APP的原型，我们PM只需考虑等比关系即可，那就是750x1334。考虑到画原型的时候方便与否，最好使用375x667。另外也是iOS官方定义的iphone6/6s/7的逻辑分辨率。
2、第一， 原型大小，指的是在Axure中对应的长宽。
3、那么在这里我们要引出为什么使用375-667这样的尺寸来做设计了，因为在这种情况下，也就是mdpi的分辨率（约320-480）时，1dp=1px=1pt。
4、可以通过这个测试页面来看看你的移动设备屏幕宽度，这是逻辑像素宽度。 以iPhone 5s为例，屏幕的分辨率是640×1136，倍率是2。浏览器会认为屏幕的分辨率是320×568，仍然是基准倍率的尺寸。所以在制作页面时，只需要按照基准倍率来就行了。
Axure手机端原型设计尺寸参考
一个常用的移动设备尺寸列表，制作原型时根据查询的尺寸在axure中设置大小即可，设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口（ include Viewport tag ），并进行配置即可。
iphone6的分辨率是750*1334xp，状态栏高度是40px。解决方法如下；首先打开axure，下载ios组合元件库。然后引入外壳（竖）部件，该部件自带内部框架。
看你做ios的还是安卓的了，低保真一般ios的设置375*667，安卓设置360*640（就是设计稿的一半）。当然你也可以按设计稿的大小设置。高保真就按设计尺寸来。
