#005 – 用 Photoshop 设计移动端，第一部分

我们从打开 Photoshop 文件开始。这个看起来有点滑稽的“拉伸”iPhone 截图，只是给了我们在移动优先场景下的一个画布。

我们从最简单的开始：杰夫的名字。我们首先要选择一个字体。这种事情可能很困难。我们要处理一个遗留字体（上一个网站使用的字体）以及杰夫的品牌和个性。字体可以带来很多个性。我们看了一些个性太过鲜明的字体（会与杰夫的风格冲突）。我们看看旧字体。然后我们选择了 Proxima Nova，因为它与旧字体有很多共同特征，但不会传递太多个性。它只是干净简洁。构成字母的线条与杰夫作品中的线条非常相似。同样重要的是，我们知道我们可以在网页上使用 Proxima Nova。

在杰夫名字的下方，我们放了一些杰夫作品的照片。这可能是我们在这个网站上做的最重要的事情。它需要非常明显地展现杰夫创作了什么。一张图片会放在最前面，然后我们再放两张照片，但放在边缘，所以它们只露出一点点。我们最终会在这里制作一个滑块，这些露出一点点的图片会非常明显地表明你可以将中心图片滑动，以显示边缘的图片。无需任何解释。移动优先！我们在这里做出的设计决策将会影响之后滑块的行为。