当前位置:首页 » 网页前端 » axureweb原型尺寸
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

axureweb原型尺寸

发布时间: 2022-06-21 09:52:32

⑴ Axure怎样设置页面尺寸

您好:

文件下的纸张尺寸与设置这里可以设置页面尺寸。

其他版本请自行查找。位置不会太远。

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

制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口( include Viewport tag ),并进行配置即可。
移动设备分辨率与原型尺寸对照表:

2、axure原型制作时还有几点注意事项:

2.1、页面命名最好都用英文,以防中文在解压时出现乱码;

2.2、APP主页面不要用index来命名,否则打开Index时默认隐藏侧边栏,后续无法复制URL;

2.3、设计尺寸大小取决于选择的演示方式:

a).Web APP模式:屏幕高度-ios设备状态栏高度,eg:设计尺寸=480-20px=460px;

b). APP打开模式:采用设备默认尺寸。

⑶ axure怎么做web页面高保真

一般来说,axure的原型分成两种,低保真和高保真。低保真就是线框图,主要作用是给研发交付,做开发的参考,只要能能实现讲清楚页面的功能和逻辑就可以了,特点是高效、快速;而高真原型主要是在产品初期给公司领导、用户演示,除了要完成低保真的功能,对于原型的界面风格和交互都有要求,高保真的原型特点是效果好、更接近真实的产品,但是开发起来很费事件。这两种原型适用与不同的需求场景。
对于高保真来说,主要要实现以下几个方面:
1、页面布局尺寸要准确,最好能够实现自动适应屏幕;
2、页面风格,包括颜色、字体、行间距等,都要按照规范设计,这个阶段,往往需要UI的介入;
3、交互要能够实现,至少要实现所有的菜单功能,并且要实现主要细节页面;
按照上面的要求,高保真的原型除了基本的原件之外,一般都要使用到动态面板、中继器、内联框架等元件,需要产品经理能够对这些元件掌握的比较好。
总得来说,实现一个高保真的原型是比较复杂的,对于新手来说,还是比较困难的。
不过也有一些现成的pc端的高保真原型框架,可以下载直接使用。

⑷ Axure做的APP原型手机怎么预览

一、原型默认整体大小为640*960即可,位置为x为0、y为0起始,这样即可 二、下拉效果可以做,用动态面板来完成,可以上下拖拽。 三、可以放在web服务器上,就可以通过http的方式来访问

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

【页面尺寸】网页的尺寸受限于两个因素:一个是显示器屏幕(显示器现在种类很多,17寸为主流,正在朝19寸及宽屏的方向发展,但目前也有为数不少的15寸显示器)另一个是浏览器软件(我们常用的IE、遨游、Friefox等)

【页面高度】高度是可以向下延展的,所以一般对高度不限制。对于一屏来说一般没有一个固定值,因为每个人的浏览器的工具栏不同,所以高度没有确切值。

【页面宽度】
1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。
2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成1005
3、在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001
如果是1024的分辨率,你的网页不如设成1000安全一点。设成900两侧空白更大,视觉上更舒服一点。也方便做一些浮动层的设计。如果是800的分辨率一般都设成770。但也有设成760的。这些需要明白并且牢记,不然很可能做出来不符合浏览器要求。不过一般我们都会设定的再稍微小一点,因为有些浏览器加了插件或者其他的东西宽度会有变化,所以 800的分辨率一般设定760左右,1024的设定990左右。
网页设计标准尺寸参考:
1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。
2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间,就不会出现水平滚动条和垂直滚动条。
3、页面长度原则上不超过3屏,宽度不超过1屏,每个标准页面为A4幅面大小,即8.5X11英寸。
4、全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px (另外120*90,120*60也是小图标的标准尺寸 )
5、每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K

【网页广告尺寸】
1、120*120,这种广告规格适用于产品或新闻照片展示。
2、120*60,这种广告规格主要用于做LOGO使用。
3、120*90,主要应用于产品演示或大型LOGO。
4、125*125,这种规格适于表现照片效果的图像广告。
5、234*60,这种规格适用于框架或左右形式主页的广告链接。
6、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。
7、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。
8、88*31,主要用于网页链接,或网站小型LOGO。

