创造创新和独特的网页设计的10个想法

我是…的超级粉丝推特。我认为它是一个帮助我从一个只知道如何制作网站的人发展成为网页设计师的工具，因为接触了出色的设计师、教程、推荐读物和令人印象深刻的例子，帮助我建立了我的设计工具集，并在技术和创意层面上提高了我的能力。所以每当有人问我关于如何成为一名更好的设计师的建议时，比如社交网络推特和Facebook),设计画廊和RSS提要在我的清单上，这些都是你应该用来学习和提高的。

话虽如此，我认为重要的是我们要适度地对待所有这些事情，并限制我们对设计教程和“灵感”来源的消费。虽然所有这些都是一个很好的方法跟上设计界的步伐确保你使用的是最新最好的方法和标准，我发现这是一个糟糕的火花配方真正的创造力和创新。我发现，通过观察其他设计师的作品来开始一个项目——无论是个人项目还是专业项目——的想法越来越不舒服。为了想出一个解决方案，看看你的问题之前是如何解决的可能是个好主意，但问题是:我们不是数学家，我们被要求作为创造力的源泉，并被要求创造美丽而独特的体验。

我相信大多数设计师都在努力做到这一点独特的个人。我相信我们一直在尝试创造新的和令人兴奋的结果与这个伟大的社区分享。如果这真的是我们的目标，那么我们就不应该害怕产生不好的结果。

说到糟糕的结果，我的意思是糟糕透顶、糟糕透顶、糟糕透顶的网页设计，永远不应该出现在人们眼前。为了学习、成长和创新，我们不能害怕经常失败和过早失败。你可以做一些事情来帮助你达到这个地方的实验和打破常规的思维;本文将分享其中的一些。

1.从空白画布开始

从另一个设计或你之前做过的工作的任何部分开始是节省项目时间的好方法。实际上，许多未使用的设计工作可以重新设计并循环使用到新项目中，从而提高您的生产力。这是我鼓励的一种做法，因为它节省了大量的时间，并将可能是一个伟大的想法从垃圾箱中拉出来，而之前的项目没有点击。

但这并不是一个很好的方法来想出一个很酷的新设计，将点燃世界。从一张空白画布开始。甚至不要将背景色设置为白色(这是许多流行的网页设计图形编辑器(如Photoshop)的默认设置);你可能还不知道那是不是你想要的颜色。

尽量不要限制自己从页面布局的顶部开始(标题)或从线框布局开始(如果你已经没有使用这个过程)。对导航的工作方式有什么好主意吗?突然发现一个奇妙的方式显示页面或帖子标题的灵感?

从细节开始可能与正常的工作流程相反，因为我们通常从大到小开始(即，布局结构，然后是内容)。然而，这是一种让创意源源不断的好方法。谁说网页布局必须限制在4个直边?

科威特平面设计师OwaikeO使用了一个说明性的布局，其内容区域有一个富有表现力的周长。你可能会惊讶地发现，处理一个小细节可以在你的大脑中激发出关于网站不同领域的新想法(Sacha Greif在他的文章中也建议你尝试一下)突破网页设计师的障碍)。在你意识到这一点之前，你会在画布上跳来跳去，试图跟上周围跳跃的好主意。

2.跳出思维定势;不要使用预先描述的布局

网格系统，如960网格系统都非常适合显示网页内容，不仅因为它们易于设置，而且因为它们提高了部署和维护网站项目的效率，还因为它们提高了可用性和一致性网页布局。对于某些项目，需要注意一致性和跨浏览器支持，特别是当您处理的是广泛的主流目标受众时。另一方面，拥有如此严格的布局机制可能是设计师想要跳出(布局)框框思考的最大障碍。

如果页面大小无关紧要呢?如果它的布局并不重要呢?为了改变，先创造产品，然后挑战自己，提出新的解决方案。

没有规则说你的网站不能被访问，除非它适合960像素的方框。所以，不要用这些限制来限制你的想法，而是建立你的想法，并找到一种方法让它发挥作用。Lucuma是一家视听制作公司，它创造性地跳出了常规，使用水平滚动布局将网站的内容放在一个页面中。不要停留在你的舒适区，要去探索不同的布局类型看看像HTML5和CSS3这样的新标准(带有渐进式增强)如何让你的工作变得更好，等等。

3.不使用CMS

就像设置布局和网格系统一样，今天的内容管理系统是令人惊叹的工具，可以节省时间和精力，同时保持美观的设计标准和相当好的灵活性。平台WordPress、Expression Engine和Drupal的可塑性很强，可以以创新的方式使用，但它们仍然为设计人员提供了限制。特别是当与网格系统(许多公开免费的主题为了加速开发而使用网格系统)结合在一起时，内容管理系统可能对您的创造力构成危险。

