2007年06月09日

原文 http://dancewithnet.com/2007/05/23/learn-from-yahoo-mail-homepage/

  1. 视觉重点在左边,鼠标的操作重点在右边,这是基于人从左到右阅读习惯,用右手翻书右手使用鼠标的使用习惯。
  2. 登录框和注册谁重要?一次注册,多次登录,毫无疑问登录应该更重要一些,这就决定了登录框的设计应该处于最易用的位置。
  3. 如何处理登录的流程?ID->密码->记住登录->登录按钮->忘记ID或密码->登录帮助
  4. 按钮是按钮,链接是链接?登录(sign in)是一个按钮,注册(sign up)是一个链接。

Yahoo Mail 2000-2001年首页,很熟悉的页了,因为人们的阅读习惯,所以重要的注册和登录放在左边。

yahoo-mail-1.png

Yahoo Mail 2001-2002年首页,视觉重点虽然在左边,对于大多数人来讲,鼠标的操作重点在右边,于是登录框在右边区别显示,Yahoo Mail首页的整体结构基本形成,这个时候说明文字不管好不好辨认能够围绕圆球排列或许是一种技术表现。

yahoo-mail-2.png

Yahoo Mail 2002-2003年首页,对齐说明文字,突出关键词。

yahoo-mail-3.png

Yahoo Mail 2004-2005年首页,美女在这个时候是眼球经济,在此带动下把链接伪装成按钮也成为一种流行,这种恶劣的流行一直还影响着今天的我们。

yahoo-mail-4.png

Yahoo Mail 2006-2007年首页,圆角和色块配合,简洁而不简单的设计,这个四个页面是按照出现时间顺序排列的,明显的反应出对链接和按钮的考虑,注册和登录位置考虑(突出注册或为登录框更易于登录的好位置)等等。

yahoo-mail-5.png

yahoo-mail-6.png

yahoo-mail-7.png

yahoo-mail-8.png

2006年09月09日

这次我们将深入进去了解一下众多色彩在一起之后所存在的“比例”关系。

我们在使用色彩的时候不可能把所有的色彩都做得一样大小,当然如果你是在排色谱,那是例外。我们在设计网页或是平面作品时我们大多会想好用什么色彩为主色,并找到相关的色彩为辅色。但是往往到实际工作的时候就主辅不分了,也不清楚什么是主什么是辅。结出做出来的东西,色彩杂乱,没有主次!

学习设计的人都想做出好东西,但是往往却事与愿违,从手下出来的作品总是不能达到自己的要求。其中对色彩比例的取舍上总是犹豫不决,结果往往是做出错误的判断。到底我们要怎么做才能做出漂亮的色彩呢。从比例的安排上可以帮助我们得到部分答案!下面看图:以下是一外国网站的截图,这个网站用的色彩不多,白色,黑色,橙红色。不用我说大家都知道什么色彩最多,什么彩色最少!

白色最多,黑色其次,橙红色最少,但是大家有没有发现一个问题,最醒目的不是黑白色,而是橙红色。这至少证明了:色彩多并不一定醒目,色彩少反应容易吸引注意力。

另也是因为黑白色都是无彩色,所以橙红就会显得更加的鲜艳。大家注意到了,这里的比例目测大约是 白70%,黑22%,橙8%

这里我们得到一个结论:越是鲜艳的色彩越是少用,所占的比例一定要少一点!

那什么样的色彩比较要大一点呢?我们可以看一上图与下面的图片,大家一定会有一个比较感性的认识。亚光色、无彩色的比例要战占得多一点。高亮色是不适合大面积出现的而高亮色最好是以很少的比例出现。