现代网页设计概述

活版印刷

排版是一种现代的网页设计工具，可以帮助创建品牌标识。在品牌和他们使用的字体之间建立联系可以在浏览网页时立即熟悉。

如果可以，您希望将标题字体与您的品牌联系起来。如果没有，您希望使用标题字体作为引导观众关注网站不同部分的方式。

对于标题字体，我建议您查看上面显示的工具  FontSquirrel中的选项。它们提供免费下载的字体系列服务。在标题上使用自定义字体是一种引人注目的方式来强调页面上的重要内容。

至于段落文本，和其他较小的副本，走了无聊的旧字体的日子。Times New Roman和Helvetica不是您希望在您的网站上使用的字体。至少，您可以通过一些免费的Google字体获得创意，所有这些都是Google认可的，并且易于在您的网站中实施。我推荐的一些身体字体（p，ul，ol，li）是Raleway，Lato和Open Sans。Lato和Open Sans是更传统的选择，但是如果你可以拉开Raleway，它看起来会很棒。

虽然与字体系列不在同一主题上，但重要的是要意识到增加网页字体大小的趋势。您不希望再使用12pt字体作为正文。开始考虑将16pt字体作为最低限度 ，并且理解18pt，21pt甚至24pt并非闻所未闻。

RESPONSIVE

每个人都知道响应式网页设计在这一点上有多重要，但为什么不再强调它呢？ 响应式设计基于屏幕大小和内容的重组。一个简单的方法来确定一个网站是否具有响应能力是调整浏览器窗口的大小-如果您想尝试一下，我们的网站恰好会响应。

特别要确保响应的一个领域是您的背景图像，这是现代网页设计的另一个增长趋势。如果它没有在每个屏幕尺寸和设备上正确加载，那么你的大特色背景在各种屏幕尺寸和设备上都不会有太大作用。您可以通过一些简单的CSS工作来完成此操作。

网格设计风格，似乎受到Windows 8界面的欢迎，在现代网页设计中占据了一席之地，理所当然。在您的网站上实施这是一种相对简单易用的设计趋势，它可以为您的访问者提供更多信息。能够向访客呈现多个转换路径，同时展示一些精彩的特色摄影，非常棒，但请确保您没有提供太多选项。想象一下，如果右边的两个图像也是链接。对于大多数观众来说，这将是信息过载，使页面变得比它需要的更复杂。使两个图像彼此对角地呈现出视觉上吸引人的流动并使页面保持简单和美观。

简约的设计很难实现。这个想法很简单-少即是多-但执行依赖于细节。简约网站的主要特点是1）白色空间的数量，2）它依赖排版，并且在更大程度上3）缺乏按钮，导航和链接。并非您可以想到的每个设计元素都将出现在这些类型的网站中。他们在所有页面上都有一种统一的简单感觉。

你可以说这种现代网页设计风格不是关于设计布局而是关于复制的更多内容。为了使最小设计有效，您必须优先考虑最重要的副本并使其从页面弹出。你用图像而不是网络上的文字讲述故事，这就是使这种风格如此有效的原因。

设计一个干净简单的调色板，与他们的标志一起使用，美观。它们具有最小的顶部导航，以及每页上最少的链接，并伴有简约的平面感觉按钮。他们利用空白区域在每个页面上创建一个重要的顺序，并使用一个有趣的字体系列作为需要注意的标题。