Pixel Perfect Design：如何创建一个看起来与 PSD 模板一模一样的网站
Pixel Perfect Design: How To Create A Website That Looks Exactly Like The PSD Template
我正在做一个项目以提高我的 HTML/CSS 技能。
我随机下载了一个 PSD 文件，并将其转换为 HTML/CSS。我想尽可能接近 PSD，因为 Pixel Perfect 对招聘人员来说是强制性的。我所说的像素完美是指接近设计而不是浏览器兼容性。
为了实现这一点，我使用了一个名为 "PerfectPixel" 的 chrome 扩展。我可以将网站的图像放在顶部并将其与我的作品进行比较。出于某种原因，我总是偏离一两个像素，而且我似乎无法完美匹配图像。甚至 PSD 文件中的测量值有时也会有偏差，所以没有帮助....
你们中的一些人是否遇到过这种情况，还是我必须更加努力？
PS: 如果哪里有这方面的教程，请发给我link，我想提高我的前端技能。
首先，目前 Photoshop 越来越少地用于网页设计。
我会尝试找到一个好的 Sketch 或 Adobe XD 文件并使用它。在这些程序中，您可以更轻松地查看不同元素的测量结果，并且您更有可能在实际设计中找到这些程序。
解决 "pixel perfect" 设计问题：在我看来，最好先学习编写好的代码（如果您还没有），而不是使您的设计像素完美。此外，大多数公司都希望网页上的整体外观与设计中的外观相同，而不是每个元素都具有完全相同的尺寸。
另外，使用响应式设计（你绝对应该这样做），大多数时候你只会得到一些不同尺寸的屏幕设计（通常是移动设备、平板电脑和台式机各一个）并且必须弄清楚它们之间的转换他们为你自己。那样的话，就不可能是"pixel perfect".
我正在做一个项目以提高我的 HTML/CSS 技能。 我随机下载了一个 PSD 文件，并将其转换为 HTML/CSS。我想尽可能接近 PSD，因为 Pixel Perfect 对招聘人员来说是强制性的。我所说的像素完美是指接近设计而不是浏览器兼容性。
为了实现这一点，我使用了一个名为 "PerfectPixel" 的 chrome 扩展。我可以将网站的图像放在顶部并将其与我的作品进行比较。出于某种原因，我总是偏离一两个像素，而且我似乎无法完美匹配图像。甚至 PSD 文件中的测量值有时也会有偏差，所以没有帮助....
你们中的一些人是否遇到过这种情况，还是我必须更加努力？
PS: 如果哪里有这方面的教程，请发给我link，我想提高我的前端技能。
首先，目前 Photoshop 越来越少地用于网页设计。 我会尝试找到一个好的 Sketch 或 Adobe XD 文件并使用它。在这些程序中，您可以更轻松地查看不同元素的测量结果，并且您更有可能在实际设计中找到这些程序。
解决 "pixel perfect" 设计问题：在我看来，最好先学习编写好的代码（如果您还没有），而不是使您的设计像素完美。此外，大多数公司都希望网页上的整体外观与设计中的外观相同，而不是每个元素都具有完全相同的尺寸。
另外，使用响应式设计（你绝对应该这样做），大多数时候你只会得到一些不同尺寸的屏幕设计（通常是移动设备、平板电脑和台式机各一个）并且必须弄清楚它们之间的转换他们为你自己。那样的话，就不可能是"pixel perfect".