公告:www.Axure.org / www.WebPPD.com -接受投稿,有相关主题的内容可以发布到论坛里。本人联系方式 Email/QQ/MSN:yintop#qq.com (把#换成@)

由Loren Baxter设计的Axure样式库V2.0版本

| 2009-03-19
Loren Baxter 制作了不少的优秀Axure样式库,并集中起来分享给大家。他的博客:http://www.acleandesign.com/

下面是他的Axure样式库V2.0版本。



在线演示:http://www.acleandesign.com/m/ACDAxureTemplate2/Home.html
下载RP文件:http://www.acleandesign.com/m/Ax ... leanDesignDotCom.rp
下载地址2:http://cid-e53ab38e4f6639a4.skyd ... 20Loren%20Baxter.rp

有关更多的介绍可以查看:http://www.acleandesign.com/2008 ... pattern-library-v2/

更多讨论:http://webppd.5d6d.com/thread-120-1-1.html

Axure技巧:在英文输入法下按住空格可使编辑区进入拖动状态

| 2009-03-17
用Axure编辑Web页面由于显示器大小的限制,在Axure软件中编辑区的显示面积有限。
如果觉得拖动纵向和横向的滚动条觉得麻烦的话,可以在英文输入法下按住空格即可使编辑区进入拖动状态。拖动编辑区显示不会影响到页面内的元素。

缺点:只有在英文输入法下有效。
建议:如果Axure能有像Fireworks那样可以快速隐藏和显示周围工具栏的快捷键就好了。

在表格中轮换效果的使用 for Axure

|






下载地址:http://cid-e53ab38e4f6639a4.skyd ... 8%20for%20Axure.rar

Axure:不同搜索项输入框中的提示消失与显示

| 2009-03-11


选择不同的搜索项时,输入框内的提示语不同。

输入框:
获得焦点时,提示语自动消失。
失去焦点时,输入框内容为空时,出现对应的提示语。
输入框内容为提示语以外的内容时,获得和失去焦点时保持输入框内容不变。

原理:

1. 搜索项改变时,设置输入框中的内容跟着改变,同时赋予一个变量一个值如1、2、3、4。
2. 输入框获得焦点时,如果输入框内容为各个提示语中的任一个,则清空输入框内容。
3. 输入框失去焦点时,如果输入框内容为空并且变量等于1时,输入框重新显示在1选择项时的提示语。
4. 页面装载时设置输入框内显示选项1中的提示语,变量赋值1.

下载:http://cid-e53ab38e4f6639a4.skyd ... %98%be%e7%a4%ba.rar

讨论:http://webppd.5d6d.com/thread-111-1-1.html

Axure:输入框提示语的自动消失与显示

| 2009-03-09






说明:

1. 当输入框内显示的是“请输入文字...”时,获取光标焦点时提示语会消失。
2. 当输入框内内容为空时,失去光标焦点时,会出现提示语。
3. 当输入框内有非提示语内容时,获取及失去光标焦点时,输入框内,内容不变化。
















下载:http://cid-e53ab38e4f6639a4.skyd ... %98%be%e7%a4%ba.rar

更多讨论在:http://webppd.5d6d.com/thread-108-1-1.html

用Axure制作Tab页切换和层切换的另种方法

| 2009-02-26
之前的时候在 http://webppd.5d6d.com/thread-65-1-1.html 中介绍了一种用Axure制作Tab页切换的最简便的方法,现在又用另外的方法分别制作了一个Tab页切换和一个Tab层切换。(两个的原理不同)

下载地址: http://webppd.5d6d.com/thread-99-1-1.html

页切换原理:
利用页面的OnPageLoad事件。
1. 在最底层建立三个页面的导航。
2. 设置每个导航打开对应页面时,赋值变量为相应的1或2或3.
3. 在最上层建立三个隐藏层,层中是透明度为60的带颜色的矩形,刚好每个能盖住一个导航位置。
4. 在页面“OnPageLoad”中添加事件,添加条件当变量等于1时显示出半透明隐藏层1,盖在导航1位置上面。以显示出当前页的效果。

