学习“设计元老”的页面设计
站长空间
说到Adobe家族产品，恐怕你已经知道今日我们要谈的是Adobe的官方网站。别小看这是一家企业网站，它可是Adobe家族产品的专业信息平台，从格局、导航、色彩、文字、插图、风格等多个方面展现出www.adobe.com的优秀一面，如此成功的作品应该尽早拿来学习。
Adobe网站特色指数
视觉美观度：★★★
访问速度：★★★★
功能便捷程度：★★
格局：栏宽和栏长
众所周知，Adobe网站的信息量很大。对于一个信息量大的网站，采用竖三栏或竖四栏，都可以有效地编排信息。Adobe就是遵循这一规则而采用了三栏结构，看似平凡，其实十分特别（图1）。
首先是栏宽。首页：三个栏分别是左侧两个窄栏，右侧一个宽栏。Products/All栏目：是左侧两个宽栏，右侧一个窄栏。反观其他栏目，大部分采用了左侧一个窄栏，右侧两个宽栏。这种机动的划分栏宽的方式，可根据页面信息量的大小调配信息的放置和排列。假设都采用统一的分栏宽度，将会暴露出信息整编上的缺陷和不足，导致页面信息无法做到疏密得当。
其次是栏长。不少人设计页面时拘于栏长相同，致使页面上一块空的位置都没有，如果有空的位置，他们也会想尽办法填上内容。想一想吧，你愿意长时间呆在一个放满了杂物房间里么？可能你更愿意选择呆在空间豁亮且有着长地毯的客厅里。空白（也可叫做留白）是页面版式设计的一大重点，它可以缓和人们的紧张的情绪，以及营造出高雅的气氛。如Adobe这样，栏长由信息自己决定，错落有致的长度可以给页面带来变化，死板的栏式结构也就变特殊起来。
导航：隐藏与展开
要知道，现在的确有不少设计师专注于开发“别具一格”的导航动画，例如只有当你的鼠标触击到页面某个位置时，导航才会出现。或是导航跟着鼠标跑，你必须适应并几次击中它之后才能展开导航项目……这些隐藏式导航，实在不适合商业网站。从高效性上说，完全隐藏导航项目的导航设计弊病太多，无法第一时间看到它的全貌。浏览者（客户）在寻找导航上花费的时间，将会影响他们的情绪以及他们对商家的印象。
但从Adobe这样的导航设计上看，我们可以学习到半隐藏导航的优点。当你打开页面，五个大的信息类别，十分清楚地标注了可去的方向。
鼠标触击它们时，展开的菜单将带你去更明确的页面。对于那些既要求高效性，又有十分丰富内容的商业网站来说，这类导航无疑是他们的首选风格。
字体颜色：红、黑、灰的运用
Adobe网站，除了红色，就是黑色和灰色。为什么没有给你单调的感觉呢？经过观察我们发现，Adobe在框架上，采用了灰色，以及灰色到白色的渐变方式，渐变色彩可以给页面带来些变化，并产生光泽感。除了黑色的标题文字之外，就是红色的重点标题文字，以及灰色的信息文字，这可以让浏览者轻易地抓住阅读的重点。即使面对如Adobe这样一个信息量颇大的网站，我们也不会觉得阅读很辛苦，相反，你会十分的轻松地查找信息（图2）。
一木点评：综合以上几点，我们可以看出，Adobe是一个十分强调高效性和准确性的信息传达的商业网站。该网站的做法是国内所有商业网站应该学习和借鉴的。而它的整洁与专业感，也通过色彩和版式设计展示出来，没有浮华的图片我们也能够深刻感受到Adobe的亲和力，只有真正为了使用者而设计的页面，才能真正赢得浏览者的心。