网页设计的布局技巧是：

　　1、试着定义要创建的东西

　　这是设计过程中最重要的一步。必须要明白为什么创建这个网站，以及它将为你和你的观众服务的目的。

　　2、把所有的想法写在纸上

　　虽然这是一个非常简单的想法，但它也总是很有效。写下计划将成为整个过程中可以使用的地图。请确保将想要添加到设计中的每一个组件都写下来。然后可以试着把它们联系起来，试着想象它们在一起的效果。

　　3、草图布局

　　通过制作各种草图，将能够识别哪些特性可能有效，哪些可能无效。这些草图可以帮助您设计出一些布局的模型。

　　4、在设计中包含一个网格

　　由于网格的简单性，一些设计人员看不到网格的价值。没有网格的设计不会像有网格的设计那样有效。网格可以用来组织设计，这个特性很重要，因为它允许设计者知道他们的设计如何在不同大小的设备上工作。您还可以使用这个简单的工具为您的网站制作响应模板。

　　5、确保输入内容是完美的

　　网站布局的另一个重要特点是排版。在设计出一种特定的字体之前，尽可能多地探索。当考虑不同的字体和颜色时，在做最后的选择之前，一定要考虑到它的可读性。可以更有创意地使用标题中的措词和网站上的“召唤-行动”提醒。

　　6、选择最佳的配色方案

　　许多公司几乎成为他们在网站上使用的颜色的同义词。例如，当你想到Facebook时，就会想到蓝色。在决定选择一种颜色之前，试着尝试尽可能多的颜色。请记住，为背景和输入内容选择的颜色将决定可读性。为了获得最大的可读性，许多网站在白色背景上使用黑色的单词。不要害怕使用不同颜色的混合图形，只要确保它们与主要方案相辅相成。

　　7、分解的布局

　　用户通常花更多的时间在容易浏览的网站上。确保你网站的每个部分都有自己独特的角色。换句话说，布局应该清楚地告诉用户他们应该关注哪些信息，网站上的每一个独立组件都应该帮助用户了解他们可以在网站上做什么。

　　8、试着给一些已经确立的设计模式再看一遍

　　许多专家不假思索地将这些趋势添加到他们的设计中。虽然某些组件很受欢迎，也很实用，但设计师在考虑某些趋势的重要性时，应该再三考虑。除了评估其中的一些模式，设计师还可以进行修改。这可以使某些功能对网站访问者更有帮助。

　　9、创建几个原型

　　建立一个网站最重要的部分之一就是看到公众如何与之互动。这就是原型设计的用武之地。如今的技术使得设计师可以很容易地测试他们的原型，并观察用户对原型的反应。原型将进一步使你在启动网站之前对你的设计做必要的调整。原型设计还可以帮助网站设计者将他们的想法传达给用户，而不需要做任何复杂的解释或教程。

　　10、细节

　　网站布局的每一个部分都是为了一个目的而设计的。如果您选择在布局中包含一些额外的内容，请确保注意它与其他组件的关系。最小的细节有能力影响用户对界面的总体体验。