All articles| All Pictures| All Softwares| All Video| Go home page| Write articles| Upload pictures

Reading number is top 10 articles
马云:支付宝,请扛住 - 支付宝,余额宝,马云
北京交通委:“网约车加剧拥堵”是片面误读 - 专车,打车软件
The Star Wars fans praise: genuine 3D props 100% restore film
评论:网络不是犯罪的“隐身衣” - 网络诈骗,网络犯罪,互联网
联想控股首日收盘微跌0.07%,柳传志:有机会会回归A股 - 联想控股,联想,上市
Hot Warcraft movie: master grips, you can see behind? ,
杭州出台跨境电商扶持政策:企业最高奖励500万元资金 - 跨境电商,网购
Two people get 798,000 in Thailand hit cancer needle: but in fact did not have cancer,
Maserati sales live racing, and finally crashed and killed,
调查:韩国人平均14个月换一次智能手机 - 智能手机,韩国
Reading number is top 10 pictures
From China fortress sora aoi3
Small QiShu -- ShuangShuangPan1
The money of more than 100 countries and regions5
More attractive than sora aoi1
A resort photographed beautiful young woman change clothes process vomiting blood1
寒流来了
2012 national geographic daily picture6
BingBingFan apple dew point photo gallery3
你白吃了多少药
这两天,中国人民到处都可以“看海”了
Download software ranking
在线棋牌游戏3.05版
jdk1.5
dreamweaver8中文版
《小姨子》英文版7
XML+Web+Service开发教程
Professional killers2 data package
Detective task-the top secret prostitution files
WebService在.NET中的实战应用教学视频 → 第1集
《小姨子》英文版28
Boxer's Top ten classic battle6
aaa published in(发表于) 2017/2/22 9:33:53 Edit(编辑)
科技·美学:盘点苹果、谷歌、微软系统中的那些魔鬼细节

科技·美学:盘点苹果、谷歌、微软系统中的那些魔鬼细节

科技·美学:盘点苹果谷歌微软系统中的那些魔鬼细节 - 苹果,谷歌,微软 - IT资讯

文内多幅动图,请尽量在WiFi网络下阅读)

人们常说“科技美学”,这不是没有道理的。

为了提高一点点用户看得见或者看不见的美好体验,产品经理以及他的小伙伴们做了很多努力。以下从一个细节控的视角,给大家讲讲那些“让人感受到尊重与心意”的美好交互。

苹果

苹果有专门的人机界面交互规范。设计语言整体克制流畅,不滥用动画效果。过渡画面多用渐隐渐现以及切入。极简风是为人熟悉的一个大特性。而苹果也在微交互上体现出对细节的坚持。

当开启飞行模式的时候,真的是会有一台小飞机从左侧飞出来。关闭后小飞机就会快速飞走,而运营商渐现。

设置图标采用了多层齿轮以示机械感,齿轮的第一印象应该是运转。于是你可以在更新系统时留意到设置图标的齿轮确实会动的,大圈小圈反向运动。

自然的交互应该就是这样,符合用户习惯和期待。飞机会飞,齿轮会动。时钟在走,日历显示,废弃文件扔到废纸篓,倒完垃圾后垃圾桶应该就是空的。

Google

Google I/O 2014推出的Material Design(材料设计语言,以下称MD)经过两年的推广渐渐被很多应用跟随,现在我们能够在越来越多的应用上能够看到。

MD有个很重要的概念就是通过将日常材料的属性运用在移动界面上,比如,一个app界面相当于纸张的层叠,不同组件减应该拥有层级结构。

那么点击某一区域选取区域内容,当前区域应该从子界面抬升至父界面,从侧面看可以看到由于顺序产生的海拔感通过“抬升”这个动作完成了。这个细节被表达出来了。

另外,材料在现实生活中是符合物理规则的。在MD的设计语言里,动画存在加速和减速,任何忽然开始、忽然停止的匀速动画都显得机械而不真实。

人类感官在现实中习惯的重力感受被MD搬到了手机屏幕,这就是我们体会到的“自然”。

那么,点击的反馈是如何完成呢?

用户的每一步操作都应该提供反馈予用户。同时这个反馈应该是精确到动作点的具体位置产生的。MD想到了投一块石头到水里的涟漪效果。

用户在哪里点击,水纹就从哪里产生,并且扩散至当前组件,而不是从中间,从左侧从上侧固定的效果。追求材料世界的属性在移动界面上表达,使得MD获得了之前苹果拟物风格才有的真实感。

用户有时不一定会看到这些微交互,但正是这些动效构成了我们口中难以解释的“好用”,“流畅”以及“自然”。

Microsoft

微软经过了Window 10的快跑,设计语言也在逐渐成熟。从Aero风格过渡到Metro(ModernUI),人们对Window 8出现的磁贴风格褒贬不一。

更大的原因在于微软激进取消了用户习惯的开始菜单。要考虑到微软追求的其实是兼顾桌面与移动触摸两个入口统一的风格。通过大色块的醒目提醒,更加强调简单快捷的体验。

这是有迹可循的。

Metro一开始源于瑞士国际平面主义,追求传达准确,易于识别,擅用几何学式的严谨。

而交互式动态磁贴,例如音乐应用磁贴中包含前进后退暂停控件,这样用户就可以直接通过磁贴来操作应用而不必打开应用本身。

如今微软正在打造全新的设计语言Project NEON,依赖动画、模糊和渐变来表现画面效果,将随红石3版本一同到来。

同样,微软在界面设计中启用了新元素“Acrylic(亚克力,有机玻璃)”,可以更好地表现模糊背景、边栏和导航栏等内容。

微软将在Build 2017上展示更多Project NEON作品和使用细节。

不仅仅以上,更多的小而美的产品正层出不穷。如果我们能停一下,稍微不那么追求效率,“用完即走”,你能感受到科技对于人性的尊重以及用心。

有人评论乔布斯的伟大:

Instill beauty of humanism into Cold Steel。

给冰冷的科技注入人性的美感。

用户产生需求,解决用户需求,这本是已经结束的事情。但正是有一群致力于”更好解决问题“的科技人不止步于此,才有了更好更人性化的产品。

这一切的美,你不一定察觉,但正在发生。




添加到del.icio.us 添加到新浪ViVi 添加到百度搜藏 添加到POCO网摘 添加到天天网摘365Key 添加到和讯网摘 添加到天极网摘 添加到黑米书签 添加到QQ书签 添加到雅虎收藏 添加到奇客发现 diigo it 添加到饭否 添加到飞豆订阅 添加到抓虾收藏 添加到鲜果订阅 digg it 貼到funP 添加到有道阅读 Live Favorites 添加到Newsvine 打印本页 用Email发送本页 在Facebook上分享


Disclaimer Privacy Policy About us Site Map

If you have any requirements, please contact webmaster。(如果有什么要求,请联系站长)
Copyright ©2011-
uuhomepage.com, Inc. All rights reserved.