童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

移动应用丰富动效的六点原则

7月7日 吴梦筱投稿
  如果想让你的移动应用更活泼更灵动,丰富的动效是不可少的,丰富的动效可以让你的应用更具活力,充满生机;丰富的动效可以让你的应用彰显效率,提升品质感;丰富的动效可以让你的应用充满魅力,引人探索;丰富的动效可以让你的应用减少焦虑,消除等待感;丰富的动效可以让你的应用充满韵味,有节奏感;丰富的动效可以让你的应用有出奇的信息组织,整洁高效。
  这里主要介绍六种简单通用的方式转场、邀请、过渡、反馈、缩放、吸附。
  由于手机屏幕空间有限,更多的内容会被隐藏在屏幕后边,或者屏幕的左边、右边、下边,转场动效能帮助应用营造一种空间方位感。转场动效是目前应用最多的动效种类,毕竟iPhone、Andoird、Wp7都有提供一些官方的动效的API,一些简单的动效可以直接调用官方API来完成。Android官方动效8个,iPhone官方动效19个,WP7官方动效6个,具体几个平台的动效有哪些差异,后续有机会分享。
  
  直接提供邀请,告知用户可以做的事,效果最直观,引导性最好。但是要注意操作邀请一定是需要突出的主要功能或任务,不能什么功能都邀请用户试用一下,要知道,大部分用户只用到你应用里的20就算不错了。邀请不能过于强制,如非必要,中断用户正在执行的操作是很不礼貌的行为。
  
  
  当应用正在加载数据的时候,一定要给予过渡,让用户知道应用正在努力工作,系统级的过渡分为两种进度条和菊花转,进度条是用在可预知完成进度和剩余时间的情况下;菊花转是用在无法预知剩余时间的情况下。iPhone上照片转发邮件、邮件从收件箱移动到垃圾邮件都有很好的过渡动效,让用户知道当前从一个应用跳转到另外一个应用,知道从一个文件夹跳转到另外一个文件夹,避免了迷路的麻烦。
  不是所有情况下,都要清晰的告知用户当然任务的加载进度的,比如iPhone自带的短信应用,发送短信的时候有一个进度条,本意是好的,让用户知道短信发送的进度。但是由于进度条会给人造成一种明显的等待感,而且用户担心离开当前界面,短信就会发送失败(用户怎么知道同步和异步?),所以只能傻等在那里。其实完全可以让短信后台发送,只要保证发送失败有办法告知用户就可以。同理,那些图片分享应用也是如此,后台上传就可以了。
  
  当任务成功或失败之后,需要有办法告知用户。比如Reeder客户端,就会在你点了Unread后,立刻弹层告诉你已标为Unread,在你点了Statted后,立刻弹层告诉你,已经Starred。反馈需要在合适的时间引起用户的注意,简洁明了的传达操作的结果,
  如果是成功类的提醒,往往只是告知状态就可以了,用户无需执行操作,反馈就可以自己消失。而如果是失败类的反馈,则需要引起关注,可以相对强势一些,反馈出现的位置可以考虑相关性,比如帐号错误可以出现在帐号旁边,密码错误可以出现在密码旁边,采用相对警示的颜色和设计风格。
  
  在一寸土一寸金的手机界面上耕耘,恨不得盖个复式小洋楼,一行当两行用。其实不是不可以,只需要一个设计思想盒子主义。每一个功能模块都是一个盒子,在你不需要用到的时候,它只是一个盒子,上面贴着标签,你知道里面装的是袜子,当你需要的时候,你就可以打开盒子,露出里面很多很多双袜子。
  比如Bluga这个输入框,当你不需要输入的时候,它看起来就是一个输入的入口,但是当你点击的时候,输入的辅助信息都出来了,更大的文字撰写框、位置、图片、发送按钮,你可以打开盒子,编辑一条丰富的消息。
  
  吸附是网格系统中一个很具有美学色彩的设计,当你拖拽着一个应用切换位置的时候,这个应用会被自动吸附到对齐网格的位置,保证界面整洁利索(不像Nokia的某些手机,Widget可以满屏幕拖拽,跟我凌乱的桌面一样);当你拖拽一个应用到另外一个应用上的时候,就可以变成一个文件夹,这里也是通过文件夹的样式和吸附的效果,让用户明白建立文件夹的交互的。
  任何的动效,都需要经过场景和需求的思考,在什么样的特殊情景下,解决了什么样的问题,不要为了动而动,WP7的动效,恐怕看久了都会腻吧。
  除了界面本身的动效之外,还需要包含震动、声音、手势等等因素一起去考虑,好的动效,配合着合适的音效、合理的手势,才是最自然的交互方式。
  从今天开始,努力提升你的应用的品质,让它动起来吧!
  源地址:http:elya。cc201205061234
