轻松入门UX 交互设计基础 交互之原型设计 交互设计高级进阶 用户体验设计 web端产品设计

Axure制作网页原型

 

页面原型是表达设计的一种手段,通过软件设计前,可以先通过纸表达。



原型制作


1.打开Axure软件


2.介绍

 

axure.png


顶部为菜单和工具栏,中心白板区域为画板,左上为网站站点地图,左下为控件面板,左下角为模板区域,底部为页面属性操作区域,右下角部件管理功能。


3.如何在页面之间跳转


1)在左侧面板选择一个单行的文本框


2)再拖动一个按钮【按钮】


3)设置此页为首页、搜索结果页


4)点击搜索,选择右侧【创建链接】


5)在搜索结果页加入文字


6)在工具栏可以预览或发布


7)选择发布,生成html文档


4.利用动态面板设计更复杂的交互场景


1)打开实际网站,看哪些地方用到页面交互


2)在页面中通过矩形添加一个标签,按?。幔欤敉隙删匦?/span>


3)双击矩形,命名


4)选择动态面板,放在频道下面,双击命名


5)点击内容1,增加矩形框,增加内容,同样操作内容2,3


6)点击第一个标签,选择交互选项,选择内容,同样操作频道2,3


7)预览



家庭作业


针对你最长访问的网站,设计一款原型。表达大体框架及交互元素。



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
? 2012-2016 葡京国际首页 www.ybxiongdi.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

秋招大聚惠,豪华礼包你领了吗?

客服热线 400-862-8862

回到顶部