非设计师谈设计之Apple改版(2)_网页设计教程

推荐：输入表单的三种布局
原文：http://dedream.blogbus.com/logs/5992307.html关于输入表单的三种常用布局，大家应该都比较熟悉了，第一种是这样，称为右对齐/左对齐，左边的标签右

• 首先，页面变胖了。淘宝前段时间变胖的时候我们的UED还有过一篇文章记录。以前apple实际宽度是适合800像素的，现在完全是全屏1024宽，更宽敞。可以放更多东西。
• 导航重新组织重新设计了，这是最大的变动。这不光是重新设计了，最重要的是重新组织了导航。我们看下面，以前是2级导航，选了一层之后还有另一层需要选。现在不用。第一层，apple按照主打产品分类，也就是在用户心中，提到apple，会联想到的产品：Mac、iPod、iPhone…非常简单非常直观。
  做了一年的活动，和大少爷总结起来，“把信息进行分类”应该是最重要的环节了。帮助用户更快更方便的找到自己想要的东西，这才是设计。
• 导航上增加了search。这个早就该有啦。Mac风格的搜索栏很简单。

• 一直都觉得apple的首页很好看，简单画了一个首页的iBoard（诠释的dalson台湾GG跟我说的词，一般我说页面Layout和视觉路线）。我们会发现，它具备了好的平面设计、好的网页设计所必须的要害条件。
  只有一条视觉路线：我们说好的网页能够引导用户的视线，用户不会不知道往哪里看，不会不知道什么时候该不该拉滚动条。同时，让用户花最多的时间在最重要的信息上，理解为在重要元素上的视觉路线最长。
  只有一个视觉中心：apple网站的视觉中心太明显了，就是中间的大图，经常会换，永远是推他们目前最重要的产品。

接下来，我们看内容页面。就点首页的Mac电脑进去，我们分别看到内容同样的界面。我印象里面白色版本的Mac主页已经是变胖后的了。变胖之后，分栏的方式改成了平均分，以前是左7右3的。记得承志说过，网页作成1024宽的，分列就非凡重要，分成4列的话，用户会找不到东西。所以163、sina改版变胖后用了3列。我们发现apple现在是2列，大家可以体会一下拉着滚动条从上往下拉的时候，眼睛是不需要左右晃的，不像3列或者4列的，这样就会让用户比较轻松。

分享：Jakob Nielsen:十大严重的网站设计错误
原作者:JakobNielsen|译者:威廉(Blog)自1996年以来，我曾经指出了很多网站中的设计错误，参见底部我的系列文章列表，本文将重点介绍的是，这些问题当