手机页面原型设计尺寸？ 手机原型设计工具？

产品原型图设计规范

1、以下是一个遵循上述规范的原型图范例：规范的意义 保证统一性：遵循统一的原型图设计规范，可确保原型图在显示上的一致性，减少沟通成本。提高一致性：当多人同时参与原型图设计时，规范可保证设计的一致性。便于交接：规范的设计方案有助于项目交接时，下一任产品经理快速理解并继续推进项目。综上所述，产品原型图设计规范是确保原型图清晰、准确传达设计理念的重要基础。

2、原型的功能架构 在高效的原型规范中，应关注原型背后的产品框架和功能架构。通过提前布置原型架构图，可以全局查看需求的复杂性，并进行优先级划分，将需求分解为更小的部分。综上所述，一套高效且规范的原型设计规范对于产品经理而言至关重要。

3、Axure 这款工具使用稍微复杂一些，但是可根据不同的使用场景，制作符合使用条件的原型图。可以创建团队任务，实现产品团队共同协作完成同一款产品设计。也可以实现常用的产品流程图的制作等。

4、在原型页面的色彩设计中，最好保持一致，无论是文本还是其他图形、图片不要使用太多非黑灰白以外的色值。如果用于演示的产品原型稿件中需要配图标，则需要保持图片的一致性，大小及样式。但在实际的工作中，除了一些指示性比较强的图标，比如搜索、设置、分享等等，其他的尽量不要使用图标素材。

app原型设计规范

在APP原型设计中，遵循一定的规范可以确保设计的一致性和用户体验的流畅性。以下是一套详细的App原型设计规范，涵盖了界面尺寸、其他尺寸及规范等方面。界面尺寸 iOS分辨率 iOS设备具有多种分辨率，但为简化设计流程，通常按照iPhone 6的750x1334（2倍率）进行设计。

App原型设计规范主要包括以下几点：界面尺寸：iOS平台：通常基于750*1344尺寸设计，转换后得到的手机原型尺寸为375x667。Android平台：原型尺寸调整为360*640。字体大小和样式：iOS系统：采用苹方/PingFang SC和San Francisco pro字体。

确定目标用户：首先，要明确APP的目标用户是谁，他们的需求、偏好以及使用场景是什么。这有助于在设计原型时更加贴近用户的实际需求。理解原型意图：明确原型设计的目的是什么，是为了展示功能、测试交互还是其他目的。这有助于设定适当的期望值和选择合适的保真度。

设计母版 将上导航（包括左按钮的返回功能、标题显示位置、右按钮的隐藏对当前页面的操作）和下导航（页面标签）制成母版。母版的设计可以统一APP的界面风格，提高设计效率。全局功能与设计规范 全局功能设计 确定每个页面模板都要用到的功能，如搜索、设置、用户信息等。

原型设计：在开发前期进行APP的原型设计，有助于明确产品的功能和界面布局，为后续的开发和设计提供指导。输出规范：针对Android和iOS制定不同的输出规范，确保APP在不同平台上的兼容性和一致性。页面布局：在页面布局时，尽量兼顾Android和iOS系统，通过微调后输出适用不同尺寸要求的界面。

使用Axure制作App原型应该怎样设置尺寸

首先，确保安装了Axure RP 5 Beta版本，因为这个版本支持更准确的移动设备尺寸。 对于itouch或iPhone，可以设置320×480的分辨率来绘制辅助线，以匹配设备的屏幕尺寸。 在设计过程中，使用F5键生成原型时，需要在“Mobile/Device”选项中选择合适的原型设置，以确保适配移动设备。

使用Axure制作App原型时，设置尺寸的方法如下：查询并确定移动设备尺寸：根据目标用户使用的移动设备类型，查询并确定相应的屏幕尺寸。例如，iPhone4的尺寸为320*480，iPhone5为320*568，iPhone6为375*667，iPhone 6 Plus为414*736，Samsung Galaxy S4为360*640等。

首先，下载并安装Axure软件。 针对iTouch或iPhone设计，可使用320×480的分辨率来绘制辅助线，并据此绘制原型图。 按下F5键生成原型时，在“Mobile/Device”选项中，可以针对移动设备调整特殊的原型设置。 具体设置方法可参考下图：（此图显示页面大小设置为320×480，默认不缩放。

根据选择的设备型号，将原型图设置为对应的尺寸。例如，若选择iPhone X，则宽度设为375，高度可根据需要自定义，但为保持一屏显示，可设为812。生成html文件 原型图设定好后，点击Axure顶部菜单的“发布”，选择“生成Html文件”。

目前比较好的解决办法是：下载Axure 5Beta版。而且不好意思是英文版的。

在上面的动图中，用户可以在输入框中分别输入宽度和高度值，然后点击“按比例调整”或“自由设置”按钮来调整图片的尺寸。图片会根据用户输入的数值进行相应的调整，并实时显示在页面上。