原型设计尺寸网页，原型页面设计

摘要： 使用Axure制作App原型应该怎样设置尺寸1、首先，确保安装了Axure RP 5 Beta版本，因为这个版本支持更准确的移动设备尺寸。 对于ito...

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

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

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

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

UI设计中的原型规范

遵循这些规范的重要性在于，它们源自苹果每年评选的最佳APP设计经验。遵循这些规范制作的原型和产品，用户体验通常更佳。在处理原型中的线条感时，建议使用不同饱和度的灰色填充元件，以取代边框，这样既可以减少线条感，又能提升整体视觉效果。最后，预览原型时可能会出现对齐问题和文字排版混乱。

在制作产品原型时，必须正确定义框架、行、列，以便整个设计遵循网格结构。通常使用1140px的12列设计，网格单元之间设置15-30px的边距。3 内容添加到网站UI原型 与线框不同，原型需要使用真实的文本和块来表示标题，而不是简单的线条。

在iPhone6的原型图上，统一成88px。在iPhone6设计稿中，88px是一个常用的设计尺寸。搜索栏高度规范 搜索栏的高度，在iPhone6的原型图上，统一成58px。界面元素之间的距离规范 在iPhone6设计稿中，界面元素之间的常用距离，亲密距离：20px；疏远距离：30p x。

软件设计前期，美工参与需求了解，分析同类软件界面有缺点，提出主色调、典型界面风格、以及构思整个美术包装等。 2：界面原型设计过程中，与开发人员共同修改、商榷最终表现样式，以及确立UI标准。

手机端原型设计尺寸是多少

手机端原型设计尺寸根据具体设备和设计需求有所不同，常见的尺寸包括360x640px、375x667px、375x812px等。360x640px：这是一个较为通用的手机端原型设计尺寸，适用于多种设备和屏幕尺寸。它能够在保证设计细节的同时，兼顾不同设备的显示效果。

iOS平台：通常基于750*1344尺寸设计，转换后得到的手机原型尺寸为375x667。android平台：原型尺寸调整为360*640。字体大小和样式：iOS系统：采用苹方/PingFang SC和San Francisco Pro字体。Android x以上版本：推荐使用思源黑体/Noto Sans Han，0以下版本使用Droid Sans Fallback。

我设计的时候，一般尺寸是：376*800。有时候为了效果需要，高度会增加一些，但宽度不会变动了。这样基本也满足了手机端的原型规划需求。 当然，如果要做PAD端的话，那尽量还是去比配对应的尺寸。下午提供网上摘抄的尺寸列表图，仅供参考。

目前市面上显示器屏幕尺寸为19-21寸，屏幕分辨率大概在1280px*800px—1440px*900px之间，前端工程师在写页面时，宽度一般设为1180px—1220px（当然，这个宽度也不是绝对固定的）。因此在做产品设计时，设计Web端产品，宽度会设为1400px作为容器，位于容器上方再画一个1200px的矩形，内容区域的容器。

确认设备后，将原型图尺寸设置为375宽，高度自定义，以适应屏幕显示。在Axure顶部菜单点击【发布】，选择生成HTML文件，确保选择【移动设备】，最后生成文件。原型图的远程访问（原型托管服务）利用原型托管服务让原型在手机上实时预览，是提高演示效果的关键。

Axure设计网站原型时,网站宽度和高度怎么设置比较好

1、【页面宽度】在设置页面宽度时，应考虑不同浏览器的边距调整。在IE0下，宽度应为显示器分辨率减去21像素；在Firefox下，宽度应为分辨率减去19像素；在Opera下，则为减去23像素。为了兼容性，建议网页宽度适当缩小，例如800分辨率设为760像素，1024分辨率设为990像素。

2、打开Axure软件，创建一个新的原型项目。在“页面属性”或“画布设置”中，将画布的宽度和高度设置为查询到的移动设备尺寸。设计原型：根据设定的尺寸，在Axure中进行App原型的设计，包括界面布局、交互逻辑等。生成Html并配置视图接口：设计完成后，选择“生成html”功能，将原型导出为HTML文件。

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