首页 资讯 关注 科技 财经 汽车 房产 全国

网络

旗下栏目: 教育 体育 网络 军事

Axure新技能:利用github上传原型并将原型放进手机

来源:滨州新闻网 作者:老曹 人气: 发布时间:2018-10-12
摘要:写在前面(Q&A) 1. 这篇文章主要是讲什么的? 这篇文章满满的技术干货,主要分为两个部分:第一,如何利用github上传原型, ...

Axure新技能:利用github上传原型并将原型放进手机

Axure新技能:利用github上传原型并将原型放进手机

写在前面(Q&A) 1. 这篇文章主要是讲什么的? 这篇文章满满的技术干货,主要分为两个部分:第一,如何利用github上传原型,生成链接;第二,如何将APP原型放进手机,做成一个高仿原生APP? 2. Axure不是有自带的原型生成网址的功能吗(),为什么要用github? 是,Axure是有自带将原型发布到Axure的功能,但,根据个人经验来看,其打开的速度实在太慢了,稍微没点耐心的人,还以为是你原型画的有问题呢。所以作为一个注重用户的体验的产品汪的我们,应该最好是能规避这种事情的发生~ github好处多多,本汪将在下面的章节中具体说明 3. 把原型放进手机,做成一个高仿原生APP,具体是什么样的呢? 简单地说,就是让桌面有应用图标,点进去可以有各种操作,生成这样的一个高保真APP原型。 话不多说,先上图(你能分辨的出此桌面哪一个APP只是个原型demo吗?)

Axure新技能:利用github上传原型并将原型放进手机

Axure新技能:利用github上传原型并将原型放进手机

Part 1:如何利用github上传原型,生成链接 为什么要使用github? 1、github是一个面向开源以及私有软件项目的托管平台,很多公司的技术团队都使用git或svn来管理代码,产品汪使用github会程序猿哥哥感觉你更专业~ 2、github可以随时提交新版本以及回退到历史版本,使原型也有版本控制,再也不担心给错原型,同时每一版本的原型都有记录,方便和程序猿哥哥讨(si)论(bi)需求是否满足~ 3、github是免费的,快速的,不用你租服务器发布项目等等复杂操作,入门成本相对较低,并且功能基本能满足PM的要求~ 手把手教你如何利用github上传原型 Step 1:注册一个github的账号 网址:https://github.com/ 填写个人基本信息,即可完成注册~ Step 2:创建项目 在登录了之后,会跳转到如下的界面,可通过“start a project”或者右上方“+”号下面的“New repository”创建项目。

Axure新技能:利用github上传原型并将原型放进手机

Axure新技能:利用github上传原型并将原型放进手机

跳转至下一页面,填写项目的名称,注意,项目名称(如下APP_Demo)一定要是英文,因为这个名称就是后面生成链接时链接的名字,所以中文字符无法识别,会被统一成“-”

Axure新技能:利用github上传原型并将原型放进手机

Axure新技能:利用github上传原型并将原型放进手机

Step 3:下载安装git客户端 github是服务端,要想把本地项目代码上传到网上,还需要使用一个git客户端。 点击set up desktop下载git客户端,然后安装并登录。 另外,有一个个人的小小经验,在官网下载后的GitHubSetup.exe,由于安装过程也是需要联网的,可能会由于一些未知的原因无法安装成功,所以我当时是使用的朋友发给我的github离线包。 如果在安装过程中遇到问题的朋友,可以下载离线版的github哦~ 本小汪贴心给出网盘地址:链接: 密码:afom Step 4:copy项目到本地 将刚刚在服务器端创建的项目copy到本地,这样才能成功将本地项目代码上传到服务器。 操作如下:

Axure新技能:利用github上传原型并将原型放进手机

Axure新技能:利用github上传原型并将原型放进手机

这时会弹出浏览文件夹,也就是选择将该项目复制到你本地的哪个文件夹下,我一般会有一个固定放置github项目的文件夹。并且系统会自动生成克隆的项目,所以我的项目克隆最终文件的绝对地址是D:GitHubAPP_Demo(搞清楚克隆项目的本地地址非常重要,因为我们需要在下一步中将原型文件生成到该目录) Step 5:将axure原型生成到本地目录

Axure新技能:利用github上传原型并将原型放进手机

Axure新技能:利用github上传原型并将原型放进手机

Step 6:提交到服务器端 在axure原型文件生成以后,我们再回到git客户端,会发现上侧出现了“539 uncommitted changes”,表示有539个未提交的改变。这是因为我们将axure原型生成到了github的本地目录里面而产生的改变,git可以实时获取到。这是我们点击提交到服务器“commit to master”,并且点击右上角“Sync”进行同步

Axure新技能:利用github上传原型并将原型放进手机

Axure新技能:利用github上传原型并将原型放进手机

上传成功后,系统会有提示,同时还会给你一个“undo”撤销的选择。并且在“history”里面,我们可以查看到本次提交的版本。

Axure新技能:利用github上传原型并将原型放进手机

Axure新技能:利用github上传原型并将原型放进手机

Step 7:生成网页链接 右击该项目,点击View on GitHub ,可以看到本次版本修改的变动。

Axure新技能:利用github上传原型并将原型放进手机

Axure新技能:利用github上传原型并将原型放进手机

这样就可以得到原型的网址了(如上图Your site is published at ……..(被我马赛克掉了~)) 这样你就可以很顺畅的浏览你的原型网站了,不用担心像share.axure.com上面那样卡到没脾气~

责任编辑:老曹
首页 | 资讯 | 关注 | 科技 | 财经 | 汽车 | 房产 | 全国

Copyright © 2012-2016 沾化新闻网 版权所有 鲁ICP备15024898号-1  在线客服:

电脑版 | 移动版邮箱:2719049161@qq.com