前端学习第一天

axure的基础使用

1.原型介绍

原型(prototype)这个词来自拉丁文的词proto,意谓“最初的”,意义是形式或模型。在非技术类的文中,一个原型是给定种类的一个代表性例子。
在这里我们主要讲的是软件原型,在软件开发中,一个原型是产品或数据系统的一个基本的实用模型。
软件原型包含但不限于:功能、交互、UI。

软件开发工程中原型的地位:便于快速沟通、确定明确需求

2.Axure介绍

Axure RP是一款专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。
Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。
Axure RP Pro能快速帮助设计者设计出快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。
优势:
Axure这个软件功能强大,可以做出很多交互效果,直接通过拖拽画出原型、生成网页;
Axure这个软件效果高,只有遵循一些可用性原创,很快模拟出高保真页面原型。

Axure中文学习网:https://www.axure.com.cn/

通过打开Axure软件,原型文件后缀名是*.rp。通过后续的教学可以梳理出以下要点:当与甲方沟通时,可以有以下三种方式:

  • *.rp文件
  • 菜单栏-文件-导出图片
  • 菜单栏-发布-生成HTML文件

使用方法不再赘述 下面只说明一些使用的细节

1.对于单选框的互斥方法,需要将多个单选按钮设置为同一按钮组

     操作方式:选中多个单选按钮,右键,指定单选按钮组

2.下拉列表框需要双击列表框添加列表选项

3.使用iconfont

     操作方式:在谷歌浏览器中安装axhub插件,随后直接复制图标

4.添加第三方元件库

     Axure自带的元件有时并不能满足我们的设计需求,所以市面上许多前端组件库提供了相对应的Axure元件库供给设计师使用。常用的有elementUI,vant,antDesign等将下载好的元件库导入到Axure中即可   ,一般是rplib文件

5.母版

     作用:风格的统一、元件的复用新建母版:已有元件,右键生成母版左下角新建母版使用:从左下角拖拽使用行为方式:任意位置、固定位置只要修改母版,每个页面的引用的母版内容就会改变

6.自适应

可以根据窗口的分辨率自动调整页面样式。我们需要在页面属性中开启自适应:


需要设置不影响所有视图

7.外边距

在上方的“垂直”和“横向”按钮可以调整外边距,使其均匀分布

8.交互

交互逻辑比较简单,设置好触发器,触发动作即可

