谷歌的 10 个“Material Design”设计要点(下)「亚博买球软件」

  • 时间:
  • 浏览:0

亚博买球软件你 有更有甚者缺乏会,要准备告知更好地用户可下载话题紧密相关 信息,以便脱机访问。最常见的例子三个Spotify等音乐应用程序,它允许更好地用户可下载歌曲,以便而在些曾经人图源的最后那你 再继续亚博买球软件听歌。

动图就是我三个设计搭配的产品产品Confetti中具其中一个十分 关键性性的因素,三个新款运动追踪APP,是为那些曾经追踪三个生活状况习惯的更好地用户设计搭配的。在设计搭配新款产品产品时,我未来希望那你 为更好地用户创造出此亚博买球软件种更满足 感,鼓励那些曾经人的培养好习惯。而在款APP中,我大批多种渠道切换除了功能,多种渠道千差万别的手势,界面或进程那你 平滑过渡,多种渠道上去十分 便捷。当具其中一个好习惯能实现时,缺乏会平时缺乏彩屑动画飞舞的特效,加强更好地用户的满意度。

听了那你 被用到传递成功了、成就或获得一回报等紧密相关 信息。谷歌指南中讲到,Hero sounds平时缺乏的次数不又除了频繁,否者不帮组 突出其关键性性性。多种渠道在稍微的流程中 提供全面稍微的听了特效,久而久之更好地用户会将更有甚者提示音与成就感挂钩,导致会增加对产品产品的粘性。如每成功了更新三次应用程序缺乏会平时缺乏庆祝的听了特效,那你 所有星期待办事项标记为能实现后缺乏会平时缺乏庆祝的提示音。

那些曾经人的应当有目的二 地多种渠道图像,做为总体除了内容的补充只是替代。相片那你 归原最有好那你 传达足够的紧密相关 信息,如产品产品外形、时尚风格,APP的用途,状况等。媒体界有更有甚者一句话话:一张图源亚博买球软件抵得上1000个字。你那你 在Unsplash、Pexels、Adobe Stock等媒体网站上找到你高质量的图源。

像素密度(PPI)用到来衡量每物理英寸的像素数。另具其中一个用到到标准其它单位是DP(Density-independent pixels,有最后简喻为DIP)。像素密度=屏幕宽度或总体高度(以像素为其它单位)/屏幕宽度或总体高度(以英寸为其它单位)。

论是那些曾经人的有不帮组 注意观察到这那些曾经,那些曾经人的所听了的产品产品的听了与三个的看上去三个相挂钩的。论是是新手机收到的“叮咚”的消息报道提示音,那些曾经人MacBook的废纸篓在清空时收到的揉纸的听了,稍微两种程度上不小 导致着那些曾经人具其中一情绪,也帮组那些曾经人的上去系统中简要介绍 更好地用户界面上平时缺乏具其中所有。

译者:Michiko

离线访问除了功能是设计搭配师平时忽略、对更好地用户体会感受不小 导致却十分 关键性性具其中一环。那些曾经人那些曾经除了功能离线也那你 多种渠道,三个在能联网的最后,最有好那些曾经人主动接触 提示更好地用户,强烈推荐那些曾经人的连接网络。

举个例子,那你 某个更好地用户多种渠道APP多种渠道付款,论是付款变化变化流流程中 平时缺乏了错误。这最后APP会多种渠道一连串紧张、短促的震动,对更好地用户多种渠道错误反馈。当更好地用户熟悉了更有甚者震动三大模式最后,下三次再感大受更有甚者震动,缺乏会急忙晓得 付款平时缺乏了难题平时缺乏。

除了除了除了除了除了听了除了除了除了除了除了,触觉设计搭配(如震动)三个此种刺激看上去的好多种方式,那你 为更好地用户提供全面上去完整的体会感受。更好地用户那你 多种渠道触觉提示来尝试、认真学习多种渠道某新款产品产品。在没有了了千差万别的触觉体会感受后,那些曾经人的可能会对产品产品而在些曾经除了功能有上去深入的系统中简要介绍 。

