当前位置:w88优德官网网文章中心网站设计WEB标准 → 赶紧!!停止不必要的UI动效设计吧

赶紧!!停止不必要的UI动效设计吧

减小字体 增大字体 作者:admin  来源:本站整理  发布时间:2016-11-21 9:42:52
1UI动效设计的反面案例(线上Demo)注:这个反面案例并非假设,而是来自近期的真实客户案例。概述自从 70、80 年代首个光栅图像在CRT屏幕出现以来,人们对于(数字)视觉设计的态度一直在不断进化。与其他艺术领域不同,在数字设计领域显露的趋势,与使用设备的发展史紧密相关。设备能力的提升有目共睹,显示器技术使分辨率从CGA320*200,到VGA的640*480,然后到SVGA的800*600,到现在已快速提升至4k及以上。类比视觉设计发展历程动效设计正在经历成长的疼痛,正如在当年90年代和21世纪初的视觉设计。追溯视觉设计进化发展的过程,有助于我们去理解现阶段的动效设计。221世纪初期的网页设计在更精妙的设计语言出现之前,设计师们在初期阶段容易滥用新功能,这是正常的。90年代末和21世纪初的界面设计师,应该还记得以阴影、斜角、高光,无留白这特征的过度设计。当设计师们着迷于新媒体,并陶醉于像素的奇妙时,这一结果再自然不过了。扁平化设计3不管你喜欢与否,扁平化设计在设计圈中已成为主流思想。所有的主要系统平台(Android、iOS、OSX、Windows、Windows phone)都已经开始拥抱这种极简设计语言。同时,它还主宰着高速发展的网页设计。扁平化设计是视觉设计思考成熟的体现。它是一个自然的进程,一方面是被潮流和时尚驱使,另一方面折射出业内人士终于逐渐掌握了数字媒体 。动效设计现阶段的动效设计,可以类比视觉设计史的“阴影阶段”。网页动效能力有了显著提升,得益于CSS中的过渡属性(transition)和被硬件加速支持的变形属性(transform),以及正在发展的标准,如JS动效(JS Web Animations)。另外,现在的移动设备由于其不断精进的性能,以及多核、多存储、高dpi等优越的特性,可以流畅地输出60fps动画效果。4让所有东西都动起来!这样的动效仿佛让人回到了1999年。考虑到现在是UI动效的早期设计阶段,设计师试图通过增加动效来增强视觉亮点,和曾经的阴影和斜角没什么不同。但是我很确信,与视觉设计不同,动效设计的成熟不需要耗时15年。过度的动效使用无意义的动效随处可见,它们也不仅出自业余设计师之手。作为用户,我们可以很轻易地发现这种妨碍着你的动画,它阻隔着你和你的目标,令你困扰皱眉。作为设计师,你需要意识到你的UI设计并非什么娱乐。没有人只为看着酷炫的动效爽,就使用你的app或者网页。UI动画的使用反例OS X的全屏动画桌面端和移动端都有无数的糟糕UI动画示例,其中之一,就是OS X的窗口切换到全屏模式的过渡动画。因为它来自因前沿的设计感著称的苹果公司,且是旗舰产品的主要特点,所以格外令人困惑。这个UI动画有以下几个问题:缓慢非必要不可设置(除非通过命令行修改)如何知道你的UI动效使人厌烦?人们会在博客上写文抱怨。无数探讨如何加速或禁用动效的博文和论坛问题帖,都很有力地说明这个转场动效除了让用户烦恼,毫无作用,这是UI动效设计的一个大忌。动效设计案例研究我们使用一个简单设计做示例,它来自我最近为客户进行的工作。这个交互包含了一些糟糕的设计决策。5UI动效设计的反面案例(线上demo)这个设计包括如下问题:遮挡了界面的蒙层缺少后台正在执行操作的指示动画缓慢动画非必要这个动画最烦人的一点,是在耗时间的网络请求完成后,这个动画才发生,导致增加用户额外的等待时间。动画是否必要?首要问题理应为:这个动画提升了用户体验吗?上述交互案例中,出现了正确使用UI动画的绝佳时机。考虑到这一交互需要一个耗时100-500毫秒的网络请求,这是个利用动画来掩盖请求耗时的绝好机会。设计改进6改进1(线上Demo)这是很小的一个改进,增加一个加载指示器,告诉用户正在等待额外的数据。然而,弹出动画是多余的,减缓了用户流程。
[1] [2]  下一页
本文引用网址:
在下列搜索引擎中搜索“赶紧!!停止不必要的UI动效设计吧”的相关信息:
谷歌搜索 百度搜索 360搜索 雅虎搜索 搜狗搜索 搜搜搜索 必应搜索 有道搜索
你可能还喜欢以下文章
  • 1王梦溪未经处理照曝光 王梦溪口...
  • 22013最新门事件 警花王梦溪不雅...
  • 3兰州西固警花王梦溪不雅裸照下...
  • 4如何做爱真人示范图片 男女ML常...
  • 5马蓉裸照原图没有马赛克曝光 马...
  • 12016年最新成年身份证号码大全...
  • 2你们真以为网络主播月入万元的...
  • 3Godaddy支付宝12美元送免费优德w88官网...
  • 4新手建站十大免费空间推荐、及...
  • 5DEDE首页真正去掉index.html的...
  • 1最流行的性交姿势图解 真人示范...
  • 2什么姿势女的最爽?最刺激的做...
  • 3合肥艳照门事件 合肥艳照门全套...
  • 4华航空姐艳照门:空姐自拍裸体照...
  • 5江苏镇江郦荟艳照门 郦荟自拍高...
  • 1Linux操作系统下的安全问题研究...
  • 2Linux操作系统故障技巧
  • 3通过组策略和注册表关闭win7 U...
  • 4虚拟化环境下之服务器存储备份...
  • 5HTTP 错误 404 - 文件或目录未...
  • 赞助商广告

    图片文章导读