首先,我们将图片热区组建拖动到axure页面编辑区域 1. 图片热区为页面图片或者其他部件添加热区,添加交互 我们一般在做专题的时候,会遇到一些组合商品,但是又需要单独分别设置连接,如果是2张图片还好办点,可是如果和下图一样是集成在一张图片中的,可能就需要我们借用图片热区组件,给每一束鲜花添加热区,然后再设置交互,在新窗口打开链接地址. 我们为上面的图片添加热区,设置点击鲜花图片,单独开新的连接地址 2. 图片热区作为页面锚点的使用 我们经常在有些网站看到一些楼层快速直达的链接按钮,如图: 其实

网页框架代码<iframe border=0 name=lantk src="要嵌入的网页地址" width=400 height=400 allowTransparency scrollbars=yes frameBorder="0"></iframe>      看到上面这段代码,很多人肯定认出这是html语言中的框架引用,在axure中也可以实现这样的框架效果.可以在页面中引用另一页面的内容  1. 内部框架引用外部网页 弹出链接属性对

1. 将水平线.垂直线拖动到axure页面编辑区域,如图:  2. 水平线.垂直线相关属性设置 主要属性有.线条的颜色.粗细.线条的样式.箭头的样式 来自:非原型不设计

文本部件用于在页面中显示文字,对于文字的格式可以随意的更改,设定不同的字体.尺寸和颜色. 特别注意:文本面板的高度无法直接调整,它的高度是随着字体的大小自动变化的 在6.5版本中,对文本的排版都有2个位置,可以进行调整,如图所示,设置文本的字体: 1. 设置文本的字体.颜色.大小 2. 设置文本的行间距 Axure 6.5版本新增的属性:调整字体的行间距,当有多行文本的时候,我们可以像在word中一样去设置文本的行间距,这个是新增的功能,以往我们需要调整文本的行间距需要拖动多个文本面板进行布局!

软件类的教程,我写不出长篇大论,这里面的都是基础的操作,希望初学者,根据一个功能演示,可以自己测试其他功能菜单的效果! Axure自带的菜单组件,我几乎没有用到过,做菜单导航,我第一时间想到的还是矩形组件,大家有兴趣可以看看我使用矩形制作的电商网站通用头部,其中就有矩形组件制作的导航菜单. 菜单组件的分类(横向.纵向) 菜单组件的相关设置 这里我们选择的是添加子菜单,具体的每个选项的作用,大家挨个尝试一下 就可以看到效果 来自:非原型不设计

有时候发现这做事情坚持下来是一件很不容易的,写教程也一样,不过听到很多朋友对我说 这个全部是图片的教程 对他们入门帮助很多,我就想想 在坚持坚持把基础部分先完善了! 1. 简单的问卷调查: 您的性别?  答案:男   女 当然我们首先需要分析一下,这个问题,问性别 你只可能是男或者是女,2者只能是其一,不能即是男也是女是把,所以我们这个问卷调查的题目是一个单选题: 要设置这样的一个问题,其实学到这个教程这个阶段,很多人都很清楚该如何去做了,第一步是拖动你需要的单选按钮到页面编辑区域,和一个文本面

1.什么是Axure的动态面板 按照Axure官方网站的解释 :动态面板控件(Dynamic Panel)可以让你实现高级的交互功能,实现原型的高保真度.动态面板包含有多个状态(states),每个状态可包含一系列控件(你可以把一个状态理 解成一个独立的页面).任何时候都只有一个状态(页面)是可见的,或整个动态面板可以被隐藏.结合交互动作,可以让动态面板的状态进行隐藏.显示和改变. 像添加其它控件一样,可以在控件面板中拖放动态面板控件到线框图中. 简单的说,动态面板就是展示在页面不跳转的情况下所

矩形组件和占位符没有太多的区别,这里我们主要讲解矩形组件的操作和使用,占位符的操作各位可以按照矩形的操作方法进行练习一下. 矩形组件是一个矩形,它可以用来做很多的工作,比如页面上需要一块蓝色的背景,就可以用一个填充为蓝色的矩形组件,我们还可以用它来做页面布局,是我们最常用的部件. 1. 可以用来做页面布局 2. 可以变化成为其他的形状:三角形.圆形.椭圆等很多的形状 3. 可以填充颜色:用着背景和层次 4. 可以用来制作表格 5. 可以直接输入文字 6. 可以添加很多的交互 首先我们将矩形组件拖

终于到最后一个组件的介绍了!到这里基础的应用应该算完成了!  1. 拖动树组件,到页面编辑区域  2.添加节点,可以添加子节点也可以在该节点的前后添加平级节点  3. 编辑节点图标 做好上面的那一步,图标还不会显示,还需要对树的熟悉进行编辑 效果图: 来自:非原型不设计

1. 与文本面板组合设计表单 文本框主要是在设计页面表单的时候,用的最多,通过与文本面板的组合使用,下面我们通过文本面板和文本框设计了一个简单的注册表单 对于,文本框中的文字,只需要双击即可编辑文字  2. 注册表单中的密码遮罩设置 选中需要设置密码隐藏的文本框,单击鼠标右键>选择编辑文本字段>选择隐藏文本(密码框)即可 3. 文本框.文本编辑框组合设计留言表单 文本编辑框,适合做大面积内容输入的设计,比如一般的编辑器 来自:非原型不设计

