加载中...
查看文章
  • 马丁 迈克尼斯谈使用格子来作为界面设计中的整理工具
  • 作者：未知 来源：未知 添加时间：2003年7月28日 字体:大 中 小
  • 83653我A%X@)Ke头一次听说约瑟夫 穆勒尔 布洛克曼(译者注：著名瑞士平面设计师 http://www.imon.org/mueller-brockmann/)是在1998年。我A%X@)Ke对他的理论很感兴趣，尤其是在设计工作中他推崇的格子概念。对於我A%X@)Ke来说布洛克曼的使用格子作为一种整理系统的理论即有方法性又有实际性。我A%X@)Ke随后买了他的一些书籍，但我A%X@)Ke最想找到的那本关于揭开字体格子的奥秘的书：“平面设计中的格子系统”却一直未能找到。它要么是绝版了，要么就是还在预订中。踏破铁鞋无觅处，来得全不费功夫。我A%X@)Ke在纽约布鲁克林区的一家DJ器材商店找到了它。

    A%X@)Ke

    A%X@)Ke我A%X@)Ke对布洛克曼的好奇最终成为了我A%X@)Ke职业生涯中的一个里程碑。

    A%X@)Ke

    A%X@)Ke格子现在是到处都是。任何参与了界面设计的人可能都已经注意到了使用格子布局来整理内容和图形元素的不断升温的普及性。格子在平面设计中已经来源已久，当然在很多情况下，它们并不显而易见。当它被用来建设网页界面，开发整个信息结构和信息展现时格子系统就变得非常有用了。如果想让格子原理发挥出它的优势并且看到它真正的效率，设计师们必须在界面设计的最初规划阶段就明确界面的格局。

    A%X@)Ke

    A%X@)Ke布洛克曼的格子是一种位置和区域设定系统，它是用来分隔文字和图形元素从而使信息交换变得更简单，更有意义。格子系统决定了字体大小，颜色，图片和空间等等数据。正如布洛克曼说的：“清晰而且有条理得使用标题，小标题，文字，插图和说明展现出来的信息将不仅会更快更容易得被阅读到，而且信息将会更好的被理解，被保留在记忆中”。

    A%X@)Ke

    A%X@)Ke这里有一些不错的例子。比如英国广播公司的网页http://www.bbc.co.uk 首页和后面序页都使用显眼而且条理化的格子布局。首页上36个格子被用来安排和展示信息。界面的布局体现出了一个清晰的模块和组织结构。一些格子被结合在一起用来同时安置文字和图片，这体现出了格子概念在设计方案的弹性。

    A%X@)Ke

    A%X@)Ke这样的例子还有很多。下面的几个网站都结合使用了格子布局。

    A%X@)KeNissan USA http://www.nissanusa.com/,

    A%X@)Ke

    A%X@)KeCopper Mountain Resort http://www.coppercolorado.com/

    A%X@)Ke

    A%X@)KeGranite Ventures http://www.granitevc.com/noflash.html.

    A%X@)Ke

    A%X@)Ke

    A%X@)Ke

    A%X@)Ke简洁是根本。布洛克曼一言道出真谛：减少视觉元素的数量同时结合格子系统可以创造出一种灵巧的规划性，明了性和清晰性的感受。这就体现出了设计的秩序化。这种秩序化增加的信息可信度，同时产生了更多的信心。

    A%X@)Ke

    A%X@)Ke简洁带来的功效使我A%X@)Ke对布洛克曼的方法产生了强烈的共鸣。我A%X@)Ke一直被欧洲设计风格所吸引如时装，家具，建筑。原因很简单：它们都有一个共同点：保留了某种程度的间洁。

    A%X@)Ke

    A%X@)Ke在我A%X@)Ke进入网页和互动设计这一职业后，同样这种简洁理论可以被通用。这也是布洛克曼的理论的一种体现。简洁中蕴藏着一种神奇的力量。但很多时候这种境界很难达到。网页界面在展示上的创造性的间洁和各种标准(字体，尺寸，颜色)的统一性使高效率得传达原有的设计思想变得可行。

    A%X@)Ke

    A%X@)Ke界面设计流程中的一个基础部分就是弄清格子的布局。在分析完一个网站的内容和建立起信息结构之后，我A%X@)Ke们对如何建立一个格子布局有了一个比较清楚的了解。图片的重要性，导航系统的风格和功能，网站内容量甚至最终网站使用的技术平台都会决定格子界面系统开发的导向。

    A%X@)Ke

    A%X@)Ke格子系统不是一剂百病都治的药。它不是平面设计来解决信息交互问题的最终方案。我A%X@)Ke并不是在推荐这种思路可以适用于每一个网页设计项目。但是，我A%X@)Ke相信清晰的格子界面系统是一种用来获取高度整洁和简易网页界面的好工具。

    A%X@)Ke

    A%X@)Ke请谈谈你所在的公司

    A%X@)Ke

    A%X@)KeTechnikOne(http://www.technikone.com) 是一个地处北卡罗来那州夏洛特市的小型互动设计机构。我A%X@)Ke们的专长于数码品牌设计和创意设计。我A%X@)Ke们的队伍由一小组视觉设计师，编程师和其他各项支持员工组成。这个工作组利用设计和技术来帮助客户们建立起他们的品牌。这个公司的业务范围包括从设计企业商标和使用规范到开发以网络为主要内容的合成化的市场开发宣传。我A%X@)Ke们客户包括：3M，环球唱片, 布朗大学和夏洛特市政府。

    A%X@)Ke

    A%X@)Ke我A%X@)Ke和我A%X@)Ke的合伙人拉瑞 盖格于1999年共同创建了这个机构。那时候我A%X@)Ke们的经营宗旨是为帮助清理网络系统出一点力。同样作为消费者，我A%X@)Ke们认为这个世界上那些乱七八糟的根本就无法实现它们打出品牌的诺言的网页界面设计实在是举不胜举。让网页作为一种信息交互媒质更快的成长起来仍然是我A%X@)Ke们最执着的追求。

    A%X@)Ke

    A%X@)Ke我A%X@)Ke们的信念是：设计，技术和管理各方面的理念应该全力支持公司的品牌而不是倒过来。品牌不应该被修改或者替换掉而去适合一个特定的设计风格或者技术，而是让设计和技术来支持品牌从而为它们的观众创造出一种非常良好的感受。

    A%X@)Ke

    A%X@)Ke你做什么工作？

    A%X@)Ke

    A%X@)Ke我A%X@)Ke是公司执行管理人员中的一员，也是负责艺术部的人。我A%X@)Ke的职责在于确保项目的艺术方向和客户的商业目的一致。我A%X@)Ke又是我A%X@)Ke们在做新业务推销时的艺术代言人同时根据我A%X@)Ke们的设计师的个人能力特点而为项目组织设计队伍。

    A%X@)Ke

    A%X@)Ke你怎么会走到今天这一步的？

    A%X@)Ke

    A%X@)Ke我A%X@)Ke于1996年在阿拉巴马州立大学就读信息系统/财会专业时，开始对网络着迷。 这一媒质的创造性部份深深得吸引了我A%X@)Ke，最终成为了一个职业的激情。1997年毕业之后，我A%X@)Ke在美国银行的一个技术规划小组工作过。这个小组由编程师，设计师和项目经理组成。他们向我A%X@)Ke工作的那个分部提供往来和信息交互的支持。

    A%X@)Ke

    A%X@)Ke我A%X@)Ke和一些很有才华的人一起完成了几个范围宽广的公司内网的项目。这些经验让我A%X@)Ke对如何管理大项目有了很多的了解。最有收获的是我A%X@)Ke了解到艺术部份是如何融合进一个负责项目的全局里的。在那段时间里，我A%X@)Ke与拉瑞相识了。在8小时之外的时间内，我A%X@)Ke们开始为当地的非营利性组织和小商业制作一些项目。

    A%X@)Ke

    A%X@)Ke2000年初，我A%X@)Ke离开了美国银行去了一家当地的信息管理公司为Cicso的一个巨大的公司内网项目做艺术部负责人。我A%X@)Ke负责将会被Cisco企业帐户代理人使用的300多个页面的艺术导向。

    A%X@)Ke

    A%X@)Ke正当Cisco项目将要完成时，我A%X@)Ke们自己的公司得到了一个为环球唱片制作互动产品的项目。这个让我A%X@)Ke自己创造和设计的机会来得正好，因此我A%X@)Ke离开了那个信息管理公司转而全心致力于环球唱片的工作。打那以后我A%X@)Ke就一直自己干了。

    A%X@)Ke

    A%X@)Ke你认为技术的发展会使人类的生活更复杂化吗？

    A%X@)Ke

    A%X@)Ke当然不是。我A%X@)Ke认为技术给人类提供了可供选择的方便性。

    A%X@)Ke

    A%X@)Ke哪样技术配件/物体/发明你认为是在生活中缺之不可的？为什么？

    A%X@)Ke

    A%X@)Ke我A%X@)Ke电脑上的“复制”和“粘贴”功能。它们真简单，但少了它们，我A%X@)Ke的生活会一团糟的。 83650
  • 返回页面顶端
  • 上一篇：网站的整体风格和创意设计
  • 下一篇：基于Web的系统测试方法
  • 返回上一页 打印本文 加入收藏
  • 页面最后更新时间：2011年5月18日