投诉 评论 转载

图层叠加混合模式在网页设计中的应用很多飞鱼的声纳的读者常会询问我类似于上图中的按钮的光效是怎么做出来的?其实非常简单,新建图层,笔刷或椭圆画出白色,高斯模糊,再将图层混合模式更改为图层叠加就可以了。但是这篇文章……原型的构建与设计继续上一章的内容,那么怎么去组织页面元素,制作原型D哪些表现层面是交互设计师该重点表达的内容,原型的制作又有哪些章法可循呢?。什么是原型?原型的概念说的简单……移动应用丰富动效的六点原则如果想让你的移动应用更活泼更灵动,丰富的动效是不可少的,丰富的动效可以让你的应用更具活力,充满生机;丰富的动效可以让你的应用彰显效率,提升品质感;丰富的动效可以让你的应用充满魅……移动应用和网页应用对于用户分群分析的差异最近,基于用户细分的分析方法开始获得移动应用开发者更多的关注,这是由于用户细分不仅可以让运营人员更深入的理解用户的行为以及市场营销活动的效果,还可以帮助产品人员更好的理解导致这……腾讯张小龙谈用户体验个人对用户体验的目标是,做到“自然”。举几个例子,1,我观察3岁的小孩用iphone很容易上手。比如,iphone的开锁,小孩甚至不用学就会用。因为触摸是人的天性,……超平面的触觉设计作为紧随潮流嗅觉灵敏的Graphic设计师,你有没有留意到逐渐兴起的“超平面”设计艺术?那些已经习以为常地被绘制在平面上、被保存于数字文件中的图形、元素,因为设计师们的想象力而……用户体验和用户界面之间的差别“用户体验”(UsereXperience)和“用户界面”(UserInterface)这两个术语之间差别,应该还部分朋友也不大知道。2010年时,Quora上就有个同名问答贴……美国YPiPad软件设计经验分享前言:前几天按照习惯对自己以前负责的设计项目做总结,发现ATT已经把YPiPad版本从Appstore浏览类挪动到旅行类了。公司做出了合理的商业计划改变,让YP能适用到……如何为平板打造完美的网站页面据调研公司Gartner预测,平板的销量每周都在增加,到2016年,全世界平板的销量将达到6。65亿台。随着以苹果iPad为代表的平板电脑风暴越演越烈,相信移动设备取代个人电脑……互联网社会化系列之网民的需求分析网民的需求是互联网创新的基础,在互联网社会化的大背景下,网民的需求与时俱进,希望能就此背景下得网民需求进行一个框架性的讨论。一、信息获取方式的改变互联网在社会化之前……iPhone和Android的控件对比一、前言开发者在产品上同时覆盖iOS平台和Android平台时,则会遇到同一个功能在不同平台中界面和交互如何展现的问题。了解两个平台间的控件对应关系和异同点,对同时……贴心的切换减少重复操作常常在手机输入时,我下意识会先输入我想要的汉字,噼噼啪啪后才发现当前是英文输入法,于是我不得不删除这几个字母切换回中文输入重新输入。这是一个典型的“切换导……
从哪几方面识别网站建设公司实力?网站建设:企业型网站结构如何设计?分析网站建设定位思路做SEO优化有没有必要学建设网站?手机端建站区别于电脑端建站,需要遵循手机端原则可视化响应式建站系统是如何运作?可以实现自助建站吗?网站建设常见问题:网站为什么要备案?建设网站时,网站设计常犯的六点错误网站建设如何做好内容营销,让网站的内容有价值营销型网站的建设技巧:网站不只是使用,还需新颖网站建设应该注意什么?常见网站建设误区手机网站建设与pc端网站建设的区别
这就是我的同桌四年级作文水果怎么洗能除农药残留酷刑造句用酷刑造句大全前沿科技可控花园里的量子漫步科普下大概率事件什么意思明星发腮群像,文章判若两人,李易峰脸胖一圈,刘亦菲也栽了关于雷锋的3篇作文老年人勿猛回头不利健康隐形的勇气作文警惕八个养生小纰漏威胁性健康动人心弦同义词有哪些及造句北京离婚财产分割纠纷律师费收取标准是多少?

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界