我们开始深入 Photoshop,并设计评论区。 我们从顶部开始,也就是单个评论本身(而不是评论表单)。
我们找了一个头像来使用。 我们肯定将使用 Gravatar 服务,因为它非常适合这个功能,并且与 WordPress 完美集成。 除此之外,我非常喜欢头像,以及他们在网站上带给你的个人所有权感。
有些设计自然而然地就完成了。 我们使用与网站上所有模块相同的灰白色背景框。 我们把头像放进去。 我们将名称设置为链接,并使用我们一直在使用的链接蓝色。 我们使用网站上所有日期相同的样式添加评论日期。 在此过程中,我们尽可能保持在 Photoshop 中井井有条。
对于评论回复,我们将评论稍微缩进,尽量与我们创建的子网格对齐。 我们还需要在顶级评论中添加一个链接来创建这些回复,因此我们在这些评论的右上角放置了一个链接。 始终使用相同的链接蓝色。 我们使用 Entypo 图标集中的一支箭头 - 只是那里没有完美的箭头,我们不得不选择一个相似的并旋转 180 度。 这在 CSS 中应该不成问题。
为了明确表明评论日期也是一个永久链接,我们也将使用一个图标。
我们尝试着调整“功能”链接的位置,但没有花费太长时间。 只有我才能看到这些链接。 为了记录,这里是我最终采用的方式。