手机app原型图软件 第1篇
现在开始加入标题-成都
的变化。
把成都
从Weather detail
中剥离出来,便于全局的控制,进行如下设置,
在界面滑动的过程中,字体的大小和X Y
坐标都要发生变化,说明需要找到内容区域Y
轴滑动时的比例,然后让成都
元素的对应属性发生变化。
滑动变化有自己的百分比:(当前值-原始值/变化范围)* 100% = 变化的百分比
原始值:0 变化范围:-245(245是Weather detail
的高度)
成都
文字的属性变化范围是:
在Origami Studio
中确定变化范围,需要使用Progress patch
(到底什么是patch
,会在后面介绍)。
在工作区域
双击,弹出patch
选择框,找到Progress
,
修改Progress patch
的Start value
为0
,End value
为-245
,
开始修改成都
文字的Y
坐标。
开始修改成都
文字的X
坐标。
开始修改成都
文字的字体大小。
至此,我们可以看到滑动时,标题变化的雏形了,
手机app原型图软件 第2篇
对于新创建的项目,整个工程都是空的,
我们可以通过菜单栏的+
,为界面添加各种组件,
也可以直接将Sketch
中的图形,通过复制粘贴
的方式,直接添加到组件区域。
通过Phone -> Nexus 5
将虚拟设备的屏幕,设置成Nexus 5
- 安卓设备;
将组件区域中Color Fill
的背景色修改成白色
,
然后,打开上一章节中Sketch
设计的静态高保真原型,
整个界面就导入完成了,
所以我之前说,使用Sketch
进行界面设计可以事半功倍,它与Origami Studio
配合的非常好。
手机app原型图软件 第3篇
一般来说,原型设计的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师、架构师、程序开发工程师等,对于这些人群来说,学会使用原型设计工具,并通过原型设计工具设计出原型进行方案探索和需求讨论是很重要的。网上有很多原型设计工具,不同的原型工具,其学习难度也是不同的,大部分操作比较简单,会有教程教会你如何使用;如果你不需要做交互,那么哪怕你不看教程,也只要10分钟就可以大概掌握。当然,要真正用好原型设计工具还是比较难的,需要多练习使用。