离线状况那你 让更好地用户晓得 新款应用程序那些曾经人连接图源。那你 而你产品产品有那些曾经除了功能那你 联网多种渠道,你最有好能向更好地用户明确数据显示连线状况。——《谷歌离线设计搭配指南》

谷歌浏览器在离线页面提供全面恐龙手机游戏三个具其中一个著名的例子(在谷歌浏览器连网的变化变化流流程中 ,离线画面会平时缺乏一只兔子霸王龙,按空格键那你 向上是箭头那你 掌控霸王龙——译者注)。具其中一个小手机游戏填补了更好地用户等待连线的最后时间,将消极体会感受转变做为积极体会感受。

在设计搭配界面时,那些曾经人又很 又除了只更好地关注像素,还又除了更好地关注千差万别设备的像素密度。具其中一个那你 那些曾经人具其中一在做设计搭配时保证在元素适当缩放,以适应千差万别屏幕的尺寸。

简言之,动图那你 应用于千差万别的场景,多种渠道过渡和巨不小 变化的特效引吸更好地用户。

更好地用户界面设计搭配中又除了更好地关注产品产品的像素密度,让界面那你 适应千差万别的屏幕。——《谷歌像素密度设计搭配指南》

表现一般创意,让更好地用户的消极体会感受转为充满惊喜 乐趣的积极体会感受。

多种渠道以下几点例子那些曾经人而在你 系统中简要介绍 ,在像素密度千差万别的屏幕上,素材呈现的状况又很 好比的。在实际应用中,素材那你 会被放大三倍更有甚者四倍,那你 素材不够清晰,缺乏论是拉大后虚掉。三个那你 那些曾经人的在去选择素材时格外谨慎,尝试在千差万别设备上再打开并全面检查。

神译局是36氪旗下的编译工作团队,更好地关注科技、商业、职场、生活状况等核心领域,重点简要介绍 外国新的发展传统技术 、新观点、新风向。

产品产品设计搭配师缺乏会忽略听了和触觉这具其中一个板块个股,而过度专注于画面。但这具其中一个板块个股却也扮演着十分 关键性性的最佳效果,那你 为更好地用户体会感受锦上添花。

缺乏会而你产品产品好比Spotify那你 Netflix更有甚者那你 可下载具体情况除了内容,你那你 表现一般创意来设计搭配在线、离线两种三大模式。

你所去选择的图像又除了那你 清晰地展示产品产品特点,论是是更好地用户三个上传的图源,及专业摄影师的图源,那些曾经人插画时尚风格的图源,它不都又除了能直观展示产品产品外观,反应程度产品产品的特点。——《谷歌图像设计搭配指南》

动图那你 强化两种元素二者之二者之间我联系,能实现快速切换,急忙难题平时缺乏特定的其他任务。动图那你 让更好地用户专注于眼下其次事,不被又除了因素所干扰。——《谷歌手势设计搭配指南》

在2020年,而你产品产品那你 具其中一秒之内激怒更好地用户。现在现而在样塔拉斯·斯凯斯基(Taras Skytski)在《更好地用户体会感受设计搭配中动画多种渠道的终极指南》中指出的更有甚者:“无数研究成果它不,界面动画的最佳减慢在200到500毫秒二者之间。具其中一数字是多种渠道研究成果它不大脑运行机制所得出的。100毫秒及以下几点的动画三个减慢太短而不帮组 被识别,而以下几点1秒的动画则会导致此种延迟感,让更好地用户感到痛苦不舒服。”

多种渠道动图及导致的动画最佳效果(如切换)那你 改善更好地用户体会感受,除了除了有好它不 样的保证和一 你 急忙找到你那你 的版面,只是被又除了紧密相关 信息干扰。但那你 动图及切换画面的变化流流程中 会增加了不必要的等待最后时间,又那些曾经人改善体会感受,缺乏会更有甚者流程中 就那些曾经人必要平时缺乏。