我们在后面的组件使用中,都统一使用"从部件区域拖拽图片组件到页面区域中" 1. 图片载入 1.1 将图片组件拖拽到页面区域 1.2 双击图片组件 1.3 选择合适图片,点击打开 1.4 载入图片时会询问是进行优化. 1.5载入图片时会询问是否自动调整图片大小. 2. 图片尺寸大小调整 3. 悬停图片设置 以同样的操作方式,我们还可以设置鼠标按下图片.编辑选中图片.编辑禁用图片 4. 图片切割 选择图片,单机右键,选择切割图片 根据需要,可以选择 十字切割,横向切割,纵向切割 在图片切割

在制作界面原型的时候,如果有现成的界面基础元素可以使用的话,设计师就可以非常快速的完成原型的制作,能够节省大量的时间和精力.在这篇文章, 我向大家分享45套非常有用的 UI 和 Wireframe 套件素材包,帮助设计们用于 Web 和 Mobile 项目的界面原型设计. Android 2.2 GUI 整套 Android 2.2 手机界面 UI 组件素材,非常精美! Big Block UI 下拉列表,开关切换按钮,搜索框以及单选,多选按钮等. Stencil kit 滑块控制,开关按钮等组

在进行页面框架设计的时候,尝试画个 线框图(页面示意图或页面布局图)吧.

在任何网站或移动应用设计的过程中,线框图作为设计元素和功能的图示,它有助于帮助定义和更好地传达信息层次结构,让参与设计和开发的人员更好的理解设计师的思路和设计的功能点. 即使线框图设计是一个比较耗时的过程,但在推进设计项目进度之前,通过线框图了解项目的层次结构是非常有效的.那么摹客小编今天收集了一些优秀的iPhone线框PSD/PDF模板.希望对你有所帮助,也希望通过学习这些iPhone线框模板可以将您的设计推向一个新的水平. iPhone 6 线框模板 1. iPhone 6 Plus and

  凹凸贴图Bump Map.法线贴图Normal Map.高度贴图Height map.漫反射贴图Diffuse Map.高光贴图Specular Map.AO贴图Ambient Occlusiont Map 环境光遮蔽.灯光烘焙贴图Light Map .细节贴图Detail Map.反照率贴图Albedo Map.金属度贴图 Metallic Map.自发光贴图 Emission Map.视差贴图Parallax Map.置换贴图Displacement Map 位移贴图     凹凸贴图B

距离上次分享GUI模板有很长时间了,这段时间里设计趋势不断变化,谷歌推出了最新的Android L以及全新的界面设计,UI设计师又有得忙了,今天收集了一组实用的GUI模板和线框图,包含最新的Android4.4,Material Design,Android 可穿戴设备等等,控件全面,拿来即用,建议收藏待用呦. Android UI XHDPI Template(Sketch) Android UI Design Kit 4.4 (PSD) Android GUI Template (Sketc

Axure RP是很有名的一个界面原型设计工具,可以灵活快捷的对C/S.B/S程序设计原型. 近期我要开发一个Android客户端,也打算使用Axure RP设计原型. 下载地址:http://pan.baidu.com/s/1o67CwH0 Axure RP中默认没有移动终端的模板,我找了一个Android 4.0的模板,可以直接导入: 我选择了深色样式: 导入之后就有素材了: 登录界面: 主界面: 为了使得原型更加接近真实程序,我添加了一些事件,如不同界面间的跳转: Master界面(主子关

Axure RP 9最新版软件及汉化包下载 https://www.axure.com.cn/78629/   点击下载 lang语言包放在根目录即可 Axure各种版本注册码 | 最新Axure RP 8.1.0.3377的授权码 Licensee:zdfansKey:fZw2VoYzXakllUuLVdTH13QYWnjD6NZrxgubQkaRyxD5+HNMqdr+WZKkaa6IoE5N Licensee:zd423Key:LrZoHQetrL7OK8XOVWgvTFn+XOR32hQ

select * from ( select pid,id,name,url,concat(id,":") idOrder from menu where pid=0 and status_id=0 union select pid,id,concat(" ",name),url,concat(pid,":",id ) from menu where status_id=0 and pid in ( select id from menu whe

W240第二天第三天 Axure的简单使用: 作业实现:vcg官网首页原型图 帮助文档基础篇:原型图基础之axure线框图设计 导航栏设计: 添加通用母版header 导航栏设计注意: 鼠标移动到下面这个面板时,能实现悬停并且颜色改变 方法一:使用动态面板 则在线框图设计时应用动态面板,鼠标移上去面板尺寸改变达到显示下面菜单项的功能同时移动图片这个板块的位置. 移动距离是使图片移动到下面菜单项的中间距离,展开设置为由顶部展开. 方法二:使用两个热区: 一个热区负责一个显示隐藏事件小的在大的上层且