非設計師談設計之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年以來，我曾經指出了很多網站中的設計錯誤，參見底部我的系列文章列表，本文將重點介紹的是，這些問題當