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

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

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

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

2.页面交互有:

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

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

    

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

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

axure & Markman学习总结的更多相关文章

  1. axure & Markman

    axure & Markman学习总结 最近学了几款有意思的软件,一款是axure,另一款是Markman.接下来聊聊自己的学习心得吧. 关于axure,百度上的解释是:是一个专业的快速原型设 ...

  2. Axure的学习

    这两天开始学习Axure,首先做的是下载Axure的7.0版本,然后汉化,可以百度找.不过我在开始学习时也遇到一些问题.在开始添加元件库时还是很顺利的,不过在我发布的时候,我发现了一些问题.发布一开始 ...

  3. 交互原型设计软件axure rp学习之路(一)

    开始学习之前,请一定要明白:Axure是个极其极其极其简单的软件.因为你所做的就是拖部件,打字,拖部件,打字,最多加个对齐.如果你能把axure当作word或者ppt来用,那你就学会了axure. A ...

  4. Axure 入门学习

    Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格.设计功能和界面的专家能够快速创建应用软件或Web网站的线框图.流程 ...

  5. 交互原型设计软件axure rp学习之路(三)

    (三)Axure rp元件的触发事件 l  OnClick(点击时): 鼠标点击事件,除了动态面板的所有的其他元件的点击时触发.比如点击按钮. l  OnMouseEnter(鼠标移入时): 鼠标进入 ...

  6. 交互原型设计软件axure rp学习之路(二)

    (二)Axure rp的线框图元件 l  图片 图片元件拖入编辑区后,可以通过双击选择本地磁盘中的图片,将图片载入到编辑区,axure会自动提示将大图片进行优化,以避免原型文件过大:选择图片时可以选择 ...

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

    IT生涯, 我的常用软件清单 SkySeraph Jan. 26th 2017 Email:skyseraph00@163.com 更多精彩请直接访问SkySeraph个人站点:www.skysera ...

  8. Beta冲刺 7

    前言 队名:拖鞋旅游队 组长博客:https://www.cnblogs.com/Sulumer/p/10129067.html 作业博客:https://edu.cnblogs.com/campus ...

  9. Beta冲刺 6

    前言 队名:拖鞋旅游队 组长博客:https://www.cnblogs.com/Sulumer/p/10129063.html 作业博客:https://edu.cnblogs.com/campus ...

随机推荐

  1. POJ 2549 Sumsets(折半枚举+二分)

    Sumsets Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 11946   Accepted: 3299 Descript ...

  2. 实现Runnable接口和继承Thread类

    如果欲创建的线程类已经有一个父类了,就不能再继承Thread类了,java不支持多继承.  实现Runnable接口: package multyThread; public class MyRuna ...

  3. 十五.jQuery源码解析之Sizzle总体结构.htm

    Sizzle是一款纯javascript实现的css选择器引擎,它具有完全独立,无库依赖;小;易于扩展和兼容性好等特点. W3C Selectors API规范定义了方法querySelector() ...

  4. canvas之画一个三角形

    <canvas id="canvas" width="500" height="500" style="background ...

  5. 【UVa】439 Knight Moves(dfs)

    题目 题目     分析 没有估价函数的IDA......     代码 #include <cstdio> #include <cstring> #include <a ...

  6. Pymol

    如何用Pymol做出那些美呆的结构图(基础篇) 2016-10-31  翾园  摘自 BioEngX生化...  阅 1079  转 6 转藏到我的图书馆   微信分享:   摘自微信公众号:BioE ...

  7. CentOS7.6安装Git(IUS方式)

    官网下载地址:https://git-scm.com/download/linux 第一步:安装第三方存储库IUS curl https://setup.ius.io | sh 第二步:安装git y ...

  8. RPC通信

    @version: @author: morgana @license: Apache Licence @contact: vipmorgana@gmail.com @site: @software: ...

  9. Linux启动流程【转载】

    探讨操作系统接管硬件以后发生的事情,也就是操作系统的启动流程. 这个部分比较有意思.因为在BIOS阶段,计算机的行为基本上被写死了,程序员可以做的事情并不多:但是,一旦进入操作系统,程序员几乎可以定制 ...

  10. 关于 warning CS0659:“***”重写Object.Equals(object o)但不重写Object.GetHashCode()

    对象相等性和同一性 System.Object 类型提供了以下方法, namespace System { // // 摘要: // 支持 .NET Framework 类层次结构中的所有类,并为派生 ...