轻松入门UX 交互设计基础 交互之原型设计 交互设计高级进阶 用户体验设计 web端产品设计

Axure制作移动应用

 


学习移动应用VS网页应用特点


从手势角度,移动端不像PC端,我们一般使用鼠标或者笔记本电脑的触控板,只有点击和拖放。在移动端,移动设备的便捷以及电容触摸屏的发展,让我们有无限的空间去使用更多的手势来辅助。在移动端的手势如:


1.轻触


打开按钮,调整开关,按钮点击区域大小也要慎重考虑。使用更小的空间去触碰按钮,使用更大的空间让用户触碰。


2.滑动


移动端常见,如对时间进行设置、浏览页面,滑动滚轮。占面积比较大。


3.拖动


在移动端并没有像PC端应用得多,在移动端对文字进行编辑时,需要拖动文字首字母。区域比较小,设计时考虑给手拖动时的反馈。


4.缩放


对照片进行放大放小,通过两个手指控制。


在软件上设置操作就会出现问题,所以用PC做不能实现滑动。我们对安卓手机长按操作不能实现。缩放和旋转也不能用PC完成。


mobile.png



学习移动应用设计的途径


1)移动设备交互设计


2)移动应用UI设计


3)IOS Human Interface Guidelines


4)Material design Guidelines



快速移动原型工具


1)Axure


2)InVision


3)POP



如何快速搭建原型


1)页面中先创建区域;


2)选择部件库的元素(顶部、导航、筛选组建、文本框、键盘)。



做页面拖动功能


1)添加动态面板(图片区域);


2)把图放到滑动区域内;


3)触碰到底部顶部线条不动,添加动态面板,用到两个标识类;


4)给图片拖动增加条件,图片在上标和下标之间延轴拖动;


5)当图片没有接触到标记时,移动图片,让图片退回到原来区域。



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
? 2012-2016 葡京国际首页 www.ybxiongdi.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

秋招大聚惠,豪华礼包你领了吗?

客服热线 400-862-8862

回到顶部