产品设计:axure的基本使用相关推荐

  1. axure文件如何加密_最全产品设计工具整理,你都掌握了吗?

    好的工具可以让你在设计时如虎添翼,作为一名UI/UX设计师想要设计出让用户满意的作品,除了需要具备高超的技能.丰富的经验外,还需要掌握一些工具.下面辞典酱将提取UI/UX设计中,相对核心的工作流程,并 ...

  2. 产品管理|产品设计流程[完整版]

    产品设计(Product Design)没有一个合乎情理的流程,即使人们总是呼吁敏捷开发(AD:Agile Development).极限编程(XP:Extreme Programming),但必要的 ...

  3. 产品设计的从0到1全流程:以优惠券为例

    本文由作者 B端周玥 发布于社区如何将产品从需求调研到落地的全流程拆解?本文是自己当产品1年时候写的,适合于初阶功能点的产品设计 我们刚开始做产品时,可能都会有这样的困惑:老板说要做某个新功能或模块, ...

  4. 【干货】接地气的产品设计流程

    最近正在做新产品设计,心血来潮,总结一下我惯用的流程套路. 一.前期设计 首先,我得有一个方向,这款产品最重要的场景是什么,面向哪些受众,解决什么问题,解决思路又是什么.然后才会知道,产品是否有趣到挑 ...

  5. 设计|从活泼的C端产品到严肃B端产品设计,我是如何自如切换的

    大饼,资深交互设计师,UEDC交互项目组主管 2013年加入网易,先后在参与或主导易信.网易杭研质量保证部项目.网易云信.网易七鱼云客服.网易易测等网易云产品等多项产品的规划构思与用户体验设计. 我最 ...

  6. 用dreamweaver cs6快速布局后台架构_后台系统:产品设计 | 七步法

    点击上方 "三分设 "  → 点击右上角"..." → 点选"设为星标 ★ " 赶快为三分设点上★,帮助全球 1 亿设计师成长 后台产品设计 ...

  7. 在线教育、精品课程、直播课、课程交流、历史观看、订单、收藏、余额、推荐、关注、购买课程、充值、产品设计、线上教育、视频课程、教育app、在线课堂、网络教学、远程教育、教学辅导、学习平台、K12教育

    在线教育.精品课程.直播课.课程交流.历史观看.订单.收藏.余额.推荐.关注.购买课程.充值.产品设计.线上教育.视频课程.教育app.在线课堂.网络教学.远程教育.教学辅导.学习平台.K12教育 A ...

  8. 10款免费原型设计工具,产品设计得力助手

    经过多年的产品设计的积累,也对原型设计工具产生了很大依赖,可以这么说,很多优秀的产品设计,是离不开产品设计工具的,一个好的产品设计需要的工具由很多,例如:图片处理的photoshop.文档描述的wor ...

  9. 1.产品/数据产品设计

    1. 概述 产品设计逻辑和流程可以分为3个环节:用户需求调研梳理.产品设计流程和产品原型及需求文档 数据产品的本质是更好地为用户提供信息服务.数据产品设计的关键点和起点在于深刻准确地把握用户需求,而用 ...

  10. 产品经理入门02:项目规划及产品设计

    〇.主要工作流程 需求调研→需求分析→原型设计→需求确认→文档输出→需求评审→开发阶段→测试阶段→发版上线 需求调研:整个阶段的开始(任务认领) 需求确认:立项的关键(展示设计) 发版上线:工作成果的 ...

最新文章

  1. 分享实录|区块链技术与智能合约入门(开发实例)
  2. FrameBuffer研究
  3. servlet面试常考 (转载)
  4. 如何在CircleCI上构建支持Graal的JDK8?
  5. 百分比单位始终根据父元素相应值来计算_CSS Viewport 单位,很多人还不知道使用它来快速布局!...
  6. 性能测试搭建Jmeter分布式压测与监控
  7. [转]Ubuntu terminator 无法打开解决方案
  8. Siverlight 自定义TreeView 显示带连接线的组织结构树
  9. 能力风暴智能机器人编程实例与vjc4.2的相关问题
  10. 计算机地图制图的论文,计算机地图制图实习报告.doc
  11. 4.1深度优先遍历的迭代方式
  12. 修改屏幕分辨率比例,4*3拼接屏 21:9 比例,大屏项目拼接适配屏解决方案
  13. 1寸、小2寸、2寸证件照片是多大尺寸?
  14. 话费充值api接口 手机话费充值功能接入
  15. C++中函数后面加const
  16. 固本培元之二:字符串和转义符
  17. 腾讯云服务器地域怎么选?地域可用区选择四大因素
  18. 【考试记录】Apsara Clouder基础技能认证:实现调用API接口
  19. 内网中设备通过一台主机做端口转发联通外网( TPLink路由映射,端口转发,windows自带端口转发netsh interface portproxy)
  20. Tekla二次开发——AutoCAD导入Tekla

热门文章

  1. android -------- ConstraintLayout 宽高比和偏移量比(三)
  2. 2018中原工学院网络安全校赛
  3. 计算机管理器磁盘清理,win10 磁盘空间清理管理器已停止工作怎么解决
  4. 【学习笔记】吉司机线段树
  5. 计算机专业人才需求大吗,对计算机专业人才需求现状
  6. wps页眉怎么设置不同页码_如何设置 页眉页脚和页码
  7. 基于netty实现gps jtt808协议接入
  8. 使用matlab进行简单图像处理
  9. 知网回应学者侵权投诉:在研究整改方案,不是一两天能解决,每天忙到零点
  10. win10 红警启动必要文件