...
素材网 品牌美学馆标志
主站 营销美学 品牌设计 免费素材
2851

Material Design 的设计理念让Gmail 5.0焕然一新

image

全新的 Gmail 5.0 来了,Material Design 的设计理念让其焕然一新,同时新版本功能小幅度提升,增加第三方邮件导入,相比拥有丰富操作的谷歌下一代邮箱客户端Inbox,Gmail 5.0 算是一个靠谱的过渡产品。

功能上,Gmail 终于打开了自家的大门,支持基于 IMAP/POP 协议的第三方邮箱账号,例如 Yahoo、Outlook 和网易邮箱等。
image
最重要的改变则来自于对谷歌全新设计语言 Material Design 的体现,Gmail 一改往日灰白配色,将鲜明的亮红色作为主题色。

界面更加简洁,首屏只保留了「菜单」、「搜索」和「发布」三个功能,邮件的「删除」、「归档」,「已读」功能被隐藏到单封邮件内,或者进行批量操作时才会出现。

强调编写邮件
Gmail 5.0 将发布按钮移到了左下角,铅笔图标代替了上一版本中邮件图标,其周围环绕主题色,点击后直接进入编辑邮件页面。重新设计的发布按钮更加凸显,点击后短暂颜色减淡,让用户感觉到编写邮件在 Gmail 中的重要性。
image
有趣的是在最新的 Google+ 中,采用的是相同的发布按钮。
Inbox 赋予了右下角图标更多灵感,点击+号图表,图标在旋转后将弹出「发布」、「提醒」和「最近联系人」分选项。这些没有关联的一组动作被打包进入+号图标,避免了干扰。

图标具有统一性
参考了 Material Design 的官方设计手册,我们发现这个铅笔图标正是官方推荐图标之一。算是「在不同的应用中,尽可能使用系统图标保证一致性」建议的新诠释。
image
谷歌又一次重新绘制功能图标(手册上介绍了 20 个新图标),其基于「图标必须在形式上极简,回归到最本质的形式诠释理念。确保小尺寸情况下的可读性和明晰性」的理念。

在应用设计中,主要使用 2 种尺寸不同的图标:状态栏和上下文图标以及工具栏和桌面图标。在矩形和正方形中广泛使用圆角。避免突兀和锯齿感,线图标的圆角要稍微分明一些。

设计围绕简洁与有用
谷歌隐藏了邮件操作的功能,一方面由于存储空间不再是用户的烦恼,不必通过删除邮件来释放空间,此外,基于简洁、有用的设计理念,搜索成为了「发布」和「查看」外位列第三的功能。

Gmail 的搜索隶属于「可扩展搜索」,使用频度不如地图中的搜索框那么高,界面中并不是显示「搜索/Search」搜索框,而是将搜索按钮(放大镜图标)放在工具栏中。
image
点击搜索图标时,工具栏会自动转换到搜索文本框并将其他内容隐藏。支持语音搜索,麦克风图标同时出现。当显示搜索结果时,搜索框仍然可见但不处于激活状态,将屏幕键盘隐藏起来,这样可以在屏幕上显示更多搜索结果。

当然,可扩展搜索的设计在上一版本中亦有体现,但取消了蓝色字体索引,而最新的 Chrome 移动版仍然保留了蓝色索引。这是源于团队偏好么?Inbox 则取消了搜索时的确认按钮,时时显示出相关邮箱、关键字,以及邮件内容。

种种迹象表明 Inbox 或许将代替 Gmail:Material Design 中作为演示案例,Web 端已经和移动端设计同步,以及更人性化的邮件归类让人爱不释手。但 Gmail 的这次改版完成了普及 Material Design 的使命。虽然相比 Inbox 略显保守,但对交互较少,希望能平滑过渡到新设计风格上的 App 来说起到了示范性的作用。

除了 Gmail,谷歌的 Chrome、Google+、Google+、Google Play 都已经采用了 Material Design 的设计。

>

品牌风云最新热文

房地产的VI做起来,就像是在搞艺术 唱片封面设计 | 看得见的音乐艺术 “美味酒廊”VI设计欣赏 美学茶话:读懂齐白石的画,我放弃了画画

访问手机站
© Copyright 素材公社tooopen.com 本站部份内容收集于网络,如有侵犯您权益请告知删除| 湘ICP备11010972号-1