Axure如何做手机APP原型界面 [问题点数:40分]

Bbs1
本版专家分:0
结帖率 0%
Bbs1
本版专家分:46
Bbs1
本版专家分:10
AXURE原型手机端屏幕滑动效果
1.以iphone6为例,在工作区域拖入一个动态面板,命名为“动态面板1”宽375,高667.2.双击State1进入动态面板1里,在动态面板里再拖入一个动态面板,命名为“顶部菜单”宽375,高667,双击State1进入顶部菜单,设置需要的效果和文字。3.回到动态面板1里,再添加一个底部菜单,方法同上。效果如图所示4.在动态面板里再加一个动态面板,命名为“内容”宽375,高自定义。5.双击Sta...
Axure 6 Android 的原型模板
Axure 6 Android 的<em>原型</em>模板,包括多个Android开发常用的组建。对于<em>原型</em>开发有相当大的帮助。
axure手机原型
各代iPhone、常见Android<em>手机</em>AXURE模型,iPhoneX And iPhone8 Mockup
Axure制作手机UI原型界面滑动滚动效果
用Axure制作<em>手机</em><em>界面</em><em>原型</em>的时候,往往会遇到像Android中listview那种页面,手指在<em>界面</em>上滑动,页面也就跟随滚动,如何在Axure之中模拟这种滚动呢,是用其内部框架linline frame? 用这个有以下几点不妥: 1.      该框架的边框在<em>手机</em>上实在太丑。 2.      只能连接到其他<em>界面</em>,这是不舒服的一点,试想这个内部<em>界面</em>在导航中打开,别人都不知道你这<em>界面</em>是怎么回事。
Axure7.0使用技巧(三)-设计手机APP原型
Axure7.0使用技巧(三)-设计<em>手机</em>APP<em>原型</em>先阅读Axure7.0下载安装教程 Axure7.0使用技巧(一) Axure7.0使用技巧(二)首先下载模板然后打开后,和web设计完全一模一样。其实<em>手机</em><em>app</em>和PC的不同在于<em>app</em>加了个限制大小的框来达到和<em>手机</em>一样大小的屏幕方便设计而已。效果图 ouyida3的csdn博客 2015.4.24
用Axure 9制作移动端原型,并在手机上演示和展示的教程
教程分两部分 1、首先是怎么用Axure 9 制作移动端<em>原型</em>2、怎么在<em>手机</em>打开制作好的移动端<em>原型</em>、并用链接进行查看和演示第一部分(制作移动端<em>原型</em>)Axure 9 ▹ 在右侧选择移动端页面尺寸 ▹ 制作<em>原型</em> ▹ 导出成HTML1、右侧选择<em>手机</em>端的尺寸,也可以自定义来设置尺寸 设置页面为移动端页面 2、制作<em>原型</em>后,生成<em>原型</em>文件,导出HTML 生...
Axure购物APP原型
Axure购物APP<em>原型</em>,包括个人中心、购物车、商品详情、商品列表、搜索页、首页等
axure产品原型手机上运行
最近公司根据业务需要开发一款新的移动产品,让我先设计产品<em>原型</em>,于是我选择用<em>axure</em>进行<em>原型</em>设计。 具体<em>axure</em>如何使用暂时不说了,这篇文字注意述说产品<em>原型</em>如何在<em>手机</em>上运行。 1、下载EasyWebSevr,并进行设置。主目录指的的是你要存放的<em>原型</em>文件。 2、在<em>axure</em>里生成<em>原型</em>文件。在<em>axure</em>里,按F8进行点运行。 3、生成的<em>原型</em>文件拷到到easyweb服务器下。把D:\Document
很全的 AXURE 模板源码(包含WEB端、手机端)
Axure超全模板盘点,拿来即用,费了很大劲才下载下来,包括网站、后台、电商三大类。既有WEB端的,也有<em>手机</em><em>app</em>端的。
Axure 原型模板
web开发<em>原型</em>模板。 个人主页.rp 带轮换样式的Tab页签导航.rp 循环播放.rp 最棒的Axure<em>原型</em>第一季(基础范例).rp 最棒的Axure<em>原型</em>第三季(PC客户端).rp 最棒的Axure原
axure iphone手机元件库原型
<em>axure</em> iphone<em>手机</em>元件库<em>原型</em>库<em>axure</em> iphone<em>手机</em>元件库<em>原型</em>库<em>axure</em> iphone<em>手机</em>元件库<em>原型</em>库
Axure制作App原型怎样设置尺寸?
最近有几位小伙伴儿都提出同样一个疑问:想用Axure设计一个 APP<em>原型</em> 放到真实的移动设备中演示,但不知道应该使用什么尺寸? 若要解释清楚像素和分辨率需要的篇幅比较长,请大家参考百度百科。 这里直接给大家提供一个常用的移动设备尺寸列表,制作<em>原型</em>时根据查询的尺寸在<em>axure</em>中设置大小即可,设计完毕后在生成HTML时设置 <em>手机</em>/移动设备 中勾选包含视图接口( include Viewport t
Axure原型文档+违章处理App(源文件)
Axure<em>原型</em>文档,车辆违章处理App,包括版权说明、修改记录、总览、全局说明、文件与迭代等
Axure原型设计-响应式交互
响应式交互可以做到页面自动相应用户设备情况,兼容不同尺寸,不同类型的多个终端。 添加子视图 1.在项目菜单中选择“自适应视图”命令,在弹出的自适应视图对话框中根据视图信息设置匹配类型 2.在页面的属性标签中,勾选“启用”自适应复选框 父子视图继承关系 父视图被修改,子视图随之修改 子视图中修改过的元件不再随父视图的修改而改变 在子视图中修改样式,父视图不随之修改 在子视图中...
使用Axure RP设计Android界面原型
Axure RP是很有名的一个<em>界面</em><em>原型</em>设计工具,可以灵活快捷的对C/S、B/S程序设计<em>原型</em>。 近期我要开发一个Android客户端,也打算使用Axure RP设计<em>原型</em>。 下载地址:原地址失效,现已重
用Axure RP做整体原型设计的步骤
信息架构确定了之后,就需要对每一个页面进行元素的排版,排版之前,一般都会先对页面进行一个布局设计的考虑。我们需要对这些内容块进行一定的设计布局,这里的布局结构取决于设计人员对内容编排的把握,不同的布局会产生不同的效果。   其实这个应该较早的提出来,因为已经发布过很多关于用Axure RP设计<em>原型</em>实例的文章,不过大部分都是关于单个功能或者交互效果的演示实例,而没有将其串联起来形成一个整体,比如...
简单版商城原型 电商APP 后台 Axure RP 8源文件
简单版商城<em>原型</em> 电商APP 后台 Axure RP 8源文件,APP包括首页、分类、购物车、我的,后台包括商品管理、订单管理、会员管理
设计资源:三个精美APP原型例子下载
<em>原型</em>设计是整个产品生产过程中不可或缺的一环,无论你是移动端UI设计师或是网页设计师,<em>原型</em>设计都会让整个设计过程更加轻松。<em>原型</em>是产品概念的具象化,它让每个项目参与者都能查看并提出意见以便在产品发布前日臻完善。无论是新手还是资深者,都可以从优秀的<em>原型</em>作品中寻找灵感。小编今天给大家推荐三个各有特色的<em>原型</em>作品,它们都使用快速<em>原型</em>设计工具Mockplus设计,希望可以给大家带来启发。   1.<em>原型</em>名称:...
Axure App高品质原型
附件为Axure 8.0高品质<em>原型</em>图,资源难得。仅需5积分就可下载,千万别错过。
社交类APP原型模板分享——QQ
QQ是一款社交类的APP应用——聊天软件,支持多人群聊以及丰富有趣的娱乐功能。 此模板交互效果很丰富,主要有抽屉侧拉效果,滚动内容<em>界面</em>、标签组切换、选择组件触发按钮状态变化、点击下拉展开列表、点击弹出面板等交互操作。 此<em>原型</em>由国产工具-Mockplus制作完成。 先简单看看动图: 点击这里,可以立即在线预览:QQ<em>原型</em>在线预览 再送上UI Flow大图: <em>原型</em>中有消息列表页面、通...
Axure 21套模板,产品原型设计必备。
Axure 21套模板,产品<em>原型</em>设计必备。精心收集整理的21套模板,不可错过。
利用axure原型图——登录界面验证码的实现
第一步:准备好相关的部件,拖入一个矩形框至设计区域,矩形框中默认输入R8UW; 第二步:选中矩形框,选择鼠标单击事件,选择设置变量新增动作,配置动作中选择新增变量,新增全局变量random_str,并给予赋值ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789(验证码就是从这里随机抽取) 第三步:给验证码矩形框随机赋值,配置动作选中验证码矩形框,下方的文本赋值中,点击fx,插
Axure学习之百度登录界面原型
百度登录<em>界面</em><em>原型</em>图 最终呈现效果: 1.焦点进入user和pwd输入框,输入边框和图标变为蓝色,失去焦点恢复为灰色; 2.输入用户名后,输入框末端出现×删除标识,清空用户名,删除标识消失 3.输入用户名后点击删除标识,将用户名文本全部清除。 原件准备 最终效果图:
axurerp7.0天猫商城高保真原型下载
该<em>原型</em>制作了4个页面:首页、商品搜索列表页、商品详情页、结算页,充分应用了Axure7.0学习过程中应该掌握的知识,对<em>axure</em>技能的掌握做一次全面锻炼!由于是Beta版,当时制作时也没有录制视频,下载学习的同学们请自行研究!更多精彩实战视频教程请密切关注金乌老师和<em>原型</em>库网站的动态!
[原型设计]Axure制作高仿真今日头条分享微博倒计时效果
1、新建Axure RP文件,取名“Axure制作高仿真今日头条分享微博倒计时效果”。 2、今日头条网站获取素材。读者需要可留言联系小编获取素材包及RP源文件。 3、将主页图片拖入Home页。如果选择Y,则系统自动优化图片,可以提高加载效率,但是会损失图片分辨率。如果选择N,则可保留高清图片。 4、拖入一个Rectangle矩形控件,覆盖微博图标,并把背景色设置为
Axure仿淘宝搜索原型
做了个模仿淘宝搜索<em>原型</em>,先上图啦 看似简单的搜索栏,包括的内容可不少哦,包含了:矩形、文本框、动态面板等。 操作步骤: 一、添加元件 1.新建三个矩形, 宽:51,高:26 , 无填充色、无边框, 分别命名为:宝贝、天猫、店铺,并为三个矩形添加交互,设置鼠标悬停与选中的交互样式; 注:选中的交互样式中,天猫的填充色与其它两个不一样哦。 2.新建一个动态面板,宽:720,
用Axure制作APP原型(附元件库下载)
用Axure制作APP<em>原型</em>(附元件库下载) <em>原型</em>目的,也可以说要解决的问题: 降低与设计方面沟通成本。 需求阶段能让开发预知技术难度。 提高<em>原型</em>可读性和可操作性。
使用Visio、Axure画原型
http://blog.luwenjin.com/index.php/2009/03/26/visio-wireframe-prototype-tutorial/ 下面是一篇使用Axure画<em>原型</em>图的文章  http://www.qiyeku.com/news/636357/ 一些设置…… visio作为一个通用的专业绘图工具,默认设置不是非常适合设计网页/应用程序<em>原型</em>,经过一些设置之后才会...
axure手机app项目实例
<em>axure</em><em>手机</em><em>app</em>项目实例
Axure RP 8.0 网页与APP原型设计工具使用教程--- 项目经理、产品经理设计必备工具
Axure RP 8.0 网页与APP<em>原型</em>设计工具使用教程 --- 项目经理、产品经理<em>原型</em>设计必备工具 Axure RP 8.0.0.3312版本下载【这个是目前能用的最新的版本,其后的版本都无法注册】 http://download.csdn.net/detail/chenchunlin526/9870003  待续。。。
Axure交互原型移动端元件库
本元件库是专属于移动端的Axure元件库,由常用组件、信息输入、信息输出、信息反馈、综合系列等五大元件类型组成。本元件库中包含各类移动端基本元素、动态交互组件,以及各类常用<em>界面</em>模板,是一套最佳的移动端<em>原型</em>设计指南和解决方案,能助您快速的输出友好美观的移动端交互<em>原型</em>。
非常全面的axureapp原型组件,一套够用
该文件为<em>axure</em><em>app</em><em>原型</em>组件,内容包括:基础组件、页头页尾、弹框、输入框、常用页面切换动效,常用交互动效,内容丰富且使用,逼格极高
商户终端APP产品原型图(axure
商户终端APP产品<em>原型</em>图,使用的是<em>axure</em>设计,网页版。
如何在手机上查看APP原型
一、首先要有一个Axure账号,在Axure中注册后登陆 二、制作<em>原型</em>时要注意尺寸,比如要在iPhone7(750*1334)上展示,<em>原型</em>尺寸应该是:375*667,推荐大家使用这个<em>原型</em>尺寸计算工具http://www.i<em>axure</em>.com/share/yxcc/ 三、制作好APP<em>原型</em>后,按F8或者点击发布>生成HTML文件,然后选择“移动设备”,注意要勾选“包含视口标
Axure实战002:APP原型设计思路
       在做APP<em>原型</em>设计时,我们需要先对项目的整体结构规划清晰,最好能先画个思维导图将整个模型的框架结构整理出来,Xmind就是一款不错的思维导图工具,操作简单效率高。         规划好框架结构并整理好需要的相关素材和数据我们就可以开始着手绘制<em>原型</em>了,这里我用的是母版的设计思路来完成的,首先我们先规划好框架,<em>手机</em>的屏幕大小不一这里我们选用比较中等的尺寸比例即可,iPhone4s...
使用Axure RP设计Android原型
Axure RP中默认没有移动终端的模板,我找了一个Android 4.0的模板,可以直接导入:    之后就有需要 的Android<em>原型</em>控件了
Axure RP8中的最新android界面组件
官网下载的Android<em>界面</em><em>原型</em>组件,2018年12月25号最新的版本
常用axure原型库素材
个人搜集的一些常用<em>axure</em><em>原型</em>库素材,有基础元件、图标、和一些网页的散件构件,比较常用的都保留了。
交互设计:iOS原型尺寸规范
最近公司安排我带一下新来的交互设计师,我想给他制定一份交互设计规范。这样一来,即使新来的交互设计师没什么基础,也可以根据这一份规范,做出大致标准的<em>原型</em>图。因为Ui设计稿是先做iPhone6的,方便向上适配iPhone6Plus,也方便向下适配iPhone5和iPhone4的尺寸。所以,交互设计稿的尺寸,就按照iPhone6的尺寸来做。 在这里我还是要推荐下我自己建的iOS开发学习群:6805652...
APP产品原型设计模板-RP文件
APP产品<em>原型</em>设计模板,产品<em>原型</em>源文件,下载后即可开始设计产品<em>原型</em>。
Axure-制作App上下滑动效果
原文:http://www.woshipm.com/rp/824499.html 学习网站:http://www.woshipm.com 如有侵权,请联系立即删除如何实现上下滚动效果:让内容在显示区域滚动; 内容面板没有接触到顶部时,让内容面板移动至顶部; 内容面板接触到顶部,没有接触到底部时,把内容面板的底部定位到底部元件位置。1、所需元件首先,我们需要准备以下元件:2个矩形(300*30
RP 8 APP原型素材
RP 8 APP<em>原型</em>素材, 包含页面跳转返回,多个页面交互,热区使用等。
Axure18个经典Demo原型
适合入门级别的产品经理参考,都是常用到的一些<em>原型</em>设计知识
用Axure做的一款手机端APP的PRD文档
一款用Axure做的PRD文档,比较详细,后来上线商用。做<em>原型</em>设计或互联网购物APP,有借鉴意义。
Axure RP 8--成绩管理页面原型
前言 一进体侧深似海,从此散漫是路人。因为在B/S基本上已经有个大致的了解,现在在熟悉Angular,然后有个体侧的项目需要大量的优秀开发人员,于是我就厚着脸皮报了个名,哪知道就成功了,从那一刻起,我就是体侧的一员。 内容 插入一个趣事: 昨天一起针对老师给出的需求文档,我们体侧小组一起对每一条都做出讨论并拟定出相关程序制定方案,讨论的时候觉得好简单,所以这也考虑那也考虑,而且如...
视频类App原型制作分享-VUE
VUE是一款短视频拍摄和剪辑App,是视频社交达人必备神器。它的配色简单鲜明。第一次进入App首页时,会有简单的操作引导说明,这在Mockplus中即可使用单独的一个页面来制作,又可使用弹出面板来制作。其次是录制视频时,点击开始按钮,会出现视频录制进度条,这里使用的是调整尺寸动画,将进度条(可以用形状组件表示)原始宽度设置到最小,然后调整进度条宽度即可实现。 先简单看看动图:
axure原型库素材大全含Android素材
常用比较全Axure成熟素材,可以参考。控件可以自行修改,按照对应的格式。 非常经典的,用在Axure的android<em>原型</em>素材库,产品经理必备 个人搜集的一些常用<em>axure</em><em>原型</em>库素材,有基础元件、图标、和一些网页的散件构件,比较常用的都保留了
手机原型图工具推荐
1、Axure RP Axure RP是一个专业的快速<em>原型</em>设计工具。是一个专业的快速<em>原型</em>设计工具,让负责定义需求和规格、设计功能和<em>界面</em>的专家能够快速创建应用软件或Web网站的线框图、流程图、<em>原型</em>和规格说明文档。作为专业的<em>原型</em>设计工具,它能快速、高效的创建<em>原型</em>,同时支持多人协作设计和版本控制管理。 Axure RP已被一些大公司采用。Axure RP的使用者主要包括商业分析师、信息架
实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求
系列文章实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求 实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目  实战使用Axure设计App,使用WebStorm开发(3) – 构建页面架构 本文将采用一个小的App为实例,开始讲述如何使用,Axure做<em>原型</em>设计,使用 Ionic 在 WebStorm 里做开发。从而帮您了
Axure 界面原型设计(1)
Axure <em>界面</em><em>原型</em>设计(1)
原创视频|手把手教你用Axure做一个微信高保真原型(一)
1、背景       其实模仿微信做高保真<em>原型</em>本意是用其面试。之前没有PM经验,也需一些可入眼的作品,方才做了这样一个<em>原型</em>设计。蒙PMCAFF论坛不弃邀我解析该<em>原型</em>,受宠若惊之余便即答应下来,毕竟拜读高段位PM作品也已多时,不愿甘做伸手党的我也该为社区做点共享了。我将会按屏幕,一屏一屏的解析我的思路和实现方法,当抛砖引玉,倘有精彩处还请大家多多点赞,若太过平淡无奇亦欢迎各路侠客拍砖;先行谢过了!废
教务管理系统(界面原型
教务管理系统(<em>界面</em><em>原型</em>)
社交类APP原型模板分享——微信
微信是一款社交类的APP应用——聊天软件,支持多人群聊。 交互效果主要有滚动内容<em>界面</em>、选择组件触发按钮状态变化、点击下拉展开列表、点击弹出面板等交互操作。 本<em>原型</em>由国产<em>原型</em>工具-Mockplus制作完成。 先简单看看动图: 点击这里,可以立即在线预览:微信<em>原型</em>模板 再送上UI Flow大图: <em>原型</em>中有消息列表页面、通讯录列表<em>界面</em>、发现列表<em>界面</em>、我的个人资料列表<em>界面</em>、朋友圈<em>界面</em>以...
Axure RP8 网站与App原型设计经典实例教程-高保真.pdf 下载
Axure RP8 网站与App<em>原型</em>设计经典实例教程》 <em>原型</em>设计已经是互联网行业产品设计过程中不可缺少的环节,也是检验互联网产品经理能力的标配指标。本书以Windows系统下流行的快速<em>原型</em>设计工具Axure RP为基础,以丰富的案例展示了Axure强大的<em>原型</em>设计能力。
如何优雅的用Axure绘制高保真原型心得分享
去年一直想写的Axure小技巧分享,终于还是动手写了,今天主要给大家分享关于<em>axure</em>高保真<em>原型</em>的一些东东。 本文核心内容点: - 啥是高保真<em>原型</em>?(附简单说明<em>原型</em>) - Axure可以画出什么水准的高保真?(给示例,开启装逼模式) - 高保真<em>原型</em>图技巧: - 啥时候上高保真?适用场景 and 不适用场景 啥是高保真<em>原型</em> ? 啥是<em>原型</em>,从事互联网的同学,肯
购物app高保真Axure原型(iphone版,仿淘宝)
购物<em>app</em>高保真Axure<em>原型</em>(iphone版)包含展示,评论,购买,下单,登录,注册,排行,短视频,购物车等功能。图片仅做参考,仅供交流学习!
墨刀和Axure RP:设计App原型图就是如此简单
概述 一个项目从立案到项目结束,项目的<em>原型</em>图设计师必不可少的,作为一个iOS开发者而言,其实我更应该关注一些程序方面的事情,而不是设计方面的问题,但是由于公司人员紧张,没办法只好把我这个小白拉上设计大业的刀锋浪口,正所谓工欲善其事,必先利其器.所以要想要正好设计原图,必先要有好的设计工具,如博客的文章开头图片所示,我这里推荐两个设计工具墨...
作图画原型(Axure),与使用Visio作图时注意事项
1.做筛选时要使用类似与radio标签的东西; 2.如果是筛选按钮都要放一个位置,要放左边就都放左边,放右边都放右边; 3.要有个对齐方式,不要放表格上方中间,要与两边对齐。 另:写文档时,同一段文字里面的格式要一致。 更新时间:2018-8-6------------------------------------------------------------------------ ...
axure模仿手机键盘输入
<em>axure</em>制作的模仿<em>手机</em>键盘输入的<em>原型</em>,仅供参考
一款漂亮的CRM原型界面
一款漂亮的CRM<em>原型</em><em>界面</em>
axure rp8 实战手册 网站和app原型制作案例精粹
本书是一本介绍使用Axure RP 8.0 软件制作Web和App<em>原型</em>的图书,通过对基础操作和实战案例的讲解,帮助读者深入了解如何进行Web与App平台的产品<em>原型</em>开发以及各种交互效果的实现。, 本书共分为2篇。第1篇包含56个基础操作,读者通过对这一部分内容的学习,就能够基本掌握软件的使用方法。在之后的内容如果遇到陌生的操作问题,可以查阅本篇内容来解决。第2篇包含110个实战案例,读者可以在这一部分的内容中,学习掌握<em>原型</em>的开发技巧,以及获得各种实战案例的参考。, 本书不但适合零基础的读者由浅至深地学习,而且适合具备一定基础的读者做为实战项目的参考,也可以作为学校相关课程配套教材,或互联网公司、高新科技企业等新人内训的教程。
日历控件的原型
一个简单的日历控件的<em>原型</em>,当你需要创造日历控件的时候,可以直接下载运用。
关于Axure原型在Axure share上的尺寸问题。
一般来讲,通过Axure制作出来的APP、微信小程序等移动端<em>原型</em>,在Axure上会进行固定高和款的设定。下面我们来进行测试及分析。测试机型:PC端笔记本,iPhone6s<em>手机</em>一部。测试内容:Axure尺寸设置及Axure share展示效果。例如iPhone5的尺寸是320*568;        iPhone6/6S/7的尺寸是375*667;        iPhone8的尺寸继续延续375*...
教育类App原型制作分享-Busuu
Busuu是一款语言学习App,它包含了十几个国家的语言,只需随身携带 Busuu 即可利用任何闲暇时间坚持学习。在这款Mockplus<em>原型</em>中,采用了滚动区来制作横向卡片切换效果,首先将滚动区的背景色透明度设置为0,然后滚动方向设置为“横向滚动”即可实现;其次还有首页的折叠菜单效果,采用的是面板组件来放置需要滑动的组件,然后通过设置移动交互,实现菜单折叠展开效果。先简单看看动图:点击这里,可以立即...
Axure游戏原型设计实例应用(一)——Einsphoton
实例中,使用的是Axure 7.0(英文版) 实例中的工程文件分享:http://pan.baidu.com/s/1o6NqoOE
iphone X iphone 8 原型
iphone X iphone 8 <em>原型</em>框 iphone X iphone 8 <em>原型</em>框
旅游类App的原型制作分享
旅游类<em>原型</em>设计分享,希望大神可以指正。
在IOS设备上演示axure原型
身为一个业余使用<em>axure</em>将近一年的人,一直没有很好的解决的在移动设备上显示<em>axure</em>,主要也是没有仔细去研究。现在记录一下在IOS设备上演示的方法 原料: 5s,nginx,safari 第一步,按照你要演示的<em>手机</em>尺寸设计<em>原型</em>大小 这里就写几个我常用的尺寸,其余的就按需设计吧 i5:320*568 s4:360*640 第二步,生成<em>原型</em>,建议把输出路劲设置成nginx的html路劲,
【Axure实现】高保真手机APP添加银行卡的效果实现
之前在花瓣网上看到一个很有趣的GIF图,是关于添加银行卡的,效果很棒,但是想要找的时候却找不到了,只能凭自己记忆用Axure实现了一下,感谢GIF的作者。 而我这边主要是从支付开始实现,包括银行卡的切换选择以及两种添加银行卡的实现方式。两种方法一种是比较传统的做法,一种是比较新颖的做法。
购物类App原型制作分享-Polyvore
Polyvore是一款个性时尚的购物App,你可以在这里寻找穿衣搭配灵感,同时也会收获各种潮流新品。这款App对新用户特别友好,第一次进入时,大部分页面都会有蓝色的指引箭头来引导操作,在<em>原型</em>设计中,可以使用箭头组件,调整箭头线条幅度和线型来实现引导。其中还有一些小的交互在这款<em>原型</em>中都有体现哦。先简单看看动图:点击这里,可以立即在线预览:https://run.mockplus.cn/gbic5eC...
Axure学习笔记整理4-实现APP页面上下滑动及弹回效果
相对于其他交互效果,Axure制作<em>app</em>页面的上下滑动效果还是比较简单的。 为了使效果显著一点,先做一款简单的<em>原型</em>如下。 第一步,将下面框起来的部分要做滑动的内容选好,点击鼠标右键‘转化为动态面板’,并把这个动态面板命名为‘<em>界面</em>内容’; 第二步,选中‘<em>界面</em>内容’动态面板,选择用例‘拖动时’(有的<em>axure</em>版本可能是‘拖动动态面板时’)进入用例编辑; 选择‘移动--勾选’<em>界面</em>内容‘-...
购物类App的原型制作分享
Villoid App是一个购物类的APP,这次是按照<em>原型</em>的标准,采用了黑白灰的配色,这便于UI设计师后期在颜色上的发挥和设计。细节方面,做了一些页面跳转时加载的动态效果,这也是我们在做<em>原型</em>设计时可以多考虑的地方。下来一起来看看效果吧。 先简单看看动图: 点击这里,可立即在线预览:http://run.mockplus.cn/NQwAhu
axure原型设计之侧滑菜单
由于移动端的屏幕比较小,所以在APP的设计当中,菜单的设计尤其关键,比如有下方固定菜单,上方吸附菜单,点聚式菜单等等。侧滑式菜单则是APP设计中最常见的菜单设计方式之一,它具有不占屏幕,顺手势,可容纳内容多等优点。这一章就教大家如何使用<em>axure</em><em>原型</em>工具制作侧滑菜单。
手机app原型设计
<em>手机</em><em>原型</em><em>app</em>交互设计指导.<em>手机</em><em>原型</em><em>app</em>交互设计指导.<em>手机</em><em>原型</em><em>app</em>交互设计指导.<em>手机</em><em>原型</em><em>app</em>交互设计指导.
大师级的 Axure网站模板,包括后台和APP
大师级的 Axure网站模板,包括后台和APP,非常漂亮,可以直接复制来用。
账号登陆界面制作(Axure)
关于账号登陆<em>界面</em>的制作跟昨天其实异曲同工的原理,同样使用Axure进行制作。 1.制作好注册<em>界面</em>的表面图层。 2.在菜单栏里选择项目,单机项目栏里的全局变量,设置position=left。 3.分别设置1个:   文本框(单行)1                                      文本框(单行)2 3.点击密码隐藏按钮金庸用例设置:              
Axure8 实现移动端页面上下滑动效果
目前,很多Axure新人都在问如何实现<em>界面</em>上下滑动效果,网上相关的教程也不少,各有各的方法,但是很少有教程对滑动界限设置做出比较详细的说明,其实在工作过程中,个人发现练好Axure是很有意提升逼格的,千万不要说<em>原型</em>中做复杂的交互效果会浪费时间,不是每个队友都能理解你的想象和诠释,沟通成本更可怕...所以,连熟了Axure,在复杂的效果也只是分分钟的事.... 准备工作: 1.将Rectangl
拼图类APP原型模板分享——简拼
简拼是一款记录美好、抒写情怀的拼图APP,模板设计风格简约文艺,种类齐全。 此<em>原型</em>模板所用到的组件有标签组、水平分隔线、圆形工具。交互动作有结合标签组实现页面跳转,选择组件触发按钮状态变化等。 此<em>原型</em>由国产设计工具-Mockplus及iDoc(智能标注,一键切图)制作完成。 先简单看看动图: 点击这里,可以立即在线预览:简拼<em>原型</em>模板 再送上UI Flow大图: <em>原型</em>中有启动页,...
Axure学习——我的第一个原型设计
我的第一个<em>原型</em>设计——模仿知乎的注册<em>界面</em>一.模仿什么?模仿一个网站,从两个方面来看。首先是用元件所呈现的这个<em>界面</em>最直观的部分,然后就是交互部分。1.元件布局首先我们来看一下知乎注册<em>界面</em>: 从这个布局,我们很容易分析出来它的各个元件,如下:2.交互效果从上往下看(1)logo和标语,没有什么交互效果,只需要填充相应的数据就可以了。(2)注册矩形框,和下面的条条一样是蓝色的,当点击登陆矩形框的时候,注
Axure原型之简单登录界面
一个简单的<em>axure</em><em>原型</em>示例,仅供参考(用<em>axure</em>8做的,低版本可能打不开)
产品设计|用Axure制作的微信UI(含原型下载)
大家好,这次分享1个自己用Axure制作微信UI的<em>原型</em>。说明:制作这个WeUI的Axure<em>原型</em>的初衷是为了学习微信UI,熟悉微信的UI设计思路和理念。我用了4个小时制作了它,非常建议你也自己动手制作,最后你会和我一样获得很多收获。部分截图:(下面是查看链接) <em>原型</em>查看:http://arngwb.axshare.com<em>原型</em>...
AXURE RP8实战手册 网站和APP原型制作案例高保真
《Axure RP 8 实战手册》是一本介绍使用Axure RP 8.0 软件制作Web和App<em>原型</em>的图书,通过对基础操作和实战案例的讲解,帮助读者深入了解如何进行Web与App平台的产品<em>原型</em>开发以及各种交互效果的实现
Axure RP 8.0原型设计(一):入门
2016年4月Axure公司发布了大家期待已久的Axure RP 8.0正式版。Axure RP是产品经理必备的<em>原型</em>制作工具。Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速<em>原型</em>设计工具,让负责定义需求和规格、设计功能和<em>界面</em>的专家能够快速创建应用软件或Web网站的线框图、流程图、<em>原型</em>和规格说明文档。作为专门的<em>原型</em>设计工具,它比一般创建静态<em>原型</em>的
Axure网站原型项目设计源文件
本文件是在Axure RP7.0 版本设计的网站<em>原型</em>的源文件,本人拥有版权,仅供大家学习交流使用。
原型图APP尺寸大小
最近公司安排我带一下新来的交互设计师,我想给他制定一份交互设计规范。这样一来,即使新来的交互设计师没什么基础,也可以根据这一份规范,做出大致标准的<em>原型</em>图。 因为Ui设计稿是先做iPhone6的,方便向上适配iPhone6Plus,也方便向下适配iPhone5和iPhone4的尺寸。所以,交互设计稿的尺寸,就按照iPhone6的尺寸来做。 1、 iPhone6的<em>界面</em>布局是:屏幕是4.7英寸的...
素材-APP蓝图:Axure RP7.0移动互联网产品原型设计
APP蓝图:Axure RP7.0移动互联网产品<em>原型</em>设计(吕皓月)的配套素材。
Qt Quick - 开启下一代交互动效原型设计
前言在Qt 4.7中,Qt Quick这一概念被引入,当时我就被它强大的功能和能实现的炫酷效果所吸引,但鉴于它采用了一种新的编程语言QML,我一直没有深入学习过它。Qt 5.0以后,Qt Quick开始使用OpenGL作为渲染后端,并且引入例子系统、GraphicalEffects、Shaders等特性,使Qt Quick更为强大。
Slog85_使用AxureRP8设计分销平台原型-基本页面和布局的设计
ArthurSlog SLog-85 Year·1 Guangzhou·China September 27th 2018 ArthurSlog.com MSDN: ArthurSlog GitHub: BlessedChild NPMJS.com: arthurslog 掘金主页 简书主页 segmentfault 道者德之体 德者道之...
阅读类App原型制作分享-Book Amigo
Book Amigo是一款阅读App,它的<em>界面</em>清爽简约,操作快速简单,在这款App中,你拥有一个私人图书馆,可以轻松管理书架。在这款<em>原型</em>中,图书的搜索是用抽屉组件侧滑展开来设置搜索筛选条件,然后再进行图书搜索。抽屉组件在Mockplus中是已经封装好的交互组件,链接好触发组件后,直接双击往里添加内容即可。先简单看看动图:点击这里,可以立即在线预览:https://run.mockplus.cn/M...
电商(天猫商城)APP原型资源分享
最近做了一套天猫商城APP<em>原型</em>和组件库,在这里分享给大家,希望能在大家创作电商类<em>原型</em>时提供参考。(下载地址见文末)<em>原型</em>展示: 组件库展示: 使用组件库快速搭建<em>原型</em>页面: 如上图所示,点击引用后,组件库即可成为自己的引用资源(库内的资源也会实时更新),大家可在项目中使用,快速搭建自己的页面: 资...
一个简单公众号+小程序原型
&lt;iframe src=&quot;https://pro.modao.cc/<em>app</em>/c8d746ef1cc5aaf888a95af514598af41b69c6bc/embed&quot; width=&quot;482&quot; height=&quot;878&quot; allowTransparency=&quot;true&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;
Axure经典案例:金融产品管理后台,仅学习之用
Axure经典案例:金融产品管理后台,Axure PR8<em>原型</em>文件,全套后台,交互操作 仅作学习交流使用
Axure RP 8 App 元件库
最全的<em>手机</em> <em>app</em> 产品设计元件库 ios 安卓 等都适合试用。让你瞬间变成产品大神
物流管理系统和ERP原型界面
物流管理系统和ERP<em>原型</em><em>界面</em>
MFC 控制摄像头摄像、拍照下载
VC平台,C++语言,实现对摄像头的控制,完成摄像、拍照的功能,功能很全面!不需修改,可直接应用! 相关下载链接:[url=//download.csdn.net/download/zdl8936/3538140?utm_source=bbsseo]//download.csdn.net/download/zdl8936/3538140?utm_source=bbsseo[/url]
高职高专院校--电子商务概论下载
针对高职高专院校电子商务课程,理论和案例的有机结合,帮助读者更好将理论运用于实践。 网站建设与维护案例 网站内容设计案例 电子商务B2B案例 电子商务B2C案例 电子商务服务案例 EDI案例 相关下载链接:[url=//download.csdn.net/download/shan23/2012671?utm_source=bbsseo]//download.csdn.net/download/shan23/2012671?utm_source=bbsseo[/url]
中小学教师教育改革的路径选择与方法探索下载
关于中小学教师教育改革的路径选择与方法探索的一篇论文,适合大学生选修课期末作业用。 相关下载链接:[url=//download.csdn.net/download/zhangjian8612/2342387?utm_source=bbsseo]//download.csdn.net/download/zhangjian8612/2342387?utm_source=bbsseo[/url]
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 如何做网页制作视频教程 如何做网页制作视频
我们是很有底线的