广东快3>WIKI库>学习产品设计>axure部件区域

axure部件区域



Axure7.0部件区域的介绍


如图为部件区域在软件中的位置。


parts1.png


1.线框图的组件


线框图的组件在原型设计中内置了25种。主要分为三大类:


1)常用组件。它包括图片、一级标题、二级标题、文本标签、多行文本、矩形、占位矩形、圆角矩形、水平线、垂直线、图片热区、动态面板、框架、中继器;


2)表单组件。它包括文本框、多行文本框、下拉列表框、列表框、复选框、单选按钮、HTML按钮;


3)表格组件。它包括树状菜单、表格、横向菜单、纵向菜单。


parts2.png


parts3.png


2.原型设计软件中还内置了18种流程图的组件


详细内容包括:矩形、矩形组、圆角矩形、圆角矩形组、斜角矩形、菱形、文件、文件组、括号、半圆形、三角形、梯形、椭圆形、六边形、平行四边形、角色、数据库、图像。


分为两类,一类划分为图形、图片组件,另一类划分为文件、角色、数据组件。


parts4.png



实战:“百度”登陆的原型设计


parts5.png


首先分析“百度”登录的界面,其次制作百度登录的原型。打开Axure软件,导入一个百度登录页面的截图,拉两条辅助线,拖拽一个矩形参看这个页面的大小,“386*443”,设定完它的大小,给边框设定一个浅色。


parts6.png


再拖拽一个矩形,填充为截图的颜色。再拖拽一个图片原件,鼠标右键导入图片。加入文本标签,打上“登录百度账号”。接着拖拽一个图片,鼠标右键导入图片,调整位置。再拖入两个文本框,拖拽两个图片,鼠标右键导入图片,调整位置。拖拽文本标签,输入“手机、邮箱、用户名”,再拖拽一个文本标签,输入“密码”。再拖拽一个圆角矩形,设置颜色,拉一个辅助线,调整位置大小,输入“登录”,改变字体颜色大小。拖拽一个复选框按钮,输入“下次自动登录”,鼠标右键选中。再拖拽文本标签,输入“短信快捷登录”,调整位置大小。拖拽,输入“登录遇到问题”。再拖拽,输入“立即登录”,调整位置。把主页重命名,改为“百度登录”,添加同级页面,改为“登录遇到问题”、“立即登录”。在页面中选中“登录遇到问题”,添加文字链接,选中“登录遇到问题”,点确定。页面选中“立即登录”,添加链接,选中“立即登录”。两个链接添加完成。拖拽一个水平线,更改颜色,再输入一个文本标签“可以使用以下方式登录”,更改颜色、字体、字号。拖入两个图片,鼠标右键导入图片,调整位置。百度账号原型制作完成。


parts7.png



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

分享到:

目录