设计一个网站并不难，只是为了避免一些常见的错误。在本文中，我们将介绍14个需要采取的设计细节，以实现完美的现场布局。这些步骤不仅包括设计方面，还包括一般的工作流提示。下面我们一起来看看吧。

　　1.了解网站设计的目的

　　在你开始工作之前，你需要知道你在设计什么。除了对网站的描述外，你还需要知道网站的目的是什么。以新闻网站为例。目标是什么?你是否制作尽可能多的广告节目或提供最好的阅读体验?如何衡量这些目标?

　　2.尽早与客户分享设计

　　当提出一个互动的概念或设计“外观和感觉”时，你需要确保你尽快同意客户的意见。在与客户分享概念之前，避免在概念上花费太多时间。一旦最初的概念被批准，生产就可以开始。但是在提出第一个概念之后，如果客户不喜欢，他们应该收集足够的反馈来设计第二个更合适的概念。

　　3.首先解决布局

　　这似乎很明显，但我经常发现设计师在试图解决问题之前直接去工作。设计就是要解决问题，不能用渐变或阴影来解决，要用好的布局和清晰的层次来解决。

　　4.开始勾画一个UX草图

　　一个基本的线框将有助于构建布局，当我被要求为站点布局创建一个外观和感觉时，我要做的第一件事就是想出一个顶级框架来解决所有的设计问题。框架是一个围绕内容的UI，它帮助用户执行操作并在其中导航，包括导航和诸如侧边栏和底部栏之类的组件。

　　5.添加一个网格

　　在开始设计任何东西之前，您需要添加一个适当的网格。网格将帮助您构建不同部分的布局，它将指导您完成特定屏幕大小的要求，它将帮助您创建响应模板，以便您在间距和许多其他设计问题上保持一致。

　　6.选择字体

　　经验法则是在网站布局中使用不超过两种不同的字体，探索不同的字体和颜色是项目发现阶段的一部分..一般来说，建议不要在一个网站上使用超过两种不同的字体，尽管这取决于它的性质。

　　7.选择主题颜色

　　在选择一组字体时，您应该开始查看在界面、背景和文本中使用什么颜色。

　　根据每个元素的功能，在整个站点布局中一致地应用这些元素是非常重要的。思考微博，知乎，维美等网站的布局..除了UI之外，插图或图形细节不应该有颜色限制，只要它们不影响组件的功能。

　　8.简化布局

　　简单的布局更容易导航，网站的结构越简单，导航就越容易，布局应该有助于突出故事中最重要的部分。

　　9.让客户了解你的解决方案

　　经常与客户沟通的目标之一是在展示工作时避免事故，通过这样做，你会发现他们要么同意你的结论，要么指出你在演练中可能没有考虑到的缺陷或其他变体。

　　10.注意细节

　　对细节的关注最近被过度使用，但在最终产品中并不总是可见的。根据项目背后的概念，“关注细节”可能意味着不同的事情。

　　它可以是一个小的交互，一个意想不到的动画，或者一个美感的触摸，比如按钮上的一个小渐变，或者背景框周围的一个细微的笔划。但总的来说，这种接触是必不可少的。

　　最后一点也是非常重要的，就是整理设计文件，不管你使用什么设计工具。无论项目的规模和设计人员的数量，都必须保持文件的整洁。这样可以更容易地导出不同的零件，加快设计过程，并与其他设计师协作。