层切换原理:
1. 在最底层铺三个一样的Tab签作底。
2. 在次底层建一个层,分别有三个状态,在每个状态中做出显示当前层的状态效果。
3. 在最上层三个Tab签的位置上加盖三个图像映射区,在映射区上加交互,设置三个层状态相互之间的切换。

用Axure制作的一个示范首页(图)

| 2009-02-24
用Axure制作的一个给初学者进行示范的首页,附件中有RP源文件。

下载:http://cid-e53ab38e4f6639a4.skyd ... %a6%96%e9%a1%b5.rar

查看讨论:http://webppd.5d6d.com/thread-96-1-1.html

更多查看:http://webppd.5d6d.com/forum-4-1.html


一个简单的网站顶通工具栏(axure)

| 2009-02-05
做了一个简单的网站顶通工具栏,有需要下载,省了自己再做一遍。

下载:http://webppd.5d6d.com/thread-85-1-1.html

截图:

如何用Axure给下拉菜单选项中加链接

| 2009-01-22
在聊天室http://talk.axure.org/里有人提问:如何用Axure给下拉菜单选项中加链接,实现页面间的跳转。今天赶在回家前头一天,给大家简单做一个。

演示下载 可以不用等下面的图片下载完,附件的文件中本身包含下边的操作过程及截图。



1. 给下拉菜单 Lable 编一个名字 下拉菜单001。


2. 在菜单上添加“OnChange”动作。


3. 添加条件。


4. 设置该动作的条件,完整意思为如果下拉菜单发生改变时,下拉菜单001的值等于“页面一”那么......


5. 条件设置好后,选择打开某个链接。


6. 重复上面的动作,把页面二和页面三的动作也加进去。

两个给初学者的Axure学习用例

| 2009-01-21
一个是关于对“层”操作的处理的。
一个是完整设计一个主页的模板效果。
用例下载:http://www.box.net/shared/314dm6ty4z

附图:大图查看链接:http://webppd.5d6d.com/thread-80-1-1.html


Axure5.1.0.1699汉化版

| 2009-01-16
Axure汉化版 访问地址:http://hh.axure.org
终于有人不辞辛苦汉化一版Axure,给那些不习惯英文而使Axure学习门槛变高的初学者们带来了福音。
如果你也觉得Axure是非常棒的软件就快来下载吧!特别特别感谢汉化作者:平生一笑

因为此汉化文件只对Axure5.1.0.1699有效,使用时请注意。

Axure5.1.0.1699安装程序及汉化包:
下载地址一:(box.net)
Axure5.1.0.1699汉化版.part1
Axure5.1.0.1699汉化版.part2
Axure5.1.0.1699汉化版.part3 (将part1、part2、part3下载到一个目录里,点击part1解压出文件。)

下载地址二:(skydrive.live.com)
Axure5.1.0.1699汉化版.part1
Axure5.1.0.1699汉化版.part2 (将part1和part2下载到一个目录里,点击part1解压出文件。)

如果你已安装的Axure就是5.1.0.1699,可以只下载一个汉化文件。
Axure5.1.0.1699 汉化文件下载:http://www.box.net/shared/d7axbih4u3




Axure官方视频教程:http://v.axure.org

网页栅格化系统ForAxure:http://v.axure.org/grid

网页栅格系统模板For Axure

|
网页栅格模板For Axure 点击左图直接查看Web版

以下是文档版整理:
网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说,栅格系统的使用,可以让网页的信息呈现更加美观易读,更具可用性。并且,对于前端开发来说,网页将更加的灵活与规范。(摘自TaobaoUED)

原理:

在网页设计中,我们把宽度为“W”的页面分割成n个网格单元“a”,每个单元与单元之间的间隙设为“i”,此时我们把“a+i”定义“A”。他们之间的关系如下:
W =(a×n)+(n-1)i
由于a+i=A,
可得:(A×n) - i = W
这个公式表述了网页的布局与网页“背后”的栅格系统之间的某种关系。

