有没有适合新手的元件库?小编推荐的axure一库是一款全面包含范围广的原型设计元件库。一库包含后台、网站、APP、微信等各个端的常用元件。尤其后台部分,很多其他元件库忽略了后台。 数据图表、上传图片、设置标签这些后台常用的模块在一库中都能找到。元件库里还写了很多注释。总之用了各种措施方便用户修改,欢迎有需要的朋友下载体验。 范围全面 一库包含后台、网站、APP、微信等各个端的常用元件。尤其后台部分,很多其他元件库忽略了后台。数据图表、上传图片、设置标签这些后台常用的模块在一库中都能找到。 一库里的元件都默认设好了自动布局的功能,新手可以省下时间专心考虑需求了!例如,一库的后台元件中,标题栏会自动扩展到屏幕那么宽,表格在除了导航栏的空白区域自动居中,弹窗自动显示在页面中央等等。 另外,元件库里还写了很多注释。总之用了各种措施方便用户修改。
每个使用Axure的产品经理一定都干过产品群“乞讨”元件库这档子尴尬事吧,费时费力不说,关键运行别人的组件库可能会导致软件报错崩溃就很离谱! 这不,现在已经把Ctrl+S这个组合键练成了肌肉记忆…… 让我对Axure彻底失望是前两天当我在载入新的“元件库”时,你敢相信吗,短短一个小时,它竟然崩溃了8次 直到中午干饭时,听见邻桌小姐姐在讨论一个 另外,它还有很多Web端及App端常用组件及图标,只需要一键克隆到自己的项目中,就能快速实现复用。(内心os:我再也不用天天四处乞讨元件库了!!!) 它无需下载元件库,因为工具中内置了丰富的组件及3000+图标,只需要拖拽或双击组件即可开始画原型,相当省事。 如果需要在无网络的环境或某些特定场合进行离线演示,摹客RP也支持下载离线演示包,生成压缩文件,打开index.html文件,即可离线预览原型稿。
代金券、腾讯视频VIP、QQ音乐VIP、QB、公仔等奖励等你来拿!
大家好,我是代码哈士奇,是一名软件学院网络工程的学生,因为我是“狗”,狗走千里吃肉。想把大学期间学的东西和大家分享,和大家一起进步。 未经本人允许,禁止转载 ? 通过前几篇文章我们学了如何创建页面和摆放元素,无论我们做的页面多么精美,也只是展示而已,好比做机器人,外形做的再好,但是不能行动 那么意义就不大了。 / 大家可以百度下载,有很多,看自己选择 ? 在学习编程的过程中,我们会用到很多的工具,插件,第三方库等等,别人的不一定适合你,但是别人的值得借鉴,站在伟人的肩膀看世界,世界就会清晰很多。 还有一点特别重要,就是自查能力,碰到问题不要想着立马去问人,只有踩了坑,才会知道跳过坑,百度一下,你也许会知道。
如果你想在很短时间内完成iOS原型的绘制和交互的添加,建议选择更简单的工具,除非你对Axure的使用已经非常熟悉了。 目前正版Axure需要付费,并下载安装客户端使用。 对于iOS原型必要的一些图标组件,在摹客中都有提供,拖拽即可使用。另外,摹客的组件是自带交互效果的,这点非常难得。内容切换、渐变、转场等效果可以轻松实现。 摹客不需要下载客户端,在浏览器中进行设计。 需要下载安装客户端使用。 Principle Principle,主打交互动效的一款软件。你可以使用它制作短动画或移动端、Web的交互设计。得益于它的时间轴功能,让交互能够更加自然,贴近真实的效果。 需要下载客户端使用。 Proto.io Proto.io,国外的一款移动设计原型软件。它有着不错的UI组件,也可以自由导入自己的设计元素。支持多屏互动和组件交互。 需要下载安装客户端使用。 以上,就是笔者精心挑选的5款可以快速制作带交互的iOS原型的软件,大家根据自己的设计需要从中选择。原型设计的核心是表达产品设计的逻辑,交互是体现逻辑的重要手段之一。
本文结构分为以下几个部分,希望通过本文的阅读,你能Axure中的变量能有一个清晰的理解。 举一个常见的场景例子,当我们登录网站时,首先进入的是登录的页面,输入我们的用户名和密码,我们来想一想,一个网站每天要承载无数人的登录请求,每个的用户名和密码也是不一样的,如果每注册一个人就把他所注册的用户名和密码定义为一个常量 我们注册网站时,我们输入的用户名和密码实际上在提交注册的那一刻就作为一条数据存储到了后台的数据库中,当我们登录网站时,我们实际上是和后台数据库中的数据进行校验,当校验一致时,我们就登录进了网站。 那么,如何在Axure中添加变量,并且运用呢,这里我们以Axure rp9为基础来制作一个小的交互效果进行说明: Step1:打开Axure,新建一个文件,拖入三个矩形元件,制作出如下界面 image.png Step2:在上方的导航栏中,选择“项目”类目下的“全局变量” image-2.png Step3:选择“全局变量”后,出现如下界面,点击“+”号即可创建一个变量,变量名字自拟,建议最好以英文命名
刚好最近开始频繁的在 Axure 9.0 和 Figma 中切换使用,深刻的感受到了设计细节带来的体验差异化。今天就通过一些细节亮点,总结下工具软件的体验设计的几个原则。 模板化设置 组件化设计 Figma 拥有强大的组件功能,类似于 Axure 中的母板,但是更加灵活。既有父子继承关系,实现了修改父组件后,子组件可以同步修改。 但是子组件又有一定的独立性,内容可编辑,保证了灵活可用。而 Axure 母版则是强制性的,一旦修改了父组件的内容,子组件必然修改。 例如可下拉的选项默认不展示下拉按钮,而是在鼠标悬停时展示,从而让原本信息繁杂的页面变得更加清爽。 而 Axure 则将内容信息平铺展示,无论用户是否需要操作,都会显示设置项的内容。 Figma 采用的是上下布局的方式,上方是功能标题,下方是设置内容。信息层级更加明显,也更加符合用户的浏览习惯。同时具有很好的一致性。 而 Axure 以左右布局为主,左侧是标题信息,右侧是内容项。
2 、调整单元格大小 Axure: ? Mockplus: ? 2、表格的交互方式 Axure的表格与组件的交互,需要在右侧的属性面板进行属性设置,Axure拥有每个单元格都可以进行独立交互的功能。 ? Mockplus这一点上也是最让我喜欢的,只需要鼠标点击拖拽链接点到组件或者项目页面即可实现交互。但是,Mockplus却不能像Axure那样支持每个单元格独立交互。 ? 有一点问题的是:当从Axure中复制东方语言(比如中文、日文等)内容时,粘贴到Excel后,会出现乱码。 总结 Axure的表格组件拥有单元格独立交互的功能,这一点是Mockplus目前做不到。 Mockplus在操作上更加快捷方便,这比Axure强。 总体来说,Mockplus的表格组件更为人性化,可视化更强,用户体验感更佳。
基于以上原因,我决定了解一下Axure RP。 安装 去【Axure官网】下载安装包 也可以去【Axure中文网】下载网友直接提供的汉化安装包。 汉化 我在中文网看到一个汉化教程,按照它的步骤操作之后,我的软件就打不开了~(幸好提前做了备份) 1. 首先你需要下载【汉化包】 axure-lang.zip 如果下载不下来,去百度一个汉化包就行。 解压 将汉化包文件解压, 得到lang文件夹, 然后将lang文件夹复制到 Axure 安装目录. 安装目录在哪里? Windows版: ① 将 lang 文件夹复制到/Axure RP 9.0/安装目录下,汉化后的目录结构类似这样: c://Program Files/Axure/Axure RP 9.0/lang/ RP 9.app程序,然后右键选择“显示包内容”,然后依次打开Contents/Resources文件夹; ② 将 lang 文件夹复制到这个目录下即可; 注意:是将lang文件夹复制过去。
3、多给予用户进度提示,但是不要干扰他们当前的操作,如图片加载与文件下载不应妨碍用户进行页面跳转操作; 三、有章可循的行为模式 1、行为模式遵循用户的期望(正确的操作活动栈,显示用户期望看到的信息和动作 Axure RP让设计师能够快速构建网站或者APP的页面效果及其交互设计,设计效果用来指导程序员对页面元素的排版与交互功能。 该工具生成的原型文件扩展名为.rp,有关Axure RP的使用内容较多,足够写一系列的教程,这里没法详细说明,有兴趣的同学可以自行钻研。下面是Axure RP的设计例子截图: ? 下载下来的安装文件扩展名是air,安装前需确保本机已安装“Adobe AIR运行时”(安装地址是http://get.adobe.com/cn/air/)。 可将下载的文件CutAndSliceMe.zxp扩展名改为zip,用解压工具解压到CutAndSliceMe文件夹;然后将该文件夹放到PhotoShop安装路径的Plug-ins\Panels目录下,重启
系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求 实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目 实战使用 Axure设计App,使用WebStorm开发(3) – 构建页面架构 实战使用Axure设计App,使用WebStorm开发(4) – 实现页面UI 实战使用Axure设计App,使用WebStorm 接下来就是安装Express了,Express的官方地: http://expressjs.com/ 安装方法非常简单,新建一个Server端的项目文件夹,比如DeliverAppServer,然后控制台 所有的Server端RESTful API已经写好了,主要是把原来前端的MockDB,搬移到了后端,然后配置了URL路由信息,基本没有改动,已经放在了本文最后的下载链接里了,你可以直接下载,使用 node 最终代码在:https://github.com/zhangsichu/DeliveryApp/releases/tag/Final 可以下载到。
作为当今两大网红原型工具,Axure和Mockplus都支持样式功能。 那么下面就来讲讲Axure和Mockplus组件样式功能上的具体用法: Axure 在应用界面左上方点击“project”(项目),在下拉菜单中选择“widget style editor”(元件样式编辑器 LQXC))}J(4V3(%$2GS166[W.png 应用样式:应用时,选中某个类型的组件后,右侧即会加载该类型组件的样式,点击对应的样式,即可把该样式设置到选中的组件上; YO~VU5A}})E 但部分简单的组件是不支持样式的,如静态分类下的组件。 UTD4FHC2}ZQR2BGF]ETVJ(A.png 添加样式库:需要输入样式库名称及描述;名称会显示到下拉框的位置;描述用于对库进行一个简短说明,在管理样式库的时候可以看到。
作为当今两大网红原型工具,Axure和Mockplus都支持样式功能。 那么下面就来讲讲Axure和Mockplus组件样式功能上的具体用法: Axure 在应用界面左上方点击“project”(项目),在下拉菜单中选择“widget style editor”(元件样式编辑器 应用样式:应用时,选中某个类型的组件后,右侧即会加载该类型组件的样式,点击对应的样式,即可把该样式设置到选中的组件上; ? 还可以同时选中多个同类型的组件进行样式设置。 但部分简单的组件是不支持样式的,如静态分类下的组件。 ? 删除样式:删除时,只需要把鼠标移动到该样式上,就会显示一个红色的删除按钮,点击即可删除;需要注意的是:只能删除自己添加的样式。 ? 添加样式库:需要输入样式库名称及描述;名称会显示到下拉框的位置;描述用于对库进行一个简短说明,在管理样式库的时候可以看到。 ?
Axure RP是一个专业的快速原型设计工具。它能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。 image Axure RP 8.0(32/64位)****软件下载****地址: 链接:https://pan.baidu.com/s/1ggUOvp5 密码:qxw7 下载提示:由于百度网盘自身原因 安装步骤: 1、选择下载的软件压缩包,鼠标右击选择解压到“Axure8.0(E)”。 ? image 2、在解压文件夹找到AxureRP-Setup.exe鼠标右击选择打开。 ? image 5、点击Browse更改安装路径建议安装到除C盘以外的磁盘,可在D盘或者其他盘创建一个Axure 8文件夹。然后点击Next。 ? image 6、点击Next。 ? image 15、找到自己电脑里的AXURE 8文件夹(参照第五步路径),鼠标右击选择打开。 ? image 16、选择Axure RP 8鼠标右击选择打开。 ?
1 axure是什么 Axure RP是一个专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。 Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图 Axure RP已被一些大公司采用。 2 axure入门指南 坐我旁边的前端今天正好初学axure,然后我就顺便学了几招比较基础的,这里做个笔记先。 首先我安装的axure RP8,要下载的朋友百度搜索即可。 Image.png 第七步:在HTML文件中生成当前页面 ?
系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求 实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目 实战使用 通过 SASS 构建应用程序,它提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。 下一步下载 WebStorm,使用WebStorm作为开发的IDE吧。 6. WebStorm 开发环境 WebStorm下载地址:https://www.jetbrains.com/webstorm/ 下载并安装 WebStorm 安装完成后,使用 WebStorm 打开文件夹 下篇我们可以开始按照 Axure 里的需求开发每个页面了。(本文最终完成的工程代码会放在 github上)
根据Axure中文官网网站发布的紧急通知:“现在(10月18日)通过官方下载地址的最新版本是3312,只有通过开发版下载链接才能下载到最新的3318版本。 “建议企业用户购买正版软件保证工作的顺利进行。个人用户除了购买正版Axure软件,也可以暂时维持当前版本不做升级,当然这也是以失去软件的稳定性为代价。学生或教师用户还可以去官网申请免费的教育版。” 不论是线上还是线下,Axure的培训班都如“雨后春笋”一样地冒出来,为了学习Axure,很多人投了大把的钱去报培训班,效果那就不可而知了。没有了盗版的Axure可用,国内的用户该何去何从? 高价购买正版的Axure,这似乎是唯一的选择。跳出Axure的限制难道就没有别的工具可选择了吗?如果有一款更快,更简单的,而且没有任何语言障碍的国产原型工具,你们会怎么选择呢? 同时还提供3000个以上的图标素材,做图时,通过拖拉的方式把组件进行组合,一个原型图就迅速呈现出来了。
Axure RP 是美国 Axure Software Solution 公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或 Web 网站的线框图 摘自百度百科: Axure 是一个极其简单的软件,如果你不需要做交互,那么你不看教程,也只要 10 分钟就可以掌握个大概。因为你所做的就是拖部件,打字,拖部件,打字,最多加个对齐。 ? : Webhooks 是“用户定义的 HTTP 回调”,它们通常由一些事件触发,例如将代码推送到仓库或一个博客的评论。 重点:对于认证用户,七牛云存储提供免费的存储空间 10GB,每月下载流量 10GB,每月 PUT/DELETE 10 万次请求,每月 GET 100 万次请求。 在正式开始之前,我把产品经理的基本流程概述一下(有一些环节我隐掉了): 首先,产品经理撰写需求文档(可能采用的工具:word, markdown,axure,禅道,墨刀等); 产品将需求文档发给开发(方式
系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求 实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目 实战使用 Axure设计App,使用WebStorm开发(3) – 构建页面架构 实战使用Axure设计App,使用WebStorm开发(4) – 实现页面UI 实战使用Axure设计App,使用WebStorm 然后安装 ng-cordova https://github.com/driftyco/ng-cordova/releases 下载Javascript 文件,将文件放到lib/angular下,并在 到这里所有的页面基础功能就完成了,在下一篇中将连接后端服务,实现用户登录功能,并去掉前端的MockDB,使用服务器端的数据。 本阶段代码可以在 https://github.com/zhangsichu/DeliveryApp/releases/tag/PageFunctions 下载到。
他的任务包括倾听用户需求; Axure RP是一款专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。 Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图 Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。 如何下载(绝对干货) 提示:程序包大约30M,1万多行代码https://pan.baidu.com/s/1C4VKv0I6HvBfbpPA92OgdA 密码:vneo 以上文章属于此公众号原创所有,如需转载请注明出处
我们先回顾下原则。 可以看出产品经理的工作是相当繁杂和多样的,尤其是互联网行业的产品经理,基本上除了日常的沟通工作,大部分的工作都依赖于电脑与其中的软件工具。所以下面就向大家推荐一下产品工具。 Axure RP 能让产品经理快速创建应用软件和基于Web的的线框图、流程图、原型页面、交互页面和规格说明文档。 3.Sketch 推荐指数:五星 推荐使用场景:办公 推荐理由:完全针对移动端设计而生的软件。界面干净直观,分层的概念符合设计师工作习惯,当界面复杂时明确的图层与分组使元素控件管理起来非常方便。 第三方插件的开发和控件库资源使设计更方便,还有很多其他的小功能,比如Share(用其他电脑可以实时观看设计进度),自己还要边使用边发现。
内容分发网络(CDN)通过将站点内容发布至遍布全国的海量加速节点,使用户可就近获取所需内容,避免网络拥堵、地域、运营商等因素带来的访问延迟问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
扫码关注云+社区
领取腾讯云代金券