axure原型怎么让文字自动换行_Axure骚操作系列:“生成”手机APP
很多产品朋友想在手机上预览自己的原型,这样给到甲方和程序时能更直观的展现产品全貌,大幅度降低沟通成本,笔者尝试了以下方法(老司机可以直接看方法三)。
一、使用官方Axure Share
- 优点:简单部署,注册Axure账号,直接发布到Axure Share,手机端使用官方App登录即可查看原型。
- 缺点:由于某些原因,官方服务器访问及其缓慢,这种方法聊胜于无吧。
二、使用国内第三方原型托管
这里推荐 产品大牛 和 Axhub,大家还可以找到更多,其实原理就是国内服务器部署了代理服务器,大家把html原型文件上传后就可以查看到。
- 优点:访问速度快,可以设置密码权限。
- 缺点:每次更新Axure文件需要打包html文件。
三、“生成”手机APP(老司机直接看这里)
我们基于方法二就可以用链接生成一个APP了,实现过程如下:
(1)准备工具
AxureRP9 第三方原型托管平台(以产品大牛为例) Fusion App。
(2)绘制手机端原型
笔者推荐使用AxureRP9,因为使用AxureRP9的自适应视图对手机端有更好的适配体验(AxureRP8也可以用自适应视图)。
我们在绘制原型时,设置自适应视图:
设置自适应视图
这样,在PC浏览器上,方便程序员美术可以看到我们的功能点需求说明,在移动端可以直接自适应(隐藏说明,只显示原型功能内容)。
PC版视图内容
PC版视图效果-可向程序美术展示
手机版视图内容
手机版视图效果-可向老板甲方展示
(3)生成html后上传至第三方托管平台(以产品大牛为例)
上传至产品大牛:
上传至产品大牛
获得原型演示链接:
原型演示链接
(4)“生成”手机APP
有了演示链接后,我们就可以通过PC浏览器预览PC版视图,也可以使用手机浏览器(推荐谷歌)查看我们的原型了,但是手机端浏览器体验还是不爽,使用Fusion App快速生成一个套壳APP,瞬间将原型提升至原生体验(斜眼233)。
下载安装Fusion App(文末有链接,或者酷安市场可以下载); 右下角新建一个工程。
新建工程
选择空白模板:
选择空白模板
输入应用名称,自动生成包名(注意包名必须是三段式不能有特殊字符)。
输入应用名
输入我们之前的演示链接,打开显示状态栏,其它选择默认。
输入原型演示链接
右上角选择应用打包,安装应用
安装应用
安装完我们就获得了一个套壳APP,可以将这个安装包扔给老板,甲方客户,体验so cool。
安装完成
打开APP 甚至还有导航栏配色自适应!
打开APP
进阶操作:我们发现好像内容没有自适应呢?这里有一个隐藏操作,连续三击屏幕会弹出Axure的一个设置菜单。
设置适应宽度
右侧两个卡片可以查看原型页面目录和页面说明,不再赘述。
再看我们的原型内容:
完美适配
笔者体验下来,因为原型托管在国内服务器,加上各项交互操作下来,有着不亚于小程序、PWA应用的体验,AxureRP9也重构了它的内核,所以速度确实有所提升。
作者:盐粒,一只幼年产品流浪狗
本文由 @盐粒 原创发布于人人都是产品经理。未经许可,禁止转载
题图来自Unsplash,基于CC0协议
axure原型怎么让文字自动换行_Axure骚操作系列:“生成”手机APP相关推荐
- axure原型怎么让文字自动换行_Axure动态面板教程(快速入门+轮播图案例)
动态面板(Dynamic Panel)是Axure的核心功能之一,但很多初学者都反馈理解有难度,今天用一个简单的例子让大家快速掌握它,并且学会做一个常用的轮播图. 12月21日更新:B站视频版教程: ...
- axure原型怎么让文字自动换行_理解「回车」和「换行」,纠正数据输入过程中的坏习惯...
各位朋友,你们好. 今天和大家分享的是一个很小很的技巧:文字.内容换行. 关于文字换行,你们可能已经看过了很多这方面的文章,那些文章中确实已经讲解过不少换行操作的方法.那么我今天讲什么呢?大家看内容目 ...
- axure原型怎么让文字自动换行_Excel换行技巧分享,学会这些方法你也是大神
平时工作中大家几乎都会跟Excel有所接触,各种统计表.人员名单等等都离不开Excel来制作,但是入手容易上手难的Excel还是让很多人迷茫的无从下手,例如在Excel单元格中的换行问题,直接按Ent ...
- axure原型怎么让文字自动换行_苹果手机输入法编辑文字时怎样换行
刚使用苹果手机时,相信许多朋友跟我一样,在微信跟朋友聊天,备注好友信息时,文字格式要求换行时,却不知怎样换行,一头雾水,有没有? 也不知道开发技术人员是怎么想的,感觉很不人性化.上周一同事也是问到这个 ...
- axure原型怎么让文字自动换行_文本文档怎么创建_文本文档怎么自动换行的方法...
在处理各种工作的时候,文本文档都是比较常见的使用工具,尤其在电脑工作者的日常工作中,这些都是不可或缺的,经常需要保存一些临时的文档或者是文本文件,那么在保存的时候要选择先建立文本文档,那么文本文档怎么 ...
- 看我骚操作‘破解’某查查app的sign以及某眼查的Authorization!
看我骚操作'破解'某查查app的sign以及某眼查的Authorization!!! 这里要用到的工具/开发语言: 1.Python(2或者3) 2.App爬虫神器mitmproxy 3.按键精灵 4 ...
- 漫画:骚操作系列(灯泡开关的经典面试题)
来自:小浩算法 昨天的排版简直逊爆了,让我很不满意!小浩作为一个处女座,追求完美是必须的.所以呢,今天的文章进行了多次的审阅才发出(当然,如果大家还觉得很丑.那我也只能再继续努力.毕竟我不是一个专业的 ...
- python 3.8.5 打包_骚操作 | Python 实现在 App 端的人脸识别
最近闲来无事,研究研究在安卓上跑 Python,想起以前玩过的 kivy 技术,kivy 是一个跨平台的 UI 框架,当然对我们最有用的是,kivy 可以把 Python 代码打包成安卓应用.但是由于 ...
- 产品经理交互设计师必备的已分类的《产品Axure原型库》
本产品库主要是以产品功能划分的Axure原型为主,一共包含53个行业类别,覆盖APP.PC.后台三端的产品原型.所有的产品原型主要来源于网络,保留了原型本身的版权声明和来源说明.主要目的是解决了大家日 ...
最新文章
- 【laravel7.x中文文档】Redis
- 使用Oracle中fileopen命令加载文件时遇到的怪问题(转)
- 七牛云上传的图片进行删除
- 为了压榨CNN模型,这几年大家都干了什么
- xmselect重新渲染_Layui使用总结及多选方案Xm-select
- 【报错笔记】Navicat连接数据库显示2003错误,无法连接到数据库
- springmvc重定向到另一个项目_springmvc怎么重定向,从一个controller跳到另外一个controller...
- css预处理器_【第十一课】初尝CSS的预处理器
- ios 监听数组个数的变化_iOS 监听数组的变化
- html5 canvas图片反色
- md5加密?什么是不可逆?
- android 监测usb有线网卡的网线连接状态 详细一点的输出信息解析
- 腾讯云实验室 Gitea 互动教程上线啦
- 【iOS开发】—— SDWebImage源码学习(未完)
- 微信支付-账户验证及签约指引明细
- mysql数据库命中率_Oracle数据库关于命中率的查询语句总结
- 对话李国杰:突破麦肯锡和图灵的框框,人工智能要解决大问题丨GAIR 2021
- 2022年成都市中等职业学校师生技能大赛【真题】
- Android 进阶路线(思维导图),Android开发实用必备的几款插件
- 白鹭引擎加密算法 - XXTEA -typescript