如果我要将 PSD 转换为 HTML,在创建典型网页时,我在 Photoshop 中的文档大小应该是多少?
我还没有尝试过,但我脑子里想的是,我将根据我的文档大小来缩放我的图像,如果我的文档大小太大或太小,它不会反映我想要实现的目标我的网页。
如何在 Photoshop 中设计一个典型的网页,以使布局在大小上与网页的布局相同?
这是基于居中网页而不是全宽网页。
真的很简单.. 您显然知道您希望您的“居中”网页有多宽?在 Photoshop 中创建一个与该大小完全相同的画布。为网络和设备保存,Photoshop 应该会自动为您创建一个该大小的表格。然后,您所要做的就是将其居中。
这取决于您的目标显示器大小。您应该寻找较低的公分母。如果你认为你会得到很多小屏幕,那么955px是一个不错的开始尺寸(目标尺寸是 1024),但如果你认为你的网站会在更大的显示器中被查看,你可以高达1140px(针对 1280 个屏幕)。
这实际上取决于您打算针对谁。对此没有一个答案。
另外,请记住,随着响应式设计的出现,您必须针对不同的分辨率设计不同的布局。
您应该对一些基于网格的解决方案进行一些研究,例如 Twitter 的 Bootstrap (http://twitter.github.com/bootstrap/)、960gs (http://960.gs/) 或 Blueprint (http:// www.blueprintcss.org/) ... 也有 Photoshop 模板可以帮助您按照他们的规范进行设计。
在网络上,第一条规则是放弃控制一切的需要。有些战斗根本不值得付出努力,而且您经常会发现网络上的约定在用户中根深蒂固,以至于试图产生与这些约定背道而驰的设计通常会给您带来更多麻烦(当您尝试从设计到代码)并在此过程中混淆您的用户。
祝你好运!