axure手机原型模板下载(axure画手机原型尺寸)

如果不设置自适应视图,使用axure原型图制作的原型不会自动适应任何设备。要解释清楚这个问题,需要很长时间。请参考点/像素/PPI/DPI的含义以及它们之间的关系。这里就不赘述了。我将为您提供常用移动设备尺寸的列表。制作原型时,根据查询的大小设置axure中的大小。设计完成后,在生成HT ML(
包含Viewport标签),并配置axure prototype的接口大小。生成HT ML后,正常浏览到对应的移动设备。
例如:iPhone4 320*480
iPhone5 320*568
iPhone6 375*667
iPhone 6 Plus 414*736
三星银河S4 360*640
如何创建应用程序页面
目录,创建一个适合自己的目录,然后加载到Axure中。然后每新建一个APP页面,axure prototype的手机界面大小就从左边的组件库拖到右边,然后直接把位置改成(0,0)。扩展,在创建目录时尝试命名这些组件,比如页面框架、向上导航、左键和右键。这样以后需要修改的时候可以直接全局搜索。
使用master创建APP页面:可以使用master制作,但是在设计新的APP原型时不能重复调用,但不建议使用。
有些页面需要考虑重要内容,让用户第一眼就能看到axure原型。例如,产品详细信息页面需要确保订单应该显示在任何屏幕的第一个屏幕上。多读书多学习,所以从横尺上拉出一条线。有了箭头,你就下拉到667。如果你的应用很特别,所有的页面都需要一个屏幕线。Axure原型绘制手机界面尺寸然后构建一个“固定位置”类型的master并绘制一条位置为(0,667)宽度约为400的水平线。然后“添加到页面-所有页面”。
考虑到主流屏幕
虽然你的样机375×667只是iPhone6/6s/7的逻辑分辨率,axure样机显示的是手机的接口尺寸,但是我们可以在样机中反映出主流屏幕的分辨率。如需特殊改编,请另行说明。比如安卓的主流分辨率是720×1280,原型尺寸是360×640。创建一个“固定位置”类型的母版,模板内容是一个360×640的页面,然后批量复制到所有APP页面的底部。
关于颜色
线路图黑、白、灰的纯美,有利于集中精力布局界面。axure prototype在不关心界面配色的情况下,展示了手机界面的大小。
黑色和灰色的常用值是:
黑色文本#282828
文本深灰色#656565
文本浅灰色#98989
浅灰色边框# #C3C3C3
背景浅灰色#f2f2f2
按钮背景纯白#ffffff
最后
界面布局:全屏尺寸750x1334px
电源栏高度40px,导航栏88px,标签栏98px。
Axure原型手机界面大小:各区域图标大小:导航栏图标44px,标签栏图标50px;
每个区域的文字大小为:power bar 22px,导航栏-text 32px,20px对于标签栏。
常见的文字尺寸:32px、30px、28px、26px、24px、22px、20px;
常用颜色:浅灰色背景#f2f2f2,深黑色文字#323232,axure原型,手机界面大小,深灰色边框颜色# cccccc
常用可点击区域高度:88px;
单行文本的背景框高度:88px,双行文本:176px,三行文本:264px;
常见间距:亲密距离:20px;远距离:30px,其他距离:10px,44px等。
将原型图制作成直角轴原型图。手机的界面大小和圆角半径都是Ui设计的。
在这种情况下,需要修改原型。单个页面的逻辑流程图或者用户的学习使用时间超过其他页面的平均值,axure原型的界面大小3倍以上;
更多axure原型示例,请点击下面的“了解更多”。

其他教程

五部影视剧,全面收录无限流的优秀小说,女主多,无女主。书不够的时候请进来。

2022-8-8 2:57:18

其他教程

彩虹六号围攻模式(彩虹六号围攻垂直同步)

2022-8-8 2:59:27

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索