网页模型和原型的一般文档大小是多少?

平面设计 网站设计
2022-02-28 17:32:14

我一直在做网站和设计的模型和原型,但我一直想知道是否应该使用标准尺寸或宽度。通常,我会将文档的宽度设为 1024、1200 或 2560 像素,具体取决于我在做什么。

所以你怎么看?什么是好的或标准尺寸?

4个回答

对于模型和原型:

  • 我使用 960px 和 940px 可用区域和每侧 10px 排水沟。这对于您可以下载的960.gs PSD 和其他格式模板非常准确。
  • 我使用Twitter Bootstrap进行 HTML 原型制作,并且倾向于使我的 Photoshop 线框类似于许多引导元素

Twitter Bootstrap 现在具有响应式设计功能和媒体查询,因此您可以非常有效地为大屏幕和移动设备制作原型。

这是在您正在构建的媒体之外进行原型设计的(其中一个)问题。理想情况下,您将在浏览器本身中进行原型设计。这样您就可以轻松快速地解决浏览器差异问题。

没有那个,你真的只能根据你正在从事的特定项目做出最好的猜测。

例如,这个线程中的每个人都在提到 960px。在很多情况下,这是一个很好的假设,但在很多其他情况下,这是一个危险的假设。

今天,一个好的通用尺寸是 320 像素宽。换句话说,首先模拟一个响应式网站的移动版本。然后根据需要努力获得更大的视图。

我认为 960px 是最好的内容,但假设 1100px 是可见的。

看这里

内容区域为 1000 像素。在背景上,这取决于您的背景是可重复的还是纯色。