技巧四:翻转组件

无论是一个组件还是一组小组件集,在Axure6.5中都不止一种翻转方式。在选中组件后,使用组件属性窗格,手动控制组件或文字的翻转角度。如果是选中一个组件集,则里面的每个组件都会各自翻转,打破你之前自定义的图形组合。

若想快速旋转部件,选中它,将鼠标光标移到拖动点并同时按住Cmd(Mac)或Ctrl键(PC)。此时鼠标光标将由一个旋转图标取代。这种方法不仅速度更快,也能保留自定义组合的形状。

技巧五:使用带有按钮图形的图像

创建带有翻转的按钮或许很简单,但再在之上添加一个图标却不是那么容易。在上图中,带有按钮的图像包含了两个组件,因为这两个组件都有OnMouseEnter事件,所以它们很容易有冲突。

下面的动画显示了两个按钮,每个上面都有图标。请注意当光标移动到按钮上面的图标上时左边的图标区域闪烁,触发了OnMouseEnter事件,而右边按钮上的图标并没有闪烁。

这是因为左边的图标堆叠在按钮图形之上,所以当光标经过图标时它忽略了下面按钮图形的OnMouseEnter事件。

避免这种闪烁一种方法是将图标(最好是以透明的PNG格式)放置在按钮图形的下面,使用透明的渐变色作为按钮图形的填充,如下图所示。这样,图标将透过上面的按钮图形显示,也能保证按钮的OnMouseEnter事件是光标经过时唯一触发的事件。

如果你还没有一个图标组件库加载到你的组件窗格,Icon Finder能为你提供一个很好的解决方案,让你快速添加图标到你的Axure原型中。当你需要的免费的图标来创建完备的组件库时,它也可以派上用场。

技巧六:利用现代的表单元素

记得当浏览器最开始支持CSS3 border-radius属性的那一天,世界各地的设计师和开发人员都无比兴奋激动,因为他们终于可以在短短几秒钟内创建弯曲的表单元素,不再需要使用多个图像和复杂的代码。你也可以说,现代的表单元素的出现使我们从此告别了枯燥、四四方方的文本字段,而可以组合圆角矩形图形和与文本字段组件。

将一个圆角矩形图形拖动到设计窗格中,然后再将一个文本框组件拖到它上面。切换文本框的边框,并调整其不透明度为0%。此时文本框没有边界,且是完全透明的,利用它可以创造出一种带有圆角的表单字段的视觉。

试着尝试不同的字体大小、填充颜色、透明度,甚至切换默认/选定的组件状态等,你能创建出更多可用的交互。

>>扩展阅读:怎样在Axure中创建高保真的Axure原型(一)

http://blog.csdn.net/u010706368/article/details/13018059

>>快速原型设计工具Axure RP下载 http://www.evget.com/product/2978/download


http://www.taodudu.cc/news/show-2304125.html

相关文章:

  • 原型图与Axure基础
  • typecho插件仓库集合版,非常方便的使用插件
  • Typecho后台美化插件 TypechoOneAdmin
  • typecho插件:用访问量统计插件
  • Typecho插件之飘雪插件
  • 【Typecho插件】Typecho百度主动推送插件
  • 【Typecho插件】SimpleAdmin后台美化插件
  • typecho插件编写教程6 - 调用接口
  • typecho图片插件_Typecho弹窗相册插件HighSlide1.4.7更新
  • typecho图片插件_Typecho 文章缩略图插件
  • typecho图片插件_Ideal ——接近Typecho完美的插件
  • 【typecho插件】typecho邮箱插件LoveXXzhoudedi祝福邮箱typecho插件、小周
  • PHP轻量级博客 typecho插件安装教程
  • SmmsForTypecho sm.ms 图床的typecho 插件 ,欢迎 star,pr
  • Typecho独立下载插件安装与使用
  • Typecho网站访问浏览总量统计插件PageViews升级版
  • typecho图片插件_Typecho图片表情插件Smilies1.1.3更新
  • Typecho插件:根据自定时间自动切换主题
  • Typecho 插件开发基础
  • 【Typecho插件】SakuraLoad
  • php 评论插件,typecho插件:TeComment评论增强插件
  • typecho图片插件_typecho插件:HighSlide文章弹窗相册插件
  • typecho图片插件_AutoPhotos图片自动排版/图集Typecho插件
  • typecho博客,typecho插件,typecho博客搭建
  • 博客Typecho插件,Typecho采集发布插件大全
  • 【typecho插件】typecho邮箱插件LoveXiaozhou是一款Typecho邮件通知类插件、小周
  • typecho插件,typechoSEO插件,typecho程序插件
  • 向量的矢量积计算
  • r矢量球坐标系旋度_6矢量分析:旋度、散度、梯度.ppt
  • 电机矢量控制(霍尔位置传感器)

