我们已经完成了设计的“头部”,现在只需要确定页面剩余的部分。我们有一份想要实现的最重要目标列表,这将帮助我们指导设计。本质上,一组链接(“主导航”)将对我们非常有用。
例如,我们需要展示 Jeff 的文章。链接到博客很有意义。没必要把它做得太小。我们正在处理小屏幕,所以我们创建了一个大而明显的全宽栏链接。一点渐变赋予它一些维度(可按压)并将其与上面的滑块隔开。如果有任何疑问,箭头图标可以增强其可点击(或可触控)性。
因为我们为链接使用了渐变,所以它下面的更多按钮已经与上面的按钮分开了。我们可以继续在页面下方创建链接,直到涵盖所有主要区域。不要过度使用,4-5 个就足够了。并且“折叠”正好发生在一个栏链接的中间,这一点很棒。就像滑块悬挂在屏幕边缘一样,链接悬挂在底部也表明可以向下滚动。
页脚将尽可能简单。只是一个版权链接和一些社交媒体内容。每个人都知道“Twitter”或“Facebook”这样的链接意味着什么。