收藏本站 在线留言 合作查询:0571-85381397

全国咨询热线:

在线客服/周一至周五
9:00~17:30

客服:800172099 E-mail:zzy@plusbe.com

在线客服/周一至周五
9:00~17:30

客服:1479788452 E-mail:zzy@plusbe.com

投诉方式/周一至周日
9:00~17:30

投诉电话:18758577113 E-mail:chl@plusbe.com

服务热线:

当前位置:首页>公司动态>从iOS7谈起,探讨移动界面的交互设计
从iOS7谈起,探讨移动界面的交互设计2014-04-12

      我想很多设计师已经升级iOS7 Beta版本来体验了,最新的iOS7界面使用了的扁平化UI、依从于内容纤细的字体和鲜明的图标、带有纵深感的层次与动画表现构成了它的全新设计特点。撇开饱受争议的细节设计,静观iOS7,不难发现,许多让我们眼前一亮的瞬间,来自以下一些交互动效设计的创新点:

     3D视差(Parallax Effect)在用户倾斜和移动屏幕的时候,IOS主屏可以根据感应器数据,调整壁纸和图标的相对位置,产生一种三维空间上的景深效果。这里有些视差案例网页设计作品《15个时间轴/视差滚动的网页设计》、《30+漂亮的视差滚动网页设计欣赏》,大家可以参考下。

     拟真动态 将现实中的运动现象简化抽象,形成了iOS 7中一些蛮有特色的动画效果。天气应用中,全屏的气象动画优雅而逼真,洋洋洒洒的雪粒、悠然飘浮的云朵、划破天际的闪电传达出一种独特的表现力,赢得了发布会上的阵阵掌声。指南针工具中的水平仪动画,采用两个圆圈逐渐相合的过程生动地表现了水平校准的过程。iOS7中还增加了动态图标,时钟图标和设置图标还原了时针分针走动和齿轮转动的状态。

     缩放(Zoom) 当用户解锁之后,图标以屏幕中心为轴渐次缩放每个图标,产生一种由远及近贴到主屏上的感觉,点击打开应用、打开分组均采用放大展开的形式,这里的缩放更多地体现了系统的空间感。

     手指跟随 iOS7中跟随手势的动画很多,比如点击拨号键盘相应的按钮会变为半透明,右滑返回中当前页面的拖动效果,滑动解锁过程中的渐变动效,这些为我们带来了很强的操纵体验。

     如果说之前在移动端交互设计中,动效可有可无,那IOS7的出现,可以说宣告了动效设计已经不容忽视。还记得在《iOS Wow Factor:Apps and UX Design Techniques for iPhone and iPad》一书中,探讨了如何创造卓越的IOS用户体验,提出了”令人惊叹”的设计要素这一概念,即那些给用户带来的体验感受可以达到其心中某个”情感阀值”的表现层元素。而以下三方面因素将决定着产品带来的体验感受能否跨越用户心中的”情感阀值”:

符合直觉:保证设计能引导用户做出最符合直觉的操作;

差异化的创新特征:设计中要有显著的创新特征,即让用户感觉到某些不同寻常的产品体验;

积极响应:设计方案要以积极的姿态去缓解那些由于差异化导致的用户陌生感。

书中还提出,上述的三点推动因素主要在三个属性维度上得以体现:


界面外观:即基本的静态视觉元素;

交互方式:包括人机物理交互、手势以及其他常规的输入方式;

交互动效:包括哪些能够为产品赋予生机的动态的界面元素及视觉效果,这些交互效果通常与特定的响应行为相关,甚至包括那些与交互行为没有直接关联的临时状态。

 

            多媒体交互网站:http://www.plusbe.com/ 

 

            向正官网:http://www.plusbe.com/

 

            公司地址:杭州市下城区费家塘路588号电子商务产业园6幢4楼

本站关键词:虚拟展厅 智能展厅 中控设备 杭州中控系统 智能中控系统设计 多媒体控制系统 多媒体中央控制系统 HomeSitemapContact Us

杭州向正科技有限公司 Copyright ©Plusbe. All rights reserved.
互动多媒体技术提供: 向正互动 浙ICP备10020981号