我发现我第一次为客户设计的网站是我最喜欢的，这并不罕见。99%的情况下，初始设计的渐进性下降可以归因于客户希望以初始布局不打算做的特定方式添加，删除或显示内容。如果你正在做一个创造性的项目，或者只是为了好玩，那就好好利用你在内容上的自由吧。

考虑一下:我们使用cms是因为我们想要一种更简单的方式来处理站点更新和更改，但是如果我们消除了这个问题——至少在这种情况下是可以接受的——我们就为设计打开了许多新的可能性。

4.避免网上灵感

对于我们想要真正独特和创新的项目，我们应该避免参考其他设计师在我们之前所做的事情。这意味着我们不能开始我们的创新网页设计项目，看设计画廊和设计展示。包含网页设计的鼓舞人心的例子的在线图库和博客文章对获得灵感很有用。

我一直在浏览这些网站和博客文章——我喜欢看其他网页设计师在做什么，我甚至建议你也这样做。真的，我用这种方式寻找灵感的最大问题是，用别人的设计开始你的新设计一点也不有趣。诚然，这很难。

例如，客户不确定他们想要在他们的网站上做什么，通常会发现为你提供他们喜欢的网站的链接是很有帮助的，这样可以直观地展示他们的期望。当你心情不好的时候，完全从零开始是很困难的，为了让你的创意源源不断，通过设计聚合网站和博客文章的视觉刺激可以快速启动创意的产生。NOFRKS设计工作室有一个有趣的单页导航方案，它的背景会根据你访问网站的时间而变化。然而，如果你想创建一个独特的网站，看看你自己能想出什么。

它不会永远是伟大的——这很好——经常失败，早失败。试着避免这样的陷阱:当你可以从自己的脑海中挖掘出更好的解决方案时，你必须做得和竞争对手一样好。

5.至少尝试一件你以前没有做过的事情

利用您的经验并基于过去运行良好的技术构建项目往往成为我们许多人的标准实践-它更快，更容易，更有效。但这很快就会停滞不前，作为一个本质变化很快的行业的一部分，我们应该总是鼓励自己尝试新事物，培养新人才。这对你来说每次都很有效吗?

你可以赌你的屁股不会，但它至少会比你不尝试的时候多一次。

6.假装你不需要编写代码

让我们澄清一件事。在“网页设计师应该知道如何编码吗?我的观点是，网页设计师确实需要知道如何标记和他们自己的网页设计(至少在CSS和HTML中)。

然而，网页设计师知道他们最终将不得不编码一个网页设计，这意味着我们将有经验的基于设计的犹豫和限制，而产生一个新的网站的外观(例如，“我知道这个透明的PNG不能工作IE6我不想处理这个问题，所以我就避开它”)。我遇到的HTML和CSS浏览器渲染问题越多，它对我在Photoshop中开发网站模型的影响就越大。了解使用CSS、HTML和客户端脚本实现一个元素或交互设计的难度，会影响我在图形层面执行想法的方式。

这真的一点都不坏。事实上，这就是为什么你应该知道如何编写自己的网页设计。了解媒体的局限性是制作逼真且可用的网站的关键。

如果你有截止日期，并且知道如何修改设计以节省时间和保持视觉质量，你将成为一个更多产的网页设计师。但是，就创作自由而言，不断思考事情有多困难或不可能实现是一个很大的限制，如果我们想要创造一些打破常规的东西，无知是福。一个大的逼真的背景，元素需要透明的背景，一个有机的和非正统的布局结构——这是太多的工作，但Ecoki出色地完成了它。对于需要创新的项目——喜欢冒险的项目——暂时假装你不知道HTML、CSS和JavaScript是如何工作的。

看看你能想出什么办法。现实吗?它在人们需要使用你的设计的网页上能很好地翻译吗?

7.去旧学校

如今，许多设计师都认为在网页设计中使用表格是一种草率而糟糕的做法。但这并不是全部真相。表格在我们的网页设计中仍然占有重要的地位，虽然我不鼓励你使用它们来开发网页布局，但它们仍然有相关的应用，比如显示表格数据。

如今，摆在车库货架上的不仅仅是桌子。使用选框或闪烁元素也会给许多设计师带来噩梦，他们在网页设计的黑暗时期名声不佳。试图找到一种优雅的方式来使用一个像选框一样的元素(你应该使用JavaScript或CSS3，因为<选框>例如，标签是不推荐的)，这很可能是一个挑战，也是一个富有成效的练习，可以产生一个创造性的解决方案，将旧的选项带回到表面。

jQuery Robot，一个概念验证，水平滚动背景，就像<选框>使用HTML文本。重新拜访一些失散多年的朋友，以恢复他们的声誉，这是一个有趣的项目，可以激发很多创造力。

