PSD网站模板的最佳尺寸？

Question

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

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

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

此外,既然我们是关于这个主题的,那么你们是否有任何链接到图像集的良好资源,并且你发现这些链接可以帮助你创建模板？我是一名程序员,众所周知,大多数程序员都会对图像感到厌烦......我只是想加强我大脑的另一半:)

提前致谢!

Answer 1

我建议采取以下行动:

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

然后当你想要考虑这一切时,请直接阅读这篇文章:彼得 - 保罗科赫的两个视口故事.