【广告形式 像素大小 最大尺寸】
BUTTON 120*60(必须用gif) 7K;215*50(必须用gif) 7K
通栏 760*100 25K 静态图片或减少运动效果;430*50 15K
超级通栏 760*100 to 760*200 共40K 静态图片或减少运动效果
巨幅广告 336*280 35K;585*120
竖边广告 130*300 25K
全屏广告 800*600 40K 必须为静态图片,FLASH格式
图文混排 各频道不同 15K
弹出窗口 400*300(尽量用gif) 40K
BANNER 468*60(尽量用gif) 18K
悬停按钮 80*80(必须用gif) 7K
流媒体 300*200(可做不规则形状但尺寸不能超过300*200) 30K 播放时间 小于5秒60帧(1秒/12帧)

【网页中的广告尺寸】
1.首页右上,尺寸120*60
2.首页顶部通栏,尺寸468*60
3.首页顶部通栏,尺寸760*60
4.首页中部通栏,尺寸580*60
5.内页顶部通栏,尺寸468*60
6.内页顶部通栏,尺寸760*60
7.内页左上,尺寸150*60或300*300
8.下载地址页面,尺寸560*60或468*60
9.内页底部通栏,尺寸760*60
10.左漂浮,尺寸80*80或100*100
11.右漂浮,尺寸80*80或100*100

⑹ axure是什么

axure原型可以做成线框的低保真原型和呈现出图文效果的高保真原型,如果产品经理需要通过颜色对比等来展现出原型设计的效果时,就需要使用高保真的交互原型了。
同时,可以将axure的原型文件上传至蓝湖,可以实现手机上预览,也可直接在蓝湖上生成代码给工程师使用

⑺ Axure这个软件是做什么的。建模

Axure RP 是一套高度拟真的网站与APP 原型建构工具,可以让设计师们利用软件内的组件快速设计出产品原型,本身提供强大的交互支持,设计出的原型和实际产品在交互上体验感几乎没有区别。另外,软件也支持多人协作模式和版本控制管理的功能 。

产品原型设计简单的说就是产品的一个简单框架。设计网站和APP原型就是把各个页面元素组合在一起,在增加一些交互动作。

虽然Axure官方提供的素材很少,但这款软件提供灵活的组件自定义功能,市面上有很多成熟好用的由热心网友开发的第三方组件可以使用,使得其组件数量及其庞大,基本没有设计不出来的产品。

所以,Axure目前也是原型设计行业的标杆软件,属于入门必会的 ,亦是行业标准之一,与Sketch齐名,二者均是原型设计的领域的必备工具。

(7)axureweb原型尺寸扩展阅读:

Axure的特色功能:

1、快速建构概念原型

Axure RP 利用几何形状、文字等等物件工具,帮助您快速建立美观拟真的网站或APP 原型。也可以建立格线系统精确呈现物件位置、汇入图片、建立色块、改变物件形状和半透明填色呈现各种视觉表现的概念。

Axure RP 中还有许多物件可以帮助您快速且有效的将方案以正确的拟真度表现给客户、协助沟通与专案的进行。

2、呈现拟真互动效果

Axure RP 可以简单地透过建立页面连结功能帮助您的原型呈现互动。提供下拉选单、动态内容、状况逻辑设定、计算、动态Hide/Show Layer 效果等许多互动的物件与功能,并允许使用者可以设定点击、Mouse over 或手指滑动触发互动。

可模拟AJAX/Flash 动态效果,可任意加入注解与超连结。拟真的互动效果可以为客户提供一个真实网站的意象,帮助您在方案开发前期与客户沟通问题、得到回馈、评估以及执行使用者测试。

3、Adaptive views 响应式设计

Axure RP 可以帮助使用者自由定义adaptive views 的宽度,增加不同宽度的子视角。主视角增加的物件也会在子视角呈现,使用者可以依据子视角的宽度调整页面的排版。

使用者可以编辑主视角的物件内容、物件特性、尺寸大小或是互动设计规划,其更变也会在其他子视角呈现。但是在子视角作出的内容更变是不会影响主视角的。

以这样同物件跨越不同视角的操作,可以快速帮助使用者完成adaptive views 的版面呈现。而prototype 因宽度改变视角可以在浏览器上拟真的呈现。

4、Axureshare 云端分享功能

Axure RP不仅提供使用者可以立即在网页浏览器上观看prototype 呈现的效果的功能,还可以产生HTML 档案,并加上云端功能,让使用者上传到Axure Share 分享给其他共同工作者。即使共同工作者没有安装Axure RP 一样也可以透过云端的连结观看与使用prototype。

5、建构流程图与规格文件

Prototype亦可以输出成Spec文件,可以帮助使用者以更少的时间达成更精准的沟通。并提高与PM/Planner沟通的正确性,可以借由体验Prototype,更清楚知道网站规划细节,建立流程图并与页面建立关连(帮助IT了解动线流程),减少口头说明的时间。

