年鉴是在 v9 中推出的,但一直没有完成。不过,它正变得越来越接近完成。因此,在 v10 中,我们将围绕“已完成”的假设进行设计。
我们查看了现有的 v9 设计,它算还可以,但对内容的呈现效果不是很好。顺便说一句,我们看到字母的悬停效果会使字母变粗,这通常是不好的做法(通常会将其他文本推开并显得奇怪),但在这些固定位置的字母上,它却是一种很酷的效果。
我们已经有了自定义的标题图形,所以我们将其导入 Photoshop,以便在上下文中调整设计。我喜欢 Giovanni 的插图的部分原因是,它让我想起了我成长的地方常见的实体书:农民年鉴。我们决定采用实体书的隐喻,并将其融入到此设计中。不是拟物化,而只是对维度的一种暗示。
我们将其制作成双页展开,并使用渐变来暗示阴影和装订。我们尝试了一些阴影来增强效果。
为了进一步延伸“书籍”的隐喻,我们选择了一种手写字体来显示书中的字母,使其更像日记或日志,而不是书籍,我对此感到满意。
此区域分为两部分(这与双页布局非常契合)。一侧用于 CSS 属性,另一侧用于 CSS 选择器。为了使视觉效果更加清晰(不仅仅是为两页添加标题),两侧具有不同的底色。
我们思考了一下排版,并纠结于一些关于在哪里可以使用手写字体,在哪里不能使用的决定。我们还纠结于这样一个事实,即我们(再次)使用了整个页面来探索内容。这当然是一件好事,但我们再次去除了广告,而广告对于网站的生存至关重要。