电子商务网站 整站 psd,哪些网站做物流推广好,品牌建设的科学与艺术,营销外包网站#x1f4da;#x1f4da; #x1f3c5;我是默#xff0c;一个在CSDN分享笔记的博主。#x1f4da;#x1f4da; #x1f31f;在这里#xff0c;我要推荐给大家我的专栏《Axure》。#x1f3af;#x1f3af; #x1f680;无论你是编程小白#xff0c;还是… 我是默一个在CSDN分享笔记的博主。 在这里我要推荐给大家我的专栏《Axure》。 无论你是编程小白还是有一定基础的程序员这个专栏都能满足你的需求。我会用最简单易懂的语言带你走进代码的世界让你从零开始一步步成为编程大师。 让我们在代码的世界里畅游吧 如果感觉还不错的话请记得给我点赞哦 期待你的加入一起学习一起进步
目录 一.Axure元件库的介绍
1.概述
2.元件操作
二.基本元件库
形状
图片
图片缩放
文本
热区
编辑
编辑
线段元件
画布灰色地区
三.表格元件以及表单元件
编辑
文本框
文本域
下拉列表
列表框
单选按钮
复选框
菜单与表格元件的使用
四.表单元件的案例
登录实例 一.Axure元件库的介绍
1.概述 在Axure RP中元件是构建原型图的基础模块。 将元件从元件库里拖拽到画布中即可添加元件到你的原型图中。 软件自带了三个官方元件库分别是默认元件库Default、流程元件库Flow和图标元件库Icons。
2.元件操作 使用如果想使用某个元件我们只需要将它从元件库中拖入画布摆放即可。 对齐默认情况下两个矩形元件并排摆放中间的边框为两条边框的宽度如果想保持一条边框的宽度需要在【偏好设置】中进行【元件对齐】的设置。 旋转元件的旋转可以通过按下Ctrl键的同时拉动元件任意一个边界点来实现。旋转之后可以通过右键菜单【变换形状】-【重置文本到 0°】 圆角矩形元件可以编辑圆角通过鼠标指针拖动矩形左上方的小三角形图标即可改变圆角的大小。 改变形状形状类元件都可以通过点击鼠标右键在菜单中通过【选择形状】将当前形状改变为其他形状。 改变尺寸可以通过鼠标指针拖动元件的边界点任意改变 元件的尺寸也可以按住Shift不放同时鼠标指针拖动元件边界点等比改变元件的尺寸。 复制元件通过鼠标右键菜单的【复制】与【粘贴】或者使用通用快捷键CtrlC键与CtrlV键可以完成画布间或者软件间的复制粘贴操作同一画布中可以通过CtrlD键进行复制或者按住Ctrl键不放拖动元件到新的位置松开完成复制与摆放的操作。 编辑文字部分元件可以添加文字内容。在未开启单键快捷键功能时直接输入即可替换当前文字内容开启单键快捷键功能时需要双击元件或者在元件上点击按下回车键进入文字编辑状态。
二.基本元件库
1.基本元件使用
【举例说明】积木通过积木可以拼接出各种模型元件亦是如此可以通过元件的组合可以实现我们各种需求。基本元件基本元件是由形状元件、图片元件、线段元件及中继器构成 形状
包括了矩形、圆形、矩形的应用比较广泛它可以用来做很多的工作比如作为页面的背景只需要将矩形填充相应的颜色即可还可以把他制作为按钮、选项卡使用的时候调整矩形的形状或调整圆角即可。 制作原型时可以用它来代替对一些没有交互或者交互比较简单容易说明的区域也可以做成关闭按钮。占位符在保真比较高的产品原型中作用不大。 背景图 各种个性形状 表格 按钮 导航操作 ....... 我们还可以通过在元件上点击鼠标右键通过菜单中的【选择形状】让矩形变为圆形或占位符。 另外形状元件还可以通过上下文菜单【变换形状】选项中的【转换为图片】将形状元件转换为图片元件。 在Axure RP 9中我们还可以为形状添加背景图片。形状元件一般用于页面中的背景、边框、按钮、分割线等。 图片 使用方法图片元件的操作比较简单可以通过双击选择本地磁盘中图片将图片载入到编辑区axure会自动提示将大图片进行优化以避免原型文件过大。
图片缩放 手动调整图片的大小时会失帧导致图片不美观 通过将图片锁定的方法让图片等比例缩放当然也可以通过 shift键来操作等比例防缩 LOGO 轮播 ........ 如果需要批量添加图片可以通过多选本地磁盘中的图片素材文件并拖入的方式添加到 Axure RP 9 的画布中。 【提示】图片可以添加文字内容需要在元件上点击鼠标右键从菜单中选择【编辑文本】进入文字编辑状态。 文本
文本元件包括文本标签、文本段落、一级标题、二级标题和三级标题用来表示页面中的一些文字内容。 实际上文本元件也是形状元件给文本元件添加边框就变成了矩形元件。
热区 热区是一个透明的元件通过属性设置就可实现类似超链接的功能。
常用操作比如在一张图片中的两个位置上添加点击跳转的效果就可以在这两个位置上放置两个热区然后为热区添加点击跳转的交互。 热区的应用 1.可以添加成链接用作链接跳转在一定程度上减少工作量。 2.跳转到层或区域比如滑动网页时回到顶部跳转。 3.可以添加交互比如翻看网页时自动加载。 4.用作跳转如果每个标题都需要添加一个跳转链接太繁琐可以添加一个热区 通过热区来达到跳转。 新手在初期学习使用axure软件时仅需要了解热区功能及应用 线段元件 水平线、垂直线。选择水平线或垂直线可以作为表示页面一些区域分割时使用比如在两块不同区域之间添加一条水平线来明显的区分。
使用方法将水平线或者垂直线拖拽到右侧画布中然后按下 Ctrl 键将鼠标置于线段末端进行旋转。
画布灰色地区 但需要快速定位到白色部位时:可以通过crlt9 快速定位白色地区 三.表格元件以及表单元件 文本框
用于输入一行文字内容。 比较常见的使用场景是用户登录功能中用户名与密码的输入框。 文本域
文本域也叫多行文本框用于大量文字段落的输入。
下拉列表
用于多个选项的单项选择往往也会有多个下拉
列表联合选择的出现。
列表框
直接呈现选项的选择框可以支持单选或多选。 注意列表框元件与文本域元件在画布中外观一样就像女装大佬虽然长得像女人但是功能不一样。在交互功能面板中会显示元件的类型注意分辨 单选按钮
用于多个选项的单项选择有些时候可以用下拉列表替代。
复选框
用于一个或多个选项的选择可以选中和取消选中状态。
菜单与表格元件的使用
菜单和表格元件都是绘制线框图的元件方便易用。但是因为样式编辑受限所以高保真原型中很少使用。这些元件在画布中的很多操作基本通过右键菜单中完成例如行、列、节点、菜单项的添加、删除、移动等操作
四.表单元件的案例
登录实例
