网站栏目宽度

Question

我感兴趣的是您建议的两列和三列网站的列宽。

例如，如果我们考虑两列布局（总宽度1000像素），一些可能的宽度将是： 900-100， 800-200， 750-250， 700-300， 600-400。 哪种布局最适合可用性，可能的广告展示位置，小部件集成？

Answer 1

使用黄金比例

http://goldenratiocalculator.com/

金比例是很自然的人眼

Answer 2

960像素 - http://960.gs

它划分到任何可用列的最佳数量和网站拥有所有各种各样的指南和网格帮助您进行布局。

这也是你想得到的宽度，仍然适合1024宽屏 - 1000px将导致水平滚动条。

我还建议反对基于％的宽度，因为它几乎不可能控制布局。

Answer 3

382px and 618px。

Answer 4

这实际上取决于您要实施的每个网站上的网站和特定功能。但要求可用性，最有可能的是我不使用固定宽度的cols。以百分比宽度设置列（总共产生90％以上）将主要利用阅读器的屏幕。 60％ - - 您可以从20％可能启动20％，持续3-COL和30％ - 70％，2-COL

Answer 5

我建议在看这个PDF： http://www.subtraction.com/pics/0703/grids_are_good.pdf

如果给一点网格系统的历史，然后经历基于广告单元构建网格的过程。值得一看。

Answer 6

960 px - 总宽度。我认为这是最好的标准。然后您可以尝试160 + 800或800 + 160

Answer 7

按照上述DCD所述使用960网格。

易于使用photoshop/fireworks中的模型，包括在您的HTML。一旦您熟悉网格“框架”的简单概念，您将快速获得布局。它负责为您保证金/填充的东西。

许多顶级网站设计使用此网格。

至于你的问题特别是：

960像素宽度（使用960网格）： container_12和内部的，包括一个9：3或10：2个栏 OR container_16的包括内部2网格布局3列的3：9：4网格布局

但是在这方面没有硬性规定。根据您的情况使其工作，使用&。

如果你提供你打算做什么更多的信息，我可以给你更具体的提醒:)

Answer 8

• 围棋与960px宽度。 960像素不错800x600,1024x768和1280x960显示器。

• 如果要支持移动设备（小分辨率）然后用fluid layout和使用Media Queries进行更好的控制。

• 避免考虑ALL的屏幕分辨率，因为它会浪费你时间。

• 使用跟踪器（例如，Google Analytics（分析））来跟踪用户的浏览器窗口大小，以便确定通常您的受众群体的屏幕分辨率。

关于可用性，三个最重要的因素，在屏幕分辨率方面，从我的经验是最少：

• 避免留下一个水平滚动条。
• 避免太小的字体大小（很难读）。
• 避免固定的字体大小。