创建最有效网站的24个步骤

网站设计是一个漫长的过程，错误并不少见。无论您是客户还是Web设计代理，您都需要在项目开始之前了解基础知识。

为了避免犯重大错误，您应该特别小心一些小事情-不仅在Web设计中，而且在一般工作流程方面。

1.了解项目背景

网站设计项目不一定从头开始。在某些情况下，Web设计人员不得不选择某人已经开始的工作。

如果已经取得了一些进展，则网站设计人员需要花费时间来正确理解需求。设计人员可以更改所有内容，改善已开始的内容，或者仅查看项目直至完成。

2.确定网站设计的主要目的

您对网站有什么期望？目的是什么？你的目标是什么？

您应该考虑该网站应该为您做什么。您是否想要一个专注于产生新线索的小型企业网站？您希望它成为专家建议的首选还是仅仅是有趣的东西？或者，您是否希望它使广告展示次数最大化？

对于网站而言，性能将永远超越美学。Web设计人员必须了解他们的客户希望通过该网站完成什么。最重要的是，了解如何衡量目标也至关重要。

3.不要没有网格就开始

拥有适当的网格是设计网站的基本步骤之一。没有网格，稍后您将遇到设计问题。

网格可帮助您构造布局中的不同部分。在创建响应式模板并将网站调整为不同的屏幕尺寸时，网格可帮助您保持一致的间距。它还可以解决大量的设计问题。

4.确定布局的优先级

网站设计的基础是功能，内容和布局。在设计师开始工作之前，他们应该首先提出布局和清晰的层次结构。

直接跳到阴影和渐变不会解决您的设计问题。在此过程中，请牢记客户的目标。如果您需要客户的反馈，与客户共享布局永远不会太麻烦。

5.保持布局简单

布局越简单越好。以简单的布局浏览网站更加容易。因此，剪掉不必要的部分。仅保留用户需要查看的元素，以了解该网站的用途以及为何继续浏览该网站。摆脱所有混乱情况也可以使您的行动呼吁更具吸引力。

6.从基本线框开始

绘制顶级框架草图将建立网站的外观。该框架是指围绕您网站内容的用户界面。这将帮助用户浏览网站并执行操作。

首先考虑线框，您将对网站有一个特定的方向和了解。这将使您除了主页以外，还可以为其他部分提供必要的组件。

7.尽早向客户展示设计

不要在设计概念上投入太多时间-立即让您的客户参与。客户应了解任何决定网站外观和整体感觉的设计建议。

如果您对该概念表示赞同，则可以开始生产阶段。如果没有，请提出另一个概念，直到找到客户喜欢的建议。

8.选择您的调色板

选择字体时，还应该考虑用户界面的颜色主题。最好限制常规UI的颜色和色调。与您的颜色保持一致，并根据元素的功能自定义颜色。

9.确定版式

您的网站布局应仅具有两种不同的字体，但是此规则并非一成不变，它取决于网站的性质。如果有大块文本，请选择一种字体，以使阅读更容易。您可以通过号召性用语和标题来提高艺术性。简而言之，请探索不同的字体样式和颜色，但要确保其在整个网站设计中保持一致。

10.密切注意每个组成部分

以简单为目标，网站的每个组成部分将承担相当大的分量。因此，您必须注意每个元素。始终对每个组件提出这个问题–是否可以认为它是最好的组件？

如果您的回答是否定的，则可能是您在研究它时懈怠了。随意完成组件可能会损害整个网站。

11.使其互动

提供交互式体验的网站越来越受到关注。静态组件已成为过去。使用动作来吸引访客的注意力可以使设计脱颖而出。因此，在创建布局时请考虑这些元素。

12.让客户参与整个过程

当客户参与整个过程时，他们会在网站上投入更多的精力。与客户讨论您的进度总是比交付成品更好。

当您在网站上工作时与客户交流进度，将使他们能够表达他们的疑虑并指出您错过的问题。这也将帮助您与客户建立关系，因此您可以更好地了解他们的期望和要求。

13.总是原型

您如何测试技术和交互作用？

答案很简单–原型制作。如今，您不必成为编码专家就能拥有有效的原型。有很多Web开发工具可以帮助您。

原型还将帮助您的客户更好地理解您的方法，并从您提出的想法和概念中看到具体的东西。

14.忽略细节可能是致命的错误

