人们常说“科技美学”,不是没有道理的。 为了提高一点点用户看得见或者看不见的美好体验,产品经理以及他的伙伴们做了很多努力。以下从一个细节控的视角,给大家讲讲那些“让人感受到尊重与心意”的美好互动。
苹果有专门的人机介面互动规范。设计语言整体流畅,不滥用动画效果。转场画面多用渐隐渐现以及切入。极简风是为人熟悉的一个大特性。而苹果也在微互动上体现出对细节的坚持。
当开启飞航模式的时候,真的会有一架小飞机从左侧飞出来;关闭后小飞机就会快速飞走,而营运商渐现。
设定图标采用了多层齿轮以表示机械感,齿轮的第一印象应该是运转,于是你可以在更新软体时留意到设定图标的齿轮是确实会动的──大圈小圈反向运动。
自然的互动就应该是这样,符合用户习惯和期待。飞机会飞、齿轮会动、时钟在走、日历显示,废弃文件扔到废纸篓,倒完垃圾后垃圾桶应该就是空的。
而 Google I/O 2014 推出的 Material Design(以下称 MD),经过两年的推广渐渐被很多应用软体追随,现在我们能够在越来越多的应用软体上看到。 MD 有个很重要的概念,atv,就是透过将日常材料的属性运用在行动介面上,比如,一个 App 介面相当于纸张的层叠,不同组件间应该拥有层级结构。
那么点击某一区域选取区域内容,当前区域应该从子介面抬升至父介面,从侧面看可以看到由于顺序产生的海拔感透过“抬升”这个动作完成了。这个细节被表达出来了。
另外,材料在现实生活中是符合物理规则的。在 MD 的设计语言里,动画存在加速和减速,任何忽然开始、忽然停止的匀速动画都显得机械而不真实。 人类感官在现实中习惯的重力感受被 MD 搬到手机萤幕,这就是我们体会到的“自然”。 那么,点击的回馈是如何完成呢?
用户的每一步操作都应该提供回馈予用户,同时这个回馈应该是精确到动作点的具体位置产生的。MD 想到投一块石头到水里的涟漪效果。
用户在哪里点击,水纹就从哪里产生,并且扩散至当前组件,而不是从中间,从左侧从上侧固定的效果。追求材料世界的属性在行动介面上表达,使 MD 获得了之前苹果拟物风格才有的真实感。
用户有时不一定会看到这些微互动,但正是这些动态效果构成了我们口中难以解释的“好用”、“流畅”以及“自然”。 Microsoft
微软经过了 Window 10,设计语言也在逐渐成熟。从 Aero 风格过渡到 Metro(ModernUI),人们对 Window 8 出现的动态砖风格褒贬不一。
更大的原因在于微软取消了用户习惯的开始选单。微软追求的其实是兼顾桌面与行动触控两个入口统一的风格,透过大色块的醒目提醒,更加强调简单快捷的体验。 这是有迹可循的。
j2直播,你有注意到吗?" src="http://www.wzatv.cc/atv/uploads/allimg/170228/0Z4141Z4_0.png" /> Metro 一开始源于瑞士国际平面主义,追求传达准确、易于辨识、擅用几何学式的严谨。 (责任编辑:本港台直播) |