PSD网站模板的最佳尺寸？

Question

我在Photoshop CS5中制作了一些网站，但我通常倾向于在记事本++中制作它们。我通常会在网站上播放它们，然后编辑代码并刷新页面以查看更改。我想转向更专业的方法，并在photoshop中制作整个模板/设计。让我从潜水中回来的事情，是非常非常开始的大声笑..

用于模板的好分辨率是多少？我遇到了不同的教程，他们说不同的大小。例如，我的笔记本电脑分辨率为1366x768。我办公室里有一台22英寸液晶显示器，我知道它的分辨率也非常高。我认为大多数显示器的最小分辨率是1024x768 ......

在Photoshop中创建新模板以创建网站模板时，我应该以什么尺寸制作图像？为什么？

此外，由于我们是关于这个主题的，您是否有任何链接到图像集合的良好资源，并且您发现在创建模板时可以帮助您最多？我是一名程序员，众所周知，大多数程序员都会对图像感到厌烦......我只是想加强我大脑的另一半：）

提前致谢！

Answer 1

我建议采取以下行动：

1. 查看most widely used screen resolutions的当前统计信息。正如您所看到的，1366x768是目前最受欢迎的分辨率，其次是优秀的旧版1024x768，仍然拥有庞大的用户群。并保持并关注移动分辨率。
2. 浏览器Chrome和其他操作系统虚假所需的屏幕空间因素。
3. 由于每天设计多种屏幕尺寸变得越来越重要，我强烈建议您选择一些目标分辨率而不是一种。这一切都可以通过CSS很好地处理。即使您只定位桌面，仍然需要考虑不同的屏幕尺寸。
4. 由于您还在使用Photoshop，所以您可以从众多基于网格的PSD模板中选择一种。我知道960px one和1140px one，但你可以找到更多。如果您决定支持多个屏幕尺寸，则可能必须使用多个网格。

然后当你想要考虑这一切时，请直接阅读本文：Peter {Paul Koch撰写的A tale of two viewports。

Answer 2

看看粉碎杂志并注册他们的时事通讯以及webdesignerdepot并查看Codrops.net。他们有很多免费赠品，教程和标准更新。我喜欢查看我的邮件以查看它们。

至于PSD - 它们没有固定大小。我见过1100px宽的专业wordpress开发者模型（根据你的布局，高度是SO变种）。我建议不要超过1366px宽。

我可能会做1366或1440，因为这是大多数人会看到的分辨率。当您在1920年发送模型时，人们认为网站太小，当内容仍然是940-980时，他们都

修改

我自己做的是1100px或1440px宽的PSD，主要内容是940-980px宽。

我在身体背景中没有多少图形显示时使用1100，而当背景对网站的“感觉”更为关键时使用1440.

Answer 3

您希望将网站设计为最常用的屏幕分辨率，似乎是1280像素x 720px。因此，这就是您想要的宽度，您可以创建任何类型的背景，并确保将其淡化为一种颜色或透明地使用CSS来更改背景颜色。

确保您有可以帮助您保持内容内嵌的指南，最好的方法是创建宽度为960-100px且高度为720px的新文档，然后将指南拖动到所有四个边。

然后您可以将文档大小更改为1280px 800-960px。

你有720px指南的原因是因为保证在所有分辨率上看到该行以上的所有内容，它被称为“首屏”。优秀的设计师考虑到这一点，以确保观众将被吸引到探索网站，一个特色内容滑块是一个简单的出路。

Answer 4

incomepitbull，我知道你来自哪里......
我也是一名试图学习Photoshop的后端开发人员。
许多前端设计师都不了解开发阶段的情况...... Photoshop大部分取决于客户的规格...
高度并不重要;使用960 px（12col，16col，24col），980 px（12col，24，col），1000 px（对不使用网格系统的人100％响应友好）或1140（针对更大显示器的网络，即不是移动第一个px .. 。）
毕竟，作为开发人员，我们解决了所有这些问题;但好的模型很重要......