在设计项目时，您可能不会注意到有关该网站的信息。该网站可能需要其他元素来帮助实现其目标。

诸如元素的渐变之类的小细节看似微不足道，但对于您的网站设计而言可能至关重要。留心这些事情将有助于您避免犯重大错误。

15.找到挑战自我的方法

设计网站时，请不要选择安全的选择。将每个项目视为创新和展示您的新想法的挑战。

在网站上引入新组件，更改网格系统以及选择不寻常的颜色只是有关创新的一些想法。这些东西将帮助您成长为网站设计师。

16.为最坏的结果做准备

仅仅因为您与最优秀的人才一起工作，并不意味着一切都会顺利进行。使用最佳条件，访问该网站的人可能无法这样做。

请记住，布局的功能会因设备而异。网页设计师的工作是解决由于约束而引起的任何问题。这些问题可能是技术上的，概念上的或与内容有关的。

您需要做的是创建一个即使最坏的情况也可以运行的网站。试图在小屏幕上访问网站的用户可能会发现很难看到内容，从而使网站看起来很破损。

理想情况下，常见方案也应该是最佳方案。在演示过程中，您的目标是使用理想的屏幕尺寸显示网站在浏览器中的运行情况。

17.迷恋您的网页设计，直到发现其中的缺陷

作为一名网页设计师，以您的工作感到自豪是合理的。因此，将您的网页设计用作墙纸，屏幕保护程序，甚至在家里显示它。允许自己执行此操作，直到您意识到它的缺陷为止。

学习客观地看待自己的设计可以帮助您成为更好的网站设计师。当您看到自己犯下的错误和所做的错误时，您可以从中学到东西。另外，它还允许您创建一个新的杰作而着迷。

18.学会放任主意

即使您爱上了一个主意，如果您的客户或网页设计公司不愿为您提供支持，您也应该放心将其丢弃。作为设计师的工作不仅是创作自己的艺术作品，而且还要认识到某人不断提出另一个想法或拒绝您的想法的可能性。选择无穷无尽，因此您必须灵活应对解决方案。

19.像对待您的最好的朋友一样对待Web开发人员

网站开发人员不仅对自己的工作充满热情；他们也是有创造力的人。不幸的是，通常只有在其他人开始负责项目的创造性工作之后才咨询这些专家。由于他们从一开始就没有参与，所以他们没有机会就创意方面说很多话。

此过程应停止。

最好让您的开发人员从第一天开始就参与其中。开发团队可以提出更好的想法并分享他们的想法，以改善项目的概念。另外，由于他们了解项目的所有内容，因此也将帮助他们更好地执行项目。

20.模棱两可时进行交流

如果您不确定某件事或找到障碍，请与客户联系。在开始一个新的Web设计项目时，与客户进行很多交流是正常的。这将帮助您提供符合双方最大利益的结果，并且可以避免犯下大错误。

保持沟通畅通，直到您对工作流程感到满意为止，并且一旦您了解了双方的期望。

21.以客户会理解的方式解释演示

如果需要进行演讲，请尽可能清楚地说明事情。像对待小孩一样对待客户，除非您确定他们说的语言与网站设计师的语言相同。第一次看到您设计的人可能会对某些功能应达到的目的感到困惑。因此，请花一些时间回答他们的问题，并在给他们做个逐步演练的过程中耐心等待。

22.避免像素模糊并修饰设计

完成后，就该重新整理一下了–您必须加强工作。在背景，背景颜色和笔触之间找到完美的对比。

除了美学之外，您还应该注意其他可能损害您工作的事物。字体渲染和边缘模糊可以使您的网页设计显得草率。创建网站时这些小错误的清单几乎是无限的。这里的关键是调查每个网站设计组件，并查看每个元素是否互补。

23.整理设计文件

您喜欢使用哪种设计工具都没有关系，必须组织起来。从事一项工作的Web设计师的数量或项目的规模都是无关紧要的–您必须保持文件整洁。这样可以方便地导出节，从而加快设计过程。同时，它改善了与其他设计师的协作。

24.跟踪设计进度

即使您只是网站设计师，也可以按照项目进行开发。如果您是代理机构的一员，您可能已经意识到在上一个项目仍在开发中时开始新项目时会遇到的困难。

仅仅因为您提供了样式表和PSD文件并不意味着您已经完成。关心交互和Web设计思想的设计师将密切关注项目，以查看是否一切都像他们预期的那样完美。