如何在一小时设计一个网站

最专业的设计师，时间等于金钱。在更短的时间内创建的相同质量的工作，意味着你可以赚更多的钱，所以有一个显著的激励，提高工作效率。

在本教程中，我要解释它是如何设计整个网站在一个小时，我带你去沿整个过程，并在完成该站点的例子。你可能不希望做任何真正重要的项目，你的工作，但希望这次演习给你一些提示，使您的设计过程更有效率，同时仍保持了真正高质量的工作。

好吧，让我们看看这是如何工作的：

有几个原则，使人们有可能在一小时内创建一个网站的概念。这些原则主要目的是让你的工作，尽可能高效，以及我们的目标是让你坐下，并没有停止的设计。这里有大的：

1. 从设计的单独规划
2. 使用预先制作的某些设计元素的资源（像图标）
3. 在开始设计之前收集的所有资源和计划

所有这些，我们将创建一个环境，是分心，干扰，甚至思想的自由。规划阶段后，我们要做的是坐下来和设计。我们的目标是遵循一个过程，这将导致我们直接到成品网站，我们前进的道路上，以避免任何时间吸吮坑洼。

在这个过程中的第一步就是要消除任何潜在的分心。一个有趣的电子邮件，可以杀死5分钟，一个电话可以杀死30名，随机YouTube视频可能会导致一个小时的分心。那么，让我们的密切Outlook或Gmail，打开手机静音，并关闭任何其他网站，可能分心。

一旦完成，你就应该在“工作mode’不过垫，笔，和Photoshop。也许几个资源管理器/取景器的Windows文件管理，也许几个网站的图标和其他资源下载。我们将很快完成与后者的资源，不过，很快移动到“Photoshop中只有”模式。

在我们开始寻找资源，甚至素描的网站，我们需要知道它是什么，我们要设计。对于这个项目，我的目标是建立一个现代风格的博客索引页。我要去相当小，大的图像，也许数褶边这里有。这一构想是将驱动器大部分从这里出决定，我会经常提到它时，有一个需要选择一个方法或其他。什么是你的视野将是吗？

一旦你的网站的整体构想，它的时间来启动素描。当我画出一个网站，我喜欢快速抄下的布局和可能的一些技巧或提示的好办法抛出。基本上，我们只有约10分钟这一步，所以不要太详细，只是给它一个粗略的概述。如果你在我的草图一看，你会看到它是不会赢得任何比赛，但它必将有助于加快设计过程中，当我开始在Photoshop的工作。

也许在这个过程中最重要的一步是收集预先设计过程开始之前，你的所有材料。想象一下，开放Photoshop和每一个网站的单个元素，准备去框，按钮，字体等，它会只是安排这些元素，并创建您的设计，超快速的？这是我们的目标。

有5或6的关键因素，我们需要有准备，然后才开始设计。这些团体包括：

• 你的眼光和草图（见步骤二）
• 字体，包括标志字体，如果你需要它
• 社会媒体和/或导航的图标
• 您计划使用任何按钮
• 内容容器和侧栏框
• 其他综合或专业元素

您将要作出决定，并收集尽可能许多的这些元素在你开始设计之前。一旦Photoshop是开放的，并开始工作，在设计中应基本上自身建设。一些这些设计元素的发现或购买前的图标，字体，有时其他按钮/ UI元素等资源的事情。这些预先制作的资源可以节省大量的工作，并在许多情况下甚至可以提高最终的结果（我知道，我个人很可怕字体设计的，所以我总是购买或使用现有的字体）。

对于例如网站，我的工作对我已经决定使用MediaLoot成员Jon的单色矢量图标集图标，可用字体的“博物馆板坯”这是免费提供的部分（见这里） ，我“ 使用我公司生产的早期（见步骤二）的草图，我真的不需要任何特定的箱子或UI元素，因为这是一个现代风格的设计，将使用非常简单的框元素 。

一旦你收集所有你计划使用的网站的资源，它的时间移动到粗糙的概念。

所以直到这一点，我们一直在做的大多是规划，你可能会疑惑为什么我花了一小时的时间限制25分钟，没有设计任何东西。不要担心，答案是，在这一步 。在接下来的20分钟的工作，我们将采取所有这些草图，计划和资源，我们已经聚集在一起，并转换成一个完整的网页设计为主，他们。让我们的这一步走一步 ：

正如你可以在上面看到，我粗略的素描时我刚才定位的指导。这应该只有几秒钟，如果你决定使用一个网格布局，将采取更少。

由于这是一个相当小的设计，我使用的“盒”真的只有虚线分开的内容，领域，您在您的设计可能会使用彩色背景与灯箱和阴影，它其实并不重要太多了。我也跳到了一个位，并放入设计以及的徽标和侧栏广告。

一个小lorem – ipsum走一段很长的路要走，并结合起来，与一些图像，根据我刚才的草图和这一步安排几乎造成整个网站。如果你用自己的设计，做你最好的草图早期的各种元素，以配合您的虚拟内容。不要花太多时间调整细节，然而，虽然。

按钮和图标的时间 。我添加的主要社会媒体图标设计的顶部，我还添加了附近的一个博客文章标题评论图标 。我还创建了“阅读更多”按钮，进一步在页面。除此之外，这种设计是非常沉重的按钮。对于那些你不喜欢设计自己的按钮，你可以按照自己的喜好设置 。

在这一点上，设计主要是放在一起。还有一些留下详细内容，但现在我正式提出有关“完善和波兰的阶段。

通过这一点，你应该已经设计完成 。理想的情况下，你可以使用这最后15分钟，以确保一切赞同很好，添加一些整理的风格，并且使设计看起来真的很棒。

实际上，虽然，你可能仍然有一些更多的东西来设计。当我到达这个阶段，我完全忘记了页脚，所以这是我创建的第一件事情就是：

我的现代和最小的风格准则，我只是重复拼图形象的标志，并创建一个数列的文本进行导航。

页脚完成后，我开始添加一些整理一夜暴富。这样的一个例子是我加入后元（作者，类别，等等… …）一个小角度的支架。

你的设计可能需要完全不同的整理工作，如创造好的锋利的线条，或添加各种元素的背景图像。只要你是与你的设计元素和风格指南准备，它应该非常快。

就这样，时代的步伐！

幸运的是，“一个小时的最后期限”只是一种自我施加的建议，所以你实际上可以使用尽可能多的时间，因为你需要完成的网站。如果你还在新设计，这将是一个令人难以置信的努力的截止日期，而且即使你经验丰富的，它仍然不容易。希望，虽然，按照以下步骤，您可以加快你的进程相当大，即使它结束了2个或3个小时才能完成的一切。

这当然不是世界上最好的设计，虽然我相当高兴与它是如何横空出世。凉爽的部分了创建对比的时间很少，写此博客张贴了大量的工作，比设计本身。

这也是一个相当小的设计，它有助于促进创建它的速度。这就是说，如果你遵循这个一般的过程中，你可以很容易地添加一些复杂的造型，或通过换出的背景下，框和几个按钮和图标只是垃圾。可能添加另一个15分钟的过程中，如果你快。

你曾经创建这样一个“高速设计”之前呢？它是如何收场呢？

让我们知道您的意见，认为。

转载至：http://medialoot.com/blog/how-to-design-a-website-in-one-hour/

UI设计, web, 交互设计, 网页设计