axure & Markman

axure & Markman学习总结

最近学了几款有意思的软件,一款是axure,另一款是Markman。接下来聊聊自己的学习心得吧。

关于axure,百度上的解释是:是一个专业的快速原型设计工具在我看来,它就是能快速把效果网页做给客户看的一款软件。这款软件能插入图片、文字等工具,并可以通过设计各个部件的事件来达到交互作用。常见的有用户的注册、登陆界面的设计。交互设计包括部件的交互、页面的交互。

1.常见的部件的交互有:

鼠标单双击、鼠标移动、鼠标移入移出。获得焦点、失去焦点、鼠标悬浮、右键单击等。

2.页面交互有:

页面载入时、窗口改变大小时、窗口滚动时、窗口改变大小时、页面鼠标单击双击、页面右键单击、页面键盘按下时等。

通过对部件&页面的交互设计,可以达到页面内容丰富,功能强大,人性化、用户体验度好的效果。下图是模拟网站的注册和登陆界面做的效果网页,使用了部件单击事件,引用全局变量,并通过条件语句等功能使网页实现用户从注册成功,到登陆成功,再到进入主页面的一个过程:

    

3.说到Axure就不得不说Markman这个工具,二者配套使用,可以迅速定位图片在网页的相对位置,尺寸大小,颜色等信息。如果再搭配上PS对于图片的处理,如一些导图、切片等方法,对于初学者来说,要想做一个简单但却具有一定功能的网页是肯定行得通的。

结语:Axure可以快速做出网页效果,但是要想让网页的内容以及形式更加丰富的话,从长远来看,最好还是使用HTML+CSS+JavaScript的结合。这样做出来的网页,无论是在结构、表现还是行为上,都能达到最佳的结合!

时间: 2024-08-10 02:02:18

axure & Markman的相关文章

软件清单

IT生涯, 我的常用软件清单 IT生涯, 我的常用软件清单 SkySeraph Jan. 26th 2017 Email:[email protected] 更多精彩请直接访问SkySeraph个人站点:www.skyseraph.com About 前两天把系统给重装了下,好像最近一次安装应该是两年前了,一般情况下不愿意再做此类耗时无聊的事情,但没法,拥有SSD和高配置内存,开几个IDE却卡成翔,系统分析折腾了老半天还是决定重装了,重装后的那个清爽真是无与伦比, 至少依旧可以在我的Win 10

IT生涯, 我的常用软件清单

IT生涯, 我的常用软件清单 SkySeraph Jan. 26th 2017 Email:[email protected] 更多精彩请直接访问SkySeraph个人站点:www.skyseraph.com About 前两天把系统给重装了下,好像最近一次安装应该是两年前了,一般情况下不愿意再做此类耗时无聊的事情,但没法,拥有SSD和高配置内存,开几个IDE却卡成翔,系统分析折腾了老半天还是决定重装了,重装后的那个清爽真是无与伦比, 至少依旧可以在我的Win 10上折腾不用开发也搬迁到MacB

菜鸟必知的几个Axure小设计

以下介绍几个常用Axure教程,还是那句话--内容简单,适合菜鸟查阅,老鸟可飘过,顺便帮忙点个赞哈 /偷笑. 一.顶部导航冻结,页面下拉可跟随 例如:下拉网页进行浏览,顶部导航悬停,固定在顶部位置 演示 1.按照自己理解,拖动几个元件,把导航和主体页面设计好: 2.导航处,右键设置"转换为动态面板",并命名top: 3.页面空白处,选择交互方式(窗口滚动时): 4.添加动作移动→选择导航→移动:绝对位置→X坐标为0,Y坐标插入变量或函数(Window.scrollY) 步骤1 步骤2

Axure RP 7.0移动APP原型设计实战精讲视频课程

经过了漫长的教案设计+录课的过程,与初次开通在线教育课程的诸多需要尝试的点,我在51CTO学院的第一门课程终于在6月下旬与各位小伙伴们见面啦:)      欢迎小伙伴们捧场,想要深入学习的可以作为付费用户,暂时不想学习Axure RP的小伙伴们去拍砖增加点人气,不胜感激!      付费特权:24小时讲师答疑   所有课时永久观看   专属资料下载    购买课程返学分 本套课程由阿蜜果倾力为您打造,不忽视理论,但更重实战!!! 通过简明扼要的语言,讲解Axure RP 7.0的理论知识. 通过

Axure三部曲

在做重构版机房的时候就学习了一下Axure怎么用,那个时候就是简单的画了几个页面,觉得这个软件也挺神奇的,在真正的系统出来前,就可以画出来一个伪系统,让开发人员和用户看看最终效果都有哪些. 一.认识Axure 安装好Axure,并且汉化之后,就可以打开了.了解一下主页面. 根据用户的需求和开发人员对于需求的理解,画出最贴近的原型.比如百度页面: 百度截图: 原型图: 这样就实现了想要的效果. 二.动作 我觉得Axure很喜欢的地方就是它可以添加元件间的交互.比如实际情况是一个单击一个按钮会跳出一

AxureRP快捷键大全,附Axure官方快捷键HotkeyPDF下载

在使用Axure的过程中总感觉快捷键不够全面,特地去官方寻找了一下,结果还真找到了axure快捷键的PDF文档,能熟练使用快捷键操作的话,能提高不少效率,当然这个也和每个人的操作习惯有关系,有的人就不习惯两手操作. 基本快捷键:打开:Ctrl + O新建:Ctrl + N保存:Ctrl + S退出:Alt + F4打印:Ctrl + P查找:Ctrl + F替换:Ctrl + H复制:Ctrl + C剪切:Ctrl + X粘贴:Ctrl + V快速复制:Ctrl+D&点击拖拽+Ctrl撤销:Ct

在Axure中使用FontAwesome替换你的网站图标[axure小技巧]

你是不是还在为你的网站做一个很小的图标而忙碌着?你是不是还在为找一个图标导出百度或者谷歌?你有没有想过可以用字体来做一个图标代替普通的图片图标?这两天给公司做案例,由于自己又对设计不熟悉,寻找图标的苦差可不是很好做.同事分享了一个用字体代替图片做网站图标的资源,在此非常感谢!Font Awesome,原只为Bootstrap而设计的字体图标,不过,现在你可以单独用它来为你的网站工作.丢掉图片图标吧,跟我一起来用Font Awesome. 使用方法: 1. 下载 Font Awesome 官方网站

在axure中实现商品数量加减效果,原型库网站讲师-金乌 解答同学问

有同学在群里提问,如何使用axure制作商品数量增加减少效果,见GIF图.虽然属于初级教程,但很多同学还是小白新手阶段,所以特地录制了详细的视频讲解,供大家学习参考! 该教程由原型库网站录制http://www.yuanxingku.com转载请注明出处! 在axure中实现商品数量加减效果,原型库网站讲师-金乌 解答同学问,布布扣,bubuko.com

使用AxureRP7.0制作经典数独小游戏原型,axure游戏原型下载

之前,有同学在Q群中提问,如何使用axure制作经典数独解谜小游戏,当时由于时间关系没有来得及亲手制作,而是给同学们提供了Axure6.5版本的一个数独解谜游戏的原型,本教程由axure原型库网站录制,转载请注明出处!但是那个原型做的太过繁杂,所以仅供大家参考交流:在此,金乌老师特地抽时间给同学们使用AxureRP7.0制作了一下,感觉对实战逻辑分析和axure变量的掌握比较有考验,所以就放出来供大家学习交流使用. 在学习的过程中,如果你仅凭自己现有的对axure的掌握,无法准确分析并组织出原型