导航:首页 > 万维百科 > axure设计网页

axure设计网页

发布时间:2020-08-12 05:33:06

1、axure制作网页 怎么让他自适应不同电脑的分辨率呢?

1、双击打开Axure RP 8设计软件,在基本元件中拖曳一个矩形1到画布上。

2、再次在基本元件里拖曳两个按钮到画布上,放在矩形框上方。

3、再拖曳一个占位符到矩形框下方。

4、在右侧属性里自适应勾选“启用”,弹出“影响所有视图”。

5、点击左侧自适应按钮,弹出自适应视图,分别设置手机、平板和电脑分辨率的范围。

6、这时界面上显示出不同分辨率界面,然后预览该界面。

2、axure怎么做web页面高保真

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

3、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

4、如何用axure制作一个完整的个人网站

axure制作出来的只是产品模型,生成html代码后相当于只是你有了前段样式代码,具体的功能模块的代码实现,还是需要你编写的,怎么与数据库,前后台对接,怎么发布到服务器等等。当然,你要是只是个静态的个人网站,一年不更新一次,也简单,用axure制作一个网站,中继器里存死数据,放到nginx服务器上就行了。
而对于你怎么通过axure制作一个完整的个人网站,就简单很多了,直接在axure中设计不就行了吗,本身就是一个工具类软件,知道如何操作就可以设计了,登录,博客发布,编写都可以模拟,但也仅限于是个模型而已

5、如何使用axure 7.0为你设计响应式的网站

在axure 8发布以后,可以利用几项技术(axure自动生成自适应html、前后端分离、响应式网站设计、restful接口、json或xml等)进一步简化网站的开发,该设计模式的主要流程如下:
1. 产品经理利用axure设计原型。
2. 原型讨论定型后由UI人员设计图标,更新到axure原型中。
3. 由axure生成自适应的响应式网站设计的html文件。
注意:axure发布项目生成html时,在左侧的“移动设备”这个设置页,需要勾选“包含视口标签”,不勾选“禁止页面垂直滚动”,宽度设置为“device-width”,高度留空不设置,初始缩放倍数绝对不能设置,最小缩放倍数设置为“0.1”,最大缩放倍数设置为10,允许用户缩放留空不设置,ios部分可以不理默认即可。另外需要axure 8以上版本才能普遍适配手机屏幕。

4a. 前端开发人员全盘使用上面生成的html文件、资源文件、axure的js文件,在各个页面上以前后端分离方式添加业务逻辑的实现(比如在html中加入jquery的ajax,和后端交互数据)。
4b. 后端开发人员设计和实现业务逻辑和前后端接口(4b可以和3、4a步骤同步进行),比如前后端使用restful的json封装作为前后端接口的数据交互。
5. 单元测试、集成测试、灰度测试,bug修复,发布上线。

6、Axure rp 的作用是什么,怎么利用这个软件做成网页啊???

axure 是一款专业的原型设计软件 可以通过交互设计使你设计的原型看起来很真实的软件一样,不过这是表面上的效果. 就好像房子设计可以给你看到 房子的3d实物模型 在开发建筑之前可以体验到产品设计之后的样子
这个用的话 你需要通过学习基本的入门知识就可以 搭建网页了 非常简单你可以过过网站上很多教程学习

7、用axure制作网站网页大小是多少

你喜欢做多大的就做多大的呗,比如你的屏幕是分辨率1680*1200的就可以画这么大。
一般网站中间有内容的部分1000px。不包括最上方比如百度右上角的我的知道什么的。
做出来是给人看看效果的,包括交互动作,比如点击某个按钮会怎么跳转。
我推荐可以使用1280*960,适应性比较好。

8、用AXURE制作一个网页,要求如下: 1.网站的注册与登录设计 2.网站首页设计 3.商品详情页

没有一千块钱没人给你做的

与axure设计网页相关的知识