怎样在Axure中创建高保真的Axure原型(二)相关推荐

  1. 怎样在Axure中创建高保真的Axure原型(一)

    在用Axure进行快速原型设计时,无需另外使用Photoshop.Illustrator或Fireworks,Axure自带的功能也能让你快速创建具有高保真度的原型. 技巧一:利用标签和按钮 对于复杂 ...

  2. 使用jspdf插件将网页中的内容导出为高保真的pdf文件

    文章目录 使用jspdf插件将网页中的内容导出为高保真的pdf文件 1. 将网页中的内容导出为pdf文件的四种方式比较 2. 第一种方式:html2canvas + jspdf 导出网页内容 2.1 ...

  3. 将DataTable中的数据保存到Excel (二) 使用NPOI

    文章目录 背景 1 NPOI 简介 2 使用NPOI 2.1 创建一个简单的工作簿 2.2 简单的读取内容 2.3 将DataTable数据导出到Excel(NPOI) 2.4 Excel(NPOI) ...

  4. axure低保真原型_如何在Google表格中创建低保真原型

    axure低保真原型 Google Sheets is a spreadsheet, just like Microsoft Excel. Google表格是一个电子表格,就像Microsoft Ex ...

  5. axure rp 创建弹框_如何在Axure RP 9中创建交换机

    axure rp 创建弹框 Axure is a well-known prototyping tool with a lot of history, it has been around for y ...

  6. Axure中移动端原型设计方法(附IPhoneX和IPhone8最新模板)

    Axure中移动端原型设计方法(附IPhoneX和IPhone8最新模板) 2018年4月16日luodonggan Axure中基于设备模板的移动端原型设计方法(附IPhoneX和IPhone8最新 ...

  7. 如何在Axure中使用Iconfont图标字体

    需求背景 在原型设计中,图标是我们使用率非常高的元素,通常我们会选择将图标导出为图片放到Axure里使用,或者使用Axure的图标元件库,但是他们使用起来会有很多不方便的地方: 图片进行缩放会失真,无 ...

  8. axure变成一个小手了_Axure原型:超漂亮的系统首页

    今天和大家分享如何在axure里,用中继器做一个漂亮的系统首页. 大家也可以把这边文章当作中继器的初级教程,本教程中就讲到设置文本.图片.筛选这几个常用的交互事件:希望通过这个案例,能让大家学会用中继 ...

  9. figma下载_如何在Figma中创建逼真的3D对象

    figma下载 by Gbolahan Taoheed Fawale 通过Gbolahan Taoheed Fawale 如何在Figma中创建逼真的3D对象 (How to create reali ...

  10. 产品小白如何在Axure中从无到有创建原型

    如何在Axure中从无到有创建原型呢?一般你是怎么做的呢?这里结合一位学员的学习过程,一起来看看. 先说一下做的内容是什么.这个产品是一个P2P网贷类的产品,有多种贷款模式,在选择其中的一种模式之后, ...

最新文章

  1. python深度神经网络量化_基于Python建立深度神经网络!你学会了嘛?
  2. base64 python兼容js_无法在中读取Base64编码的图像节点.js它是从Python发送的
  3. 通过分析 JDK 源代码研究 TreeMap 红黑树算法实现--转
  4. 时间序列python复杂网络实例_基于时间序列数据的复杂网络重构
  5. Winforn中使用FastReport实现点击导出按钮PDF预览并弹出另存为对话框
  6. 剑指offer58-||.左旋转字符串
  7. centos mysql 安装 yum源_Linux - CentOS 7 通过Yum源安装 MySql 5.7
  8. DataGirdView 编辑项时的验证
  9. python保存模型与参数_基于pytorch的保存和加载模型参数的方法
  10. JQuery树插件——ztree
  11. 英语语法特殊句型刷题总结
  12. Bluedroid 函数分析:BTA_GATTC_Open
  13. 鬼泣模仿秀01——Unity3D实现类似鬼泣的蓄力攻击(C#)
  14. 5java讲解(xy)
  15. Linux命令之投影密码开启和关闭命令
  16. C语言函数fopen,fclose的用法
  17. 马上要参加天梯赛分享优质题目-L3-011 直捣黄龙 (30分)---三个关键字的最短路径算法
  18. Python程序员别秃了,护发防脱发小妙招,收藏吧
  19. UOS桌面操作系统定制镜像(下)
  20. CSS实现水平垂直居中的几种方式

热门文章

  1. 冒泡排序(java)——3种方法
  2. 论文引用:参考文献GB/T 7714、APA、MLA的自动生成
  3. SMARTFORM打印程序模板
  4. echar生成雷达图
  5. 关于电脑分屏截图问题
  6. android体脂代码,该减肥了吗?教你用手机App测量体脂率
  7. Eclipse更换黑色主题 Darkest Dark Theme with DevStyle
  8. python成绩分析系统_用Python编写学生成绩分析系统
  9. 【游戏开发进阶】教你在Windows平台编译tolua runtime的各个平台库(Unity | 热更新 | tolua | 交叉编译)
  10. 主流视频编码器特点、优缺点归纳和比较(H.264、HEVC、VP9、AV1)