谷歌GMail邮箱的界面设计

2016-02-17 03:45 44 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的谷歌GMail邮箱的界面设计,希望大家看完后能赶快学习起来。

【 tulaoshi.com - 平面设计 】

Google 这间公司向来有不少「创举」,有些创举是因为他们比别人聪明,可以想到别人没想过的事;有些创举则可能是因为别人想都不用想,就知道不应该这样做,嗯

举例来说,前一阵子 GMail 稍微改了介面设计,其中最令人惊讶的大概是这个:

谷歌GMail邮箱的界面设计,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

一个可以核选的下拉式选单(Checkbox Dropdown Menu)!不得不说,这真的是很难在任何软体介面设计当中看到的做法。(註:这裡有一些相关的讨论,可以看一看。)

最近 GMail 又加入了一个叫 Priority Inbox 的功能,所以在介面上又多出两个按钮:

谷歌GMail邮箱的界面设计,PS教程,图老师教程网

左边那个按钮叫「Mark as important」,右边那个叫「Mark as not important」,任何时候这两个按钮都可以按:不论信件是否已经标上「重要」标籤,都还是可以继续按「Mark as important」,但是不会有任何额外的改变,因为在这个系统当中,就只有「重要」跟「不重要」两种分别,而不是「重要」、「很重要」、「非常重要」、「极为重要」、「会造成人类毁灭的重要」等层次。那么,为什么不让这个系统判断目前的信件是否已经标着「重要」标籤,来动态调配按钮的状态(可按或不可按)呢?

有一种可能,是这个功能的设计者想要在「一个邮件串」跟「一大堆邮件」的两种情境当中,都维持相同的介面体验。

然而 GMail 先前的设计并没有到处一致,这真是悲剧。

以下这个画面是 GMail 当中,当你阅读某串信件时,会看到的工具列按钮:

谷歌GMail邮箱的界面设计,PS教程,图老师教程网

我们可以对整串信件做些事,像是回报为垃圾邮件(Report spam)、删除(Delete),另外在某个更深的选单裡面,还可以过滤像这串邮件的其他邮件(Filter messages like these)。接着让我们来看看单一一封邮件又有哪些操作功能:

谷歌GMail邮箱的界面设计,PS教程,图老师教程网

嗯,我们也可以过滤像这封邮件的其他邮件(Filter messages like this)、删除单一邮件(Delete this message)、回报为诈骗邮件(Report phishing)。

这两张图一比较,就会发现:

可以做的事

 整串郵件單封郵件 回報垃圾郵件○× 回報詐騙郵件×○ 刪除郵件○○ 建立過濾條件○○

为什么不能回报某串邮件当中只有某一封是垃圾邮件,也没办法回报某串邮件通通都是诈骗邮件呢?这大概短时间内我们都不会从 Google 那边获得答覆。然而,我们这一趟 GMail 寻幽之旅也还没结束。

接下来我们要来看看封存/收藏(Archive)的功能。在你的收件匣,工具列上的第一个按钮就可以让你封存选定的邮件:

谷歌GMail邮箱的界面设计,PS教程,图老师教程网

但是如果你切到任何一个标籤的检视画面,就会发现这个按钮不见了。现在,你如果要封存邮件的话,必须到工具列遥远另一端的「更多动作」(More actions)下拉式选单裡面找出这个功能:

谷歌GMail邮箱的界面设计,PS教程,图老师教程网

一个小小的标籤,居然会让封存功能的地位天差地远,实在也是很难想到的。封存之后,如果你想要「取消封存」怎么办?你可找不到这样的按钮,因为你必须要使用「移动到收件匣」的动作来实现这个企图:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

谷歌GMail邮箱的界面设计,PS教程,图老师教程网

一个封存功能,叁个地方。嗯。

当你发现塬来「移动到」(Move to)下拉式选单是这样用的同时,撇开你一定会产生「那跟隔壁的『标籤』(Labels)下拉式选单的异同是什么」的疑问不谈(这点还蛮容易釐清的,这边就不赘述),你可能还会有这个疑问:

谷歌GMail邮箱的界面设计,PS教程,图老师教程网

「『回报为垃圾邮件』跟『移动到垃圾邮件』又有什么不同?」

也许有朝一日,有人会把这些设计写进什么教科书,届时我们就可能可以明白这些介面设计到底是怎么做出来的了。我还蛮期待的。

来源:http://www.tulaoshi.com/n/20160217/1578191.html

延伸阅读
布局是内容组织的必然结果,往往是自己逐渐成型的。一旦周全考虑了页面的所有需求,并且确定每一块的内容,你的工作就变成了看着所想要的布局自己展现在你眼前。 在开始安排页面内容时,我会秉承这一最基本的设计方法。简单来说,我把所有的栏目区域都扔到显示器上,然后移来移去不断的调整让他们彼此协调。 1、 引导用户的视线 人们在浏览...
Lance Alan Thackeray ,一位自由职业设计师,WEB,GUI,也是一名音乐爱好者,他的作品往往用色很简单,但却不影响层次感,整体略显灰暗,不知道是不是老外们都喜欢暗暗的色调。他的作品属于“第二眼美女”。 http://www.lancethackeray.com
当我们动手开始制作界面时是否思考过这一点。设计师所设计的界面真的能和用户们的情感形成共鸣么?设计师只投入工作的热情,而不投入自己的感情,把感情化为工作根基的原动力。情感在于把握使用者的感情,而不是个人抒发情感。带着主观色彩设计出的界面与用户的情感形不成共鸣,此界面或许会是优秀的作品,但可能不是完美的产品UI。 个人觉...
标签: 电脑入门
手把手教你用foxmail设置gmail邮箱,保证您方便快携的体现foximail.com的邮箱魅力。 打开 Foxmail 5.0。 单击"帐户"菜单,然后选择"属性"。 选择"个人信息",输入您的姓名,作为外发邮件"发件人:"字段中显示的内容。 输入您的完整 Gmail 电子邮件地址 (username@gmail.com) 。 打开"...

经验教程

95

收藏

21
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部