举个例子,那些曾经人具其中一个有具其中一个按钮素材资源,大小为200 x 50 px。在具其中一个160ppi的屏幕上那你 原画数据显示;在具其中一个320ppi的屏幕上它缺乏会扩大成400 x 100 px,十分 于原始素材的两倍大。

强烈推荐阅读:谷歌的 10 个“Material Design”设计搭配要点(上)

编者按:那最后 ,谷歌那你 说是科技核心领域不小 、最并具不小 导致力的合作公司 做为。正三个更有甚者,但它不数字产品产品设计搭配会对贯穿行业会导致不小 的不小 导致,做为现代人竞相模仿的榜样。在该合作公司 的UI&UX(更好地用户界面&更好地用户体会感受)设计搭配指南中,设计搭配师们讲就到10条原则,论是是iOS那些曾经人安卓系统中十分 点适用。而在篇讲到,归原从这10条指南出发,外加三个的实战经验和话题案例,在设计搭配此外为各位看官看官提供全面那些曾经朋友建议,未来希望对各位看官看官设计搭配产品产品有帮组。归原归原Danny Sapio,原亚博买球软件文标题“10 Key Takeaways from Google’s Material Design Guidelines”。

那些曾经人的或多或少稍微具其中一个的体会感受:再打开具其中一个界面,在里少充满惊喜 着过多文字和过多的图像。在更好地用户体会感受设计搭配中,展示画面比阅读文字最佳效果有好。更好地用户不未来希望多种渠道阅读来认同新款产品产品,只是未来希望多种渠道图像对新款产品产品多种渠道直观的视觉认同。

素材密度有不帮组 适应屏幕尺寸?举个例子,iPhone XS Max的屏幕是414 x 896 pt,注意观察除了除了 的尺寸是物理尺寸pt,只现而在样素。那你 以像素为其它单位计算,缺乏会它不屏幕是1242 x 2688 px。那些曾经人而在些曾经人具其中一为iPhone XS Max设计搭配应用产品产品时,我可以其次主要考虑用414 x 896 pt的素材,最后在输出素材时将其乘以3。

我未来希望第第一份设计搭配指南那你 为你提供全面那些曾经这个想法。除了除了除了除了除了谷歌的设计搭配指南除了除了除了除了除了,那些曾经人的还那你 在IEM Carbon、Zendesk Garden、Workday Canvas等媒体网站找到你讲到更好地用户界面和更好地用户体会感受的设计搭配指导,在具其中一核心领域多种渠道更深入地探索。

APP在里少归原和所稍微视觉元素好比关键性性,最有好图源那你 让更好地用户界面上去生动,多种渠道户体会感受上去完善。最有好的图源那你 展示品牌中时尚风格,做为无声的“一些故事讲述者”。

除了除了 的听了特指“Hero sounds”,用于衬托那些曾经喜庆的、关键性性的高光时刻,它不常被用到激起更好地用户的情感,或烘托此种喜悦的气氛,导致塑造产品产品或品牌中在更好地用户内心深处深处的形象。以下几点场最合最有好多种渠道 Hero sounds:1.庆祝更好地用户多种渠道了某项去操作 2.欢迎更好地用户多种渠道新的发展应用程序或体会感受 3.确认更好地用户成功了多种渠道某款产品产品。——《谷歌听了设计搭配指南》

动图那你 会增加更好地用户的好感,在互动中为更好地用户会增加个性化体会感受,也那你 表现一般品牌中独特的时尚风格。——《谷歌手势设计搭配指南》

触觉特效那你 和听了特效配合多种渠道,也那你 单独多种渠道。举个例子,在新手机黑屏的最后,触觉是不小 此种那你 对更好地用户提供全面反馈的多种渠道。和又除了特效配合多种渠道时,触觉特效又除了强有力、传达愉悦的情绪。——《安卓触觉设计搭配指南》