借由精准的沟通,可以降低弄错后修修改改、造成时间delay、成本大增避免重工、直接重复使用(reuse)。

参考资料来源:网络——axure rp

⑻ AXURE原型需要做到什么程度

AXURE做原型分为低保真、高保真两种,再复杂就是有交互效果的原型。

低保真就是只有线框图。 纯粹的只用线框来表示功能,没有做任何的渲染。 这种低保真我认为适合在公司内部最初梳理功能、流程,并且不需要想客户演示时候使用。

高保真原型。 下面我认为都是高保真原型。 前面的只是简单的很白色渲染,后面是用真正的图片渲染。 这两种可以根据客户类型和项目时间来决定出那种。 前面好处是更接近真实效果,而且不影响美工视觉,出的速度很快。 后面的对美工影响很大。很可能会完全照做。

还有一种就是可以交互的。比如你输入用户名和号码后,点击登录会跳转到首页。只是数据是静态数据。这种原型做出来要花很长时间。但却是搜集客户需求,避免开发成本的最好原型。因为是可以交互的,最大程度还原产品。 另外原型就是拿来不断修改的,并不是做了一次就定下。之所以做原型就是开前确定需求功能,避免因客户需求变动返工。

高保真的原型图的用途有几大方面:

一、开发人员需要参与高保真原型图的设计当中,同时,他需要对这款产品的交付期作一个判断,而产品经理根据开发人员的判断,对于整个产品的周期做一个监控;

二、高保真原型图还需要给你的总监以及老板看,让你的管理层知道真实的产品的样子;

三、用于产品原型测试,把你的产品创意真正的传递到用户眼前。相对于写在纸上的产品设计文档,产品原型更加有效,因为这可以让所有的测试人员以及用户知道你的产品创意所在。 在制作产品高保真原型的时候,你需要密切的与产品交互设计师进行合作,以将产品设计的尽量的简单和易用。产品经理与交互设计师最好能在同一处的办公室办公,因为这样能方便对于产品的交流。

在有些公司,产品的交互设计以及产品高保真原型通常也由产品经理来完成。高保真原型的制作涉及的东西更多,不仅仅只是核心功能的设计,有时候一个按钮是设计和文字的描述就很要命。相信很多产品经理都设计过一些按钮,如果一个按钮既要表达状态也要表达操作,那么这类的按钮是十分费神的。

高保真原型的制作软件目前较为流行的是AXURE,这款软件设计绝大多数的交互内容。并且使用起来也十分方便。笔者也十分喜欢。在完成高保真原型图后,你需要做的就是,可用性测试,也就是确定你的设计方案能满足用户一看就懂的基本需求。

原型的测试有很多方式,如果某些产品已经拥有自己的用户群,可以直接在用户群当中进行测试,如果你的产品没有,那么简单点,公司的同事就是你的测试用户。在公司中,找出你的目标用户,用你的高保真原型图让她们用用。

制作一个高保真原型图很耗时间的。但是用户测试也是必须的,在产品还没有进入开发前做用户测试会让你的产品后续的逻辑更加清晰。无论是客户端产品还是web端的产品,能用高保真原型做用户的可行性测试最好还是用原型进行一次的测试。

⑼ 什么是Axure及产品原型

axure RP是一款快速原型设计工具,它不需要任何编程或写代码基础,就可以设计出交互效果良好的产品原型,常用于互联网产品设计、网页设计、UI设计等领域。
作为一款热门的原型设计工具,它可以完成很多纸和笔画不出来的事情,特别是高交互的页面,用动画效果展现让人瞬间清楚你要表达的内容。
原型:用线条、图形描绘出的产品框架,也称线框图。
原型设计在整个产品流程中处于最重要的位置,有着承上启下的作用。何出此言?原型设计之前需求或是功能信息都相对抽象,原型设计的过程就是将抽象信息转化为具象信息的过程,之后的产品需求文档(PRD)是对原型设计中的版块、界面、元素及它们之间的执行逻辑进行描述和说明。所以说,原型设计的重要性无可替代,产品经理应当要对此有绝对的控制和驾驭能力。
话说回来,原型设计虽然很重要也应当是有限度的,原型设计的作用有以下几点:
1、因为是原型是需求和功能的具象化表达,所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。
2、因为原型相较于UI稿来说修改更方便,所以原型能提高产品经理的功能设计没通过评审时返工的工作效率。