8.去新学校

浏览器测试和调试很糟糕。这是我们所从事的每一个网页设计项目中最糟糕的——但也是最必要的——任务之一。由于网页浏览器(以及其他我们无法控制的平台)正在展示我们的作品，因此很容易认为它们是网页设计中最重要的限制因素。

然而，浏览器市场的竞争正在加剧，浏览器供应商不断地试图超越彼此ie正在玩这个游戏)。竞争是好事，因为浏览器不太可能接受现状，比以往更快地实现未来的web标准。对于见多识广的现代网页设计师来说，看到HTML5和CSS3中引入的新事物是一种有趣和流行的爱好。

例如，看看这些使用CSS3和/或HTML5的概念验证:

• 语义CSS3灯箱
• 性感的工具提示与仅仅CSS
• 如何使用CSS3创建社交媒体按钮
• CSS3纸牌戏法:一个有趣的CSS3实验
• 如何用CSS3创建插页排版
• 创建一个CSS3动作召唤按钮
• 如何创建CSS3圣诞树饰品
• 10个有趣的CSS3实验和演示
• 如何建立一个充满活力的专业HTML5网页设计
• 用HTML5和JavaScript弹球
• 如何创建HTML5 3D引擎
• 如何制作HTML5 iPhone应用

不幸的是，跨浏览器兼容性往往会影响我们的发展，并限制了我们探索HTML5或CSS3如何改进项目的形式和功能的程度。然而，只要对这些新规范有足够的了解，你就应该能够使用它们，而不会忽视那些不支持这些未来标准的浏览器。要了解CSS3和HTML5，请阅读以下资源:

• 你应该知道的基本CSS3技术
• 你应该知道的CSS3技术
• 学习CSS3的20个有用资源
• 六个问题:Eric Meyer谈CSS3
• 你应该学习的3个高级CSS3技术
• 唯一的HTML5资源，你需要加快速度
• HTML5应用的现状
• HTML5 Canvas元素指南

9.提供独特的约束

到目前为止，我所讨论的大部分内容都是为了鼓励你跳出框框思考，为你的设计提供无限的可能性。然而，如果你发现自己在与精神障碍作斗争，或者在努力利用新获得的自由，那么产生一些独特想法的最好方法之一就是给自己一些限制。当然，我们并不想继续使用我们一直拥有的旧限制;相反，给自己一些聪明的限制，看看如何调整你的设计，以便按照你给自己设定的规则来玩。

这些约束可以以任何形式出现。例如，如果你避免使用你在网页设计中经常使用的5种颜色呢?如果你只使用Arial字体来设计一个网站呢?

将网页设计的页面权重控制在95KB以下怎么样?在这样的限制条件下完成一个吸引人的设计将迫使你使用你的技能来绕过你自己建造的墙。

10.与他人合作

作为团队的一员，工作可以是一种美妙的和一个非常令人沮丧体验。一方面，将专家投入到网站制作的专业领域通常会在更短的时间内产生更好的结果。另一方面，与他人交流自己的想法和想法可能是一个挑战，同时试图解释他们对团队面临的问题的看法。

然而，与另一位设计师(或一群设计师)合作既有趣又鼓舞人心。这种技术可以在运球篮板挑战中看到最好的效果。虽然《Dribbble》并没有创造出这种理念，但它却为这一理念带来了许多光明，并拥有大量优秀的设计资源。

基于另一个人的作品进行设计是一种很棒的方式，能够基于不同设计师在有限限制下的不可预测的努力而创造出创造性的结果。

结论

如果我们执行所有这些想法会发生什么?好吧，让我们来看看:

• 你的网站将没有一个标准的布局
• 如果没有大量的工作和调整，您的设计可能无法在内容管理系统中运行
• 你不会利用你积累的任何经验
• 你不会利用其他设计专业人士愿意分享的经验
• 你的设计将包含一些可能行不通的实验性想法
• 你可能会使用被认为是老派的技术(如选框或闪烁元素)
• 你最终可能会使用并非所有浏览器都支持的代码(例如，CSS3和HTML5)。

对我来说，这听起来是一种非常糟糕的建立网站的方式——但它可能会奏效。实际上，如果这些想法产生了一个好主意，一种新技术，或者更好地衡量了你的专业技能，那么你在我的书中就已经成功了。如果你发现了一个你自己喜欢的新想法，那么你就在网页设计方面打了一个本垒打。

这种情况不会一直发生;这根本不会发生大多数的时间。探索你自己的创造力的真正价值是能够使用一个别人以前没有做过的想法。你还用什么方法激发工作中的创造力?

您以前是否尝试过本文中讨论的想法(效果如何)?

相关内容

• 如何创造创造力
• 反馈。创造力杀手。
• 避免设计倦怠