axure网站设计-axure是网站设计工具吗？

原创：找图网 2023-04-18 02:57:27

利用axure进行响应式自适应网站的设计

在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修复,发布上线。

该模式问题 : 一旦axure原型有修改,前端怎么能更快适配该修改(现在是文件比较方式,类似git的merge)。

axure是网站设计工具吗？

什么是Axure

AxureRP是美国AxureSoftwareSolution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

Axure的作用

利用Axure可用绘制产品的线框图,快速方便的勾勒出产品的概貌,这比PS、AI、Sketch等大多数界面设计工具都更快速,画出的效果当然也远比纸和笔画的更逼真,草图的效果往往让我们无法看到更多的细节。

除了不错的UI界面的绘制与设计能力,更出色的在于它的交互设计能力,很多人可能只是学会了利用Axure进行简单的页面跳转,但他们远远还未探索到Axure的强大,随便举出几个效果都可以利用Axure实现:

弹框的显示与隐藏

toast提示

幻灯片

图片的缩放

单选与复选

悬浮按钮

锚点定位

进度条的加载动画

不胜枚举,等等...

以上这些都是入门级的交互,利用Axure提供的变量与函数,还能实现很多更丰富的动画效果,甚至数据的状态,配合强大的中继器,可以模拟一个本地的小型数据库。

对于Axure了解的越多,接触的越多,越能够体会它的强大与不可替代性,说它是交互设计、原型设计的生产力工具,一点都不为过。你所见到的绝大多数页面交互,都可以利用Axure实现,这是其他原型工具难以企及的。

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,这种规格适用于框架或左右形式主页的广告链接。