实例:
Yahoo首页横向版式设计采用的栅格系统为:(40×n)- 10 = W


被栅格后的效果图


模板使用与下载:
用Axure RP制作产品原型时,只需要将模板源文件相应的栅格系统复制一份到自己的Axure文件做背景。调整好位置,即可辅助你做出符合栅格系统的页面布局。
模板下载地址:
地址一:http://www.box.net/shared/zkzxmfv4vt
地址二:http://cid-e53ab38e4f6639a4.skyd ... 0by%20axure.org.rar

模板介绍:
要采用栅格系统考虑网页布局时要先放下对整个网页宽度的界定,而首先考虑根据设计风格确定一下各区块之间的间距及选用栅格单元块的大小。这两项确定之后, 让栅格从0-1000px铺开,在900-1000之间选择栅格的最后边界来确定最后的页面整体宽度。以下是一个区块间距的建议:



如何用axure做出Tab页签和滑动菜单

| 2009-01-07
制作方法:(其实非常简单,换个方式思考。不要用写程序的方式思考原型的制作)
1. 先制作一个“导航”的Master,在Master里给各个页做好链接。(不区分Tab效果)
2. 在需要突出Tab效果的页面里,单独做一个效果盖在导航的对应位置上。不同的页之间通过复制,简单改一下文字就可完成。
效果预览及RP源文件下载:下载文件

用Axure做导航的抽屉滑动效果

| 2008-12-23
作者:戴文祺
制作方法简述
1 将抽屉一和抽屉二都用Dynamic Panel(动态面板)设置上移和下移两种状态
2 利用Move Panel 和Wait times(ms)的响应事件 制作移动的动态效果
3 最后配合Set Panel state to State的响应事件 设置上移下移的状态即可

下载地址:http://webppd.5d6d.com/thread-57-1-1.html

窄版海内的UI主要界面

| 2008-12-19
海内网改版了,是好是坏不评说了。不过原来那版可是不少人参考学习的对象。
幸好我看到要改版了,前提把原来的主要界面都保存了一份,大家有需要的自己下载吧。

http://www.box.net/shared/i9z7gyfcum

原型:SNS与Blog结合的个人空间主页

|
产品原型下载:
http://www.box.net/shared/t5or8foplm

在原型中模拟输入内容提交后显示该内容

|
在原型中模拟输入内容提交后显示该内容,
仅在产品原型阶段,就可以实现的简单程序效果。
在输入框内输入信息,点击提交显示欢迎信息。
输入框内若不输入内容,点击提交显示提示信息。

下载:http://www.box.net/shared/d0arkmr8c8

一个有关登录、注册、验证、完善资料等部分的产品原型

|
一个有关登录、注册、验证、完善资料等部分的产品原型
Moonzu.com.rp 为用Auxre RP制作的源文件,打开其中的文件夹点击Index.html可以预览原型。
原型下载:http://www.box.net/shared/m8cpsocfx8

由 Loren Baxter 设计的几款优秀的原型组件

|
这里提供的是Axure RP Design Pattern Library,由 Loren Baxter (http://www.acleandesign.com) 设计。

Advanced Widgets 进阶设计
  • Calendar 月历
  • Checkbox List 复选框列表
  • Embedded Video 嵌入视讯文件
  • Expand / Collapse Animation 动态展开/折迭
  • Inline Edit 直接编辑
  • Lightbox 光箱特效
  • Live Search 自动完成
  • Photo Scroller 照片滚动条
  • Post a Message 张贴讯息
  • Rating 评分
  • Tabs 页签

下载地址:点此下载


产品原型:评论或反馈功能组件

| 2008-12-17
用Axure RP制作Web产品原型文档真是方便快捷,另外效果还能有保障。
演示及源码下载:http://www.box.net/shared/ge9gylpgk4
特点:区分会员反馈与匿名用户反馈,匿名用户需要填写邮箱作为回复其反馈的联系方式;附有验证码设计。
说明:原型中的选项卡可以点击切换,登录、提交等都有交互设计,并注有提示信息等。

本页的留言及评论