在浏览器中设计很酷，但从Photoshop开始让我在最需要的时候保持最具创意：面对空白画布时。对抗白色画布刺眼光芒的一种方法是添加一些纹理。我们在这里通过从Subtle Patterns（它们现在提供@2x版本以用于视网膜显示屏，不错！）中选择一个不错的纹理来实现这一点。我们将此图案转换为Photoshop图案，并用它填充整个背景，从而去除令人畏惧的白色。
“大橙色方块”是对整个重设计的根本探索。我们将它放置在画布上，然后从那里开始。我们在标题中建立了品牌，并在整个过程中保持一致。
我无法下载此文件
你能否更具体地说明问题并在此处报告：https://css-tricks.org.cn/contact/（我刚刚测试了上面显示“下载视频文件”的链接，对我来说有效）。
一个问题可能是页面保持打开时间过长。此处生成的链接在短时间后会过期，因此您可能希望在尝试之前刷新页面。
Subtle Paterrns，非常好的资源，我以前不知道。
之前就知道Subtle Patterns，但从未使用过。很高兴看到你在设计流程中引入它的方式。另外，很高兴知道有可用的@2x版本。
再次感谢Chris，太棒了。
谢谢！
喜欢这个屏幕录制。它确实突显了你古怪的幽默感。我也不知道这个纹理网站，并且一直在思考如何才能在我的一个正在构建的网站中增加更多趣味性。我一定会去看看。
喜欢Subtle Patterns，我一直在我的项目中使用它们。到目前为止，我非常喜欢这些视频，Chris！很高兴看到你创建这样的网站所经历的过程。
喜欢你设计网站的方式，我的工作方式也一样，简单的形状可以真正激发创意。
很棒的东西。我通常直接在浏览器中开始设计，但这激励我去尝试Photoshop的方法。
很棒的东西。只是出于好奇，你是通过在Photoshop（以及在线灵感）中玩耍来设计这些东西，还是纸笔涂鸦在你的工作流程中发挥作用。还有（更重要的是）你的主要包装器是80%，像max-width: 980px（以及从那里向下，响应式）这样的东西仍然很好（足够）还是基本上响应式设计一定不能有一个有限的容器……希望你知道我想表达什么 :)
看起来Subtle Patterns今天早些时候宕机了。不过我真的很喜欢这个系列。这种屏幕录制风格的学习对于像我这样学习Web开发的人来说是一个宝库。
谢谢Chris。
喜欢这些视频——赞美Chris？subtlepatterns.com发生了什么事？- 今天它也仍然无法访问。你可以在Github上获取所有图案的png——http://github.com/subtlepatterns/SubtlePatterns
看起来他们的域名被盗了[就像这个网站一样](https://css-tricks.org.cn/this-sites-domain-is-stolen/)。真糟糕！我会尽我所能帮助他们找回它。
我也大量使用Subtle Patterns，尤其是在响应式/移动网站上。我喜欢这种微妙的纹理，它可以让移动网站在手持设备上看起来更加精致。
我也尝试过在浏览器中进行设计，但我发现用Photoshop工作更容易。使用像GuideGuide这样的插件，我构建了一个网格，为元素创建图层，并且在定位和设计方面更容易更有创意。
我一直在尝试弄清楚如何分离面板，以便它们不都位于一个更大的窗口内（就像视频中那样）。在Windows Photoshop中这不可能吗，或者我只是在谷歌搜索错误的东西？
嘿，Chris，Subtle Patterns是否需要通过链接到该网站进行归属？我想在我的客户网站上使用它们，但添加链接并不实际。
你的电子邮件地址不会被公开。 必填字段标有 *
评论 *
姓名 *
电子邮件 *
网站
下次我评论时，请在此浏览器中保存我的姓名、电子邮件和网站。
复制并粘贴此代码： micuno *
请勿填写此字段
Δ
我无法下载此文件
你能否更具体地说明问题并在此处报告：https://css-tricks.org.cn/contact/（我刚刚测试了上面显示“下载视频文件”的链接，对我来说有效）。
一个问题可能是页面保持打开时间过长。此处生成的链接在短时间后会过期，因此您可能希望在尝试之前刷新页面。
Subtle Paterrns，非常好的资源，我以前不知道。
之前就知道Subtle Patterns，但从未使用过。很高兴看到你在设计流程中引入它的方式。另外，很高兴知道有可用的@2x版本。
再次感谢Chris，太棒了。
谢谢！
喜欢这个屏幕录制。它确实突显了你古怪的幽默感。我也不知道这个纹理网站，并且一直在思考如何才能在我的一个正在构建的网站中增加更多趣味性。我一定会去看看。
喜欢Subtle Patterns，我一直在我的项目中使用它们。到目前为止，我非常喜欢这些视频，Chris！很高兴看到你创建这样的网站所经历的过程。
喜欢你设计网站的方式，我的工作方式也一样，简单的形状可以真正激发创意。
很棒的东西。我通常直接在浏览器中开始设计，但这激励我去尝试Photoshop的方法。
很棒的东西。只是出于好奇，你是通过在Photoshop（以及在线灵感）中玩耍来设计这些东西，还是纸笔涂鸦在你的工作流程中发挥作用。
还有（更重要的是）你的主要包装器是80%，像max-width: 980px（以及从那里向下，响应式）这样的东西仍然很好（足够）还是基本上响应式设计一定不能有一个有限的容器……希望你知道我想表达什么 :)
看起来Subtle Patterns今天早些时候宕机了。不过我真的很喜欢这个系列。这种屏幕录制风格的学习对于像我这样学习Web开发的人来说是一个宝库。
谢谢Chris。
喜欢这些视频——赞美Chris？subtlepatterns.com发生了什么事？- 今天它也仍然无法访问。你可以在Github上获取所有图案的png——http://github.com/subtlepatterns/SubtlePatterns
看起来他们的域名被盗了[就像这个网站一样](https://css-tricks.org.cn/this-sites-domain-is-stolen/)。真糟糕！我会尽我所能帮助他们找回它。
我也大量使用Subtle Patterns，尤其是在响应式/移动网站上。我喜欢这种微妙的纹理，它可以让移动网站在手持设备上看起来更加精致。
我也尝试过在浏览器中进行设计，但我发现用Photoshop工作更容易。使用像GuideGuide这样的插件，我构建了一个网格，为元素创建图层，并且在定位和设计方面更容易更有创意。
我一直在尝试弄清楚如何分离面板，以便它们不都位于一个更大的窗口内（就像视频中那样）。在Windows Photoshop中这不可能吗，或者我只是在谷歌搜索错误的东西？
嘿，Chris，Subtle Patterns是否需要通过链接到该网站进行归属？我想在我的客户网站上使用它们，但添加链接并不实际。