如何利用静态布局周围的空空间？

Question

我的设计遇到了一个问题。当我在一个不是宽屏的显示器上看到它的时候，它看起来很好，但是一旦我去了一个宽屏显示器，额外的空间是真正令人恼火的。我应该做些什么来消除网站边缘的闲置空间的感觉。

哦，请不要批评网站的任何其他方面，除了布局。是的，我知道有些图像是.png，应该是.jpg。

Answer 1

设计的伟大之处之一是它是艺术的，在网页设计中没有“绝对”。做同样的事情有很多种方法，其中很多都是意见而不是事实。

您可以尝试使用CSS的浮动宽度布局(只需注意在整个页面上运行的文本--它会使其不可读，所以请检查最小宽度和最大宽度)。你也可以使用广告(甚至为你自己的网站)。您可以重新安排设计，使内容更吸引人。或者你可以让空白存在:)

老实说，我认为后者(只是忽略它)可能是最好的选择。不知道你的网站个人和查看它，我不能给你真实，具体的建议。例如，您的站点的主要内容div是宽700 is还是900 is？你的配色方案是什么？等等..。一切都在发挥。所有的一切。然而，这里有一些有趣的事情要注意：

• 仅仅因为人们有一个宽屏幕监视器并不意味着他们的浏览器是全屏的。
• 拥有宽屏显示器的人习惯于看到大量的空白。
• 填充空格实际上会分散用户对内容的注意力。有很多极简主义的设计做得很好。
• 这可能不会影响您的所有用户(或可能。

关于最后一点:你的目标受众是网页设计的一个巨大焦点。谷歌分析和皮维克是免费的分析工具，可以让您深入了解用户以及用户如何与站点交互，包括浏览器大小。就我个人而言，我一直在测试GraphUX，发现它更容易使用(但它不会是免费的)。

重点是，(a)您的用户是谁，(b)他们如何使用网站，(c)如何最好地交付内容。有时空白是不好的，有时是好的。