实例学Axure7.0简约教程
来源:才华咖 本文已影响2.22W人
来源:才华咖 本文已影响2.22W人
您对实例学Axure7.0简约教程了解多少,下面我们一起来了解一下吧。
Axure7.0实例操作-模仿百度首页
首先我们要知道Axure是产品经理、原型师经常使用的原型设计工具,能快速地把自己想要的方案展示出来,给程序、美工参考。加快产品开发进度及工作效率,弥补了返工重做的机率。
我们打开Axure,把我们想要的产品方案以图文和清晰的逻辑关系表达出来。
因为我们这里是快速学习的一个教程,所以我们就参照百度首页的布局打造一个Axure的原型方案。
左上角以4个文本及小图标表示天气状态,右上角是用户名、搜索设置、传统首页的3个文本标签。下面我们就用Axure先把这7个文本及1个图片实现。
拖进工作区7个文本标签及1个图片标签,并按下图的方式排列好。
再加入百度首页的图片bdlogo,并填加图片阴影。
然后我们再做搜索框的相关内容,填加9文字标签,1个矩形输入框,1个矩形按纽。工具箱里的工具很多,如果要熟悉,需要多次操作几次。如下图设置:
拉动工具箱的滚动条向下拉,找到button,并双击编辑按纽的文字。
最后把百度下面的相关内容加入到网页面底部即可。需要一个播放器,一个图片和若干个文本。这里就不一一演示。相信你已经学会基本的`网页面的造型设计及相关简单的网页布局设计了。期待你的设计方案更精彩。
最后看一下整体的效果:
如下图,按F5进入页面预览,看一下我们的原型效果吧。
最后预览的效果会在浏览器中打开。Axure是最适合做网页策划、页游策划及各类网页产品经理的原型利器。希望你能学的更快更好。谢谢!
CorelDRAWX7如何实现空气扭曲效果的教程
AXURE交互实例介绍
托福英语写作范文:Examinations exert a pernicious influence on educat
Axure交互实例教程的日历控件选择日期
用AxureRP做实例原型设计的方法
AndroidApp中使用SurfaceView制作多线程动画的实例讲解
如何实现bootstrap jquery dataTable异步ajax刷新表格数据
Axis2创建WebService实例教程
jQuery中ajax的get()方法运用示例
unit7 Here you are英语教学反思
Axure中RP基本交互设计简介
AxureRP教程–动态面板高级应用
redhatlinux下安装oracle10g的教程
英语作文:An unforgettable experience
XML认证教程:SAX Parser
AxureRP中Widgets详解
JQuery中serialize()用法实例分析
Dreamweaver创建导航条实用教程
ajax 入门基础之 XMLHttpRequest对象总结
MS SQL Server Management Studio Express安装图文具体步骤
AxureRP中Widgets介绍
jQuery中delegate()实例用法
Java中的== 和equals()方法详解与实例教程
linux中pagbuffer和cache的区别
java.util.ArrayDeque类使用方法介绍
通过JQuery的Ajax调用一般处理程序
有关Ajax xmlHttpRequest的status的值的含义
英语作文:The Career I Pursue
Javascript实例教程
AxureRP中Widgets介绍详解
Module 6 Unit 1 I went there last year教学反思
英语优秀作文:M Unfrgettable Experiences
教你如何把Dreamweaver转到URL行为
精炼教学内容 建构简约课堂
公共英语二级写作Preserving Natural Resources
Java中Executor接口用法大全
Unit4 Where is my car ? Part A 教学反思
电子工程师个人简历实例
Unforgettable experience 难忘的一件事作文
IE工程师简历示例