网页设计创意书

/

灵感

在设计过程中运用灵感

李瑛　译

大家最喜欢问我的一个问题是，如何从别人的作品中获得灵感，而又不至于抄袭或者剽窃别人的创意。从某种意义上说，这个问题简单易答，答案就是不要剽窃创意。然而这其中的微妙之处却难以把握。那么获得灵感与剽窃他人的界限在哪里？当我们意识到没有人生活在真空里，没有一个设计可以说完全不受前人作品的影响时，这个问题就变得不好回答了。作为一名网站设计师，Marko Prljić早就写过有关这一主题的内容。本章正是由Marko所写，他在这一章里会一步步带你经历一个新设计方案的出炉过程。更为重要的是，你会在这个过程中看到，各种不同的创意、方法和设计元素是如何从各处找来，然后整合在一起，形起一个新设计的。希望你能从本书中得到启发和激励，领会如何从他处得到灵感，又不至剽窃别人的创意。

002

/

灵感

在设计过程中运用灵感

在设计过程中运用灵感

Marko Prljic´

从别人的作品中获得灵感，但不要抄袭。借鉴与抄袭之间的差别并不大，加之我们每天都身处在各种设计与艺术的影响之中，这二者之间的界限变得更加模糊了。为一项新设计寻找灵感并不难，我们周围有太多资源可供参考，网络本身就是一个充满无数网站设计的大展台。如何获得灵感而又不抄袭别人并没有定式，但我们仍有简单易行的办法来避免抄袭。现在，我来带你看看我最近创建的一个网站的设计过程，我会通过几个例子来展示如何从各种资源中吸收灵感并形成新颖独特的设计。但在查看这些例子之前，我们先来看看有关灵感使用的几个核心理念。

从多个设计中吸收灵感

当你发现一个喜欢的设计时，可能会想：“我就想做成这样的。”不要停在这里，要继续搜寻其他一些

在颜色、结构或内容上与你心中图景类似的网站，你的目标是要利用每个网站中的最佳元素，并将这些创意融合到新的设计中。

组合这些能带给你灵感的设计元素，开始你的新设计吧。注意新网站的框架线条，考虑某些特定元素可以采用的风格，最终目的不是照抄某一个设计，而是把你从各处得来的灵感以一种新的方式有机地组合在一起。到你开始制作新网站模型的时候，应当已经有了自己的一些新创意，而它们正是使你的网站看起来新颖而独特的关键所在。

分解网站

获得灵感的好方法不是打量全局，而是要在每个网站中寻找与你的项目相关的元素。观察别人是如何解决类似问题的，并将这些方法借为己用。例如，我们可以观察下面这个网站（图1），并总结出如下亮点。

❑ 标题栏没有像一般网站那样，靠对比色或者框线来区分于正文。

❑ 配色方案中主要使用淡色调。❑ 大标语清楚地表明了网站的用途。

❑ 采用大型幻灯片放映形式， 下面有一组清晰的图标，让人能够清楚知道当前放映的是哪一张。

003

图1004

图2

图3

大量的白色（或灰色）空间 使页面看起来开阔而清爽。

气。这时要问问自己：究竟是什么使得这个网页如此出色？图2显示了另一个非常好的例子，其中突出显示了一些关键元素。

网站激发了我的设计灵感，我会告诉你它们对于最终设计的成型起什么作用。我们先来看看图3所示的最终设计结果吧。

当我开始设计该模板时，我想着如果设计出的网页能做到时尚、结构合理、内容丰富、支持博客，并且具有多功能，那该有多棒。有了这样的想法，我对作品未来的样

挑选最喜欢的细节

当看到能带给你灵感的设计时，要仔细观察并挑选出那些真正为网页添彩的元素，要留心色彩渐变、光影效果和字体等细微之处，因为正是这些细节为网页注入了生

创建新网页

现在我们来深入研究一个例子，逐步分析我为themeforest.net设计模板的过程。有几个非常棒的

图4　灵感图5　设计

图6　灵感图7　设计

005

图8　灵感图9　设计

子就有了一个模糊的概念。由此出发，我从下面3个机构的网站中得到了灵感：

❑ FreelanceSwitch ❑ Aviary ❑ Psdtuts+

效果不错，因此我想这会是我的设计中的一个关键元素。这个设计元素本来比较常见，关键要看别人是如何应用它的。有成千上万种方法可以给这样一个设计元素带来变化，比如像Aviary这样在外形和布局上作一点小小的改变（图6和图7）。

总结

如果看过成品，你应该看到了我是如何从各种资源中吸收灵感来完成它的，而且其结果是形成一个全新的网页设计，并非其他任何设计的简单复制。有人可能会说我是在暗示要像弗兰肯斯 坦①一样，用其他网站的不同片段拼合成一个新的设计。当然，如果你只是把这些不同资源的元素剪下来粘在一起，结果肯定不会给任何人带来有益的启发。你必须努力使新的设计作品统一为通常的样式，并且不要忽视整体效果。最后，再强调一遍：要从他处吸取灵感，但不要照抄别人！

灵感来源1：FreelanceSwitch

我喜欢该网站设计的第一个理由就是它的导航，这样的导航又大又清楚，每个链接主文本下方都有少量附加信息。而且网页背景是多层的，从上到下延伸开来，使网页看上去非常有趣（图4和图5）。

灵感来源3：PsdTuts+

这个网站设计中可资借鉴的一个关键元素是它的页脚。它的页脚区域很大，而且提供了附加信息和关键链接。我还注意到这个网站的logo在页脚部分再次出现，于是我在自己的设计作品中也这样做了 （图8和图9）。

灵感来源2：Aviary

该网站首页上大大的旋转字体

① 人名，Frankenstein的音译，是英国小说家玛丽·雪莱的科幻小说Frankenstein中的主人公。他是一名疯狂医生，他用许多碎尸拼成一个“人”。——译者注

006