网站首页 > 技术教程 正文
编辑导语:视觉设计师在日常工作中除了进行基本的视觉设计以外,更多的要发现一些身边的事物,把设计变得平易近人,让用户能有更好的体验感;本文作者分享了关于Google移动搜索进行了全新的设计改版,我们一起来看一下。
新年的开始激励着世界各地的人们做出改变。当我们中的许多人审视我们的生活,我们的事业,甚至只是我们的环境,并思考我们可以做出什么改进;谷歌设计师 Aileen Cheng 也是如此。
Aileen 最近对移动搜索体验进行了重大的视觉重新设计,将在未来几天推出。她说:“我们希望退一步简化,这样人们就能更快、更容易地找到他们想要的东西”,“我觉得这真的让人耳目一新,对我来说,这是一股清新的空气!”
像所有的组织工作一样,这一次也带来了挑战,“重新思考像搜索这样的产品视觉设计是非常复杂的”艾琳说;“考虑到谷歌搜索已经进化了很多,而我们不仅要组织网络信息,还要组织全世界的信息”艾琳说,“我们一开始是组织网页,但现在,我们必须帮助理解的内容和信息类型多种多样。”
我们最近有机会从Aileen那里了解到更多关于新面貌的信息,以及整个过程。
这里有五个驱动重新设计的因素:
一、信息成为焦点
“我们希望让搜索结果发光,让人们专注于信息,而不是围绕它的设计元素”艾琳说,“这是为了简化体验,让人们尽可能清晰、快速地获得他们所需要的信息。”
二、使文本更易于阅读
研究小组采用的一种方法是使用更大、更醒目的文本,这样人类的眼睛可以更快地扫描和理解搜索结果。这同时也包括搜索结果和标题” 当我们讨论文本时:此更新还包括更多Google自己的字体,这些字体已经显示在Android和Gmail中,以及其他Google产品。
“在Google搜索中使用字体的时间和方式的一致性也很重要,这也有助于人们更有效地解析信息”,Aileen说。
三、创造更多的呼吸空间
“我们决定创建一种新的边缘到边缘设计,并尽量减少阴影的使用,从而使立即查看所需内容变得更加容易” Aileen说,“总体效果是,您将拥有更大的视觉空间和留白空间,使搜索结果和其他内容占据中心位置。”
四、使用颜色突出显示重要内容
其他一些重新设计的尝试使用较大胆的颜色,还有一些尝试使用了更柔和的色调;然而,他们并不完全正确,最终团队将重点放在内容和图像上,在干净的背景下,充分注意地使用颜色引导眼睛看到重要的信息,而又不至于使人分神。
五、倾向于那种“谷歌式”的感觉
如果您注意到新设计将具有与Google LOGO相同的回弹力和弹性。
“如果您看一下Google徽标,就会发现它有很多圆角,因此我们是从中借鉴来的,也将其带到其他地方,”Aileen说,您会在重新设计的部分内容中看到这一点,例如圆形图标和图像,“这种形式已经成为我们DNA的一部分。
艾琳说:“我三岁的儿子最近在我把手放了一把乐高积木,红色,黄色,绿色,蓝色,他告诉我‘妈妈,这是谷歌’”“这就是我们在人们中间的乐趣和受欢迎程度,当我们重新设计某些东西时,我们想给它那种熟悉而平易近人的感觉。”
原作者:Molly McHugh-Johnson
地址:https://blog.google/products/search/mobile-redesign-2021/
译者:NG,公众号:NG设计灵感
本文由@NG设计灵感 翻译发布于人人都是产品经理,未经作者许可,禁止转载
题图来自 Unsplash,基于 CC0 协议
- 上一篇: 「干货」不得不知的谷歌搜索指令用法
- 下一篇: Google搜索技巧 google搜索技巧有哪些
猜你喜欢
- 2024-10-09 谷歌Chrome搜索建议升级:个性化、图像化搜索助您快速发现信息
- 2024-10-09 16种最常用谷歌高级搜索语法指令(附400+条外链资源搜索语法)
- 2024-10-09 「图」谷歌搜索结果改进:洞察你搜索目的提供更丰富的子标签内容
- 2024-10-09 Google主搜索界面将小规模测试来自SGE的AI概述
- 2024-10-09 谷歌详解 Chrome 浏览器全新侧边栏:搜索更快更方便
- 2024-10-09 谷歌SEO核心三要素详解,网站流量爆增
- 2024-10-09 课程福利 | 如何玩转谷歌搜索,让客户开发事半功倍?
- 2024-10-09 「Google Ads」详解谷歌广告搜索字词
- 2024-10-09 谷歌搜索的基本原理——3步曲 谷歌搜索引擎是什么工作模式
- 2024-10-09 Google搜索技巧 google搜索技巧有哪些
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- sd分区 (65)
- raid5数据恢复 (81)
- 地址转换 (73)
- 手机存储卡根目录 (55)
- tcp端口 (74)
- project server (59)
- 双击ctrl (55)
- 鼠标 单击变双击 (67)
- debugview (59)
- 字符动画 (65)
- flushdns (57)
- ps复制快捷键 (57)
- 清除系统垃圾代码 (58)
- web服务器的架设 (67)
- 16进制转换 (69)
- xclient (55)
- ps源文件 (67)
- filezilla server (59)
- 句柄无效 (56)
- word页眉页脚设置 (59)
- ansys实例 (56)
- 6 1 3固件 (59)
- sqlserver2000挂起 (59)
- vm虚拟主机 (55)
- config (61)
本文暂时没有评论,来添加一个吧(●'◡'●)