非设计师谈设计(一)：胖胡斐谈Apple改版精选.pdfVIP

非设计师谈设计 （一 ）：胖胡斐谈Apple改版 设计是一件好像人人都能看懂的东西 ，所以常有设计师 怨“老板指手划脚”、“客户不懂装懂”。我们 认为 ，设计是一门综合性极强的学科。可以说 ，它就是人人都能看懂 ，只不过 ，大家都是从自己的 角度来看。设计师说“用户体验”说“视觉”说“风格” ，客户、老板说“商业”说“运营”说“营销” ，开发工程 师说“技术”说“实现”。这些都是设计师要了解 ，要倾听 ，要理解的现实 ，一个只考虑“用户体验”的设 计不会是一个好设计 ，除非这个设计的目的就是为了展示“用户体验”。对绝大多数的商业设计 来说 ，“用户”、“商业”、“技术”的完美结合 ，才能产生出完美的设计。 从这个角度考虑 ，我们决定在这个blog上陆续载一些非设计师谈设计的文章。当然 ，我们会先从淘 宝的牛同事们开始 （窝边草容易吃^_^ ）。第一期是我们Super可爱的胖胡斐 ，他是淘宝资深的营销 专家 ，投广告无数、做活动无数 ，对设计如何支持商业目标有独道的经验和见解 ，被誉为“淘宝设计 部之外最牛B的设计师”。 胡斐这篇谈A pple改版的文章分了两部分 ，前半部分纯谈设计 ，后半部分从营销谈设计。希望设计 师们从一个非设计师的眼中 ，可以看到对设计不一样的理解—— 我从来不否认apple在我眼里就是神 ，因为它是教父级的品牌 ，喜欢apple带着信仰的。就像我前两 天会翻来覆去看iPho ne的电视广告 ，没有想到一个产品可以做成这样 ，没有想到一个产品广告可以 用单纯的产品把消费者利益说的这么清楚。iPho ne电视广告看这里。 今天说的 ，是apple网站改版了。准确说是今天早上发现的 ，具体什么时候改的我都不清楚 ，一周前 访问的时候还没有改 （后来确认是北京时间12 日 ，和WW DC2007一起改的 ）。我习惯经常上一 下apple.co ，因为总有很多值得学习的地方 ，比如表达产品卖点的方式 ，比如产品照片拍摄的角度 ，比如网页布局的安排 ，等等。apple网站和t ao bao 内容比起来可能是几万分之一 ，几乎是静态的 ，但是人家的访问量一直是T O P100以内。很多人把apple.co 像apple的产品一样当成艺术品来 欣赏。 先看首页 ，改动最大的就是这里 ，简单说 ，变成了黑色 ，也就是Leo pard的风格。我拿现在 的apple.co .cn网站来比较 （基本上这个就是原先apple.co 的中文版 ）。看上去更酷了吧 ？乍看上 去也就是变了颜色 ，其实改动非常大。 首先 ，页面变胖了。淘宝前段时间变胖的时候我们的UED还有过一篇 文章记录。以前apple实际 宽度是适合800像素的 ，现在完全是全屏1024宽 ，更宽敞。可以放更多东西。 导航重新组织重新设计了 ，这是最大的变动。这不光是重新设计了 ，最重要的是重新组织了导航 。我们看下面 ，以前是2级导航 ，选了一层之后还有另一层需要选。现在不用。第一层 ，apple按照 主打产品分类 ，也就是在用户心中 ，提到apple ，会联想到的产品 ：Mac、iPod、iPho ne…非常简 单非常直观。 做了一年的活动 ，和大少爷总结起来 ，“把信息进行分类”应该是最重要的环节了。帮助用户更快更方 便的找到自己想要的东西 ，这才是设计。 导航上增加了search。这个早就该有啦。Mac风格的有哪些信誉好的足球投注网站栏很简单。 一直都觉得apple的首页很好看 ，简单画了一个首页的iBoard （诠释的dalso n台湾GG跟我说的词 ，一般我说页面Layo ut 和视觉路线 ）。我们会发现 ，它具备了好的平面设计、好的网页设计所必须 的关键条件。 只有一条视觉路线 ：我们说好的网页能够引导用户的视线 ，用户不会不知道往哪里看 ，不会不知道 什么时候该不该拉滚动条。同时 ，让用户花最多的时间在最重要的信息上 ，理解为在重要元素上的 视觉路线最长。 只有一个视觉中心 ：apple网站的视觉中心太明显了 ，就是中间的大图 ，经常会换 ，永远是推他们目 前最重要的产品。 接下来 ，我们看内容页面。就点首页的Mac电脑进去 ，我们分别看到内容同样的界面。我印象里面 白色版本的Mac主页已经是变胖后的了。变胖之后 ，分栏的方式改成了平均分 ，以前是左7右3的。 记得承志说过 ，网页作成1024宽的 ，分列就特别重要 ，分成4列的话 ，用户会找不到东西。所 以163、sina改版变胖后用了3列。我们发现apple现在是2列 ，大家可以体会一下拉着滚动条从上往 下拉的时候 ，眼睛是不需要左右晃的 ，不像3列或者4列