|
Post by account_disabled on Jan 6, 2024 9:39:14 GMT
不是描述它。” 内容线框,就像我们承包商的草图一样,描述了位置——一面墙、一个柜台、一个页眉、一个页脚——并建立了信息层次结构和流程。因为这个过程是迭代的,所以用简单的“怎么样……”而不是“这就是如何……”开始对话,可以让对话远离火箭科学的领域,并把它放在最初开始的地方:老式的盒子和箭头。 一旦建立,我们就可以进入低保真和高保真线框开发过程。让我们看看内容线框如何通过解构一个简单的页面来集中对话。 解构手工制作手工制作截图 Made by Hand的主页具有明显的信息层次结构。(查看大图) 我定期参观Made by Hand。顾名思义,该网站颂扬手工制作的工匠。主页上有一系列视频,当你第一次访问时,它看起来相当朴素,没有什么华。 丽的内容。这是有道理的,因为电影本身才是重要的,而不是任何其他内容。 可以理解的是,主页的内容清单相当基本,包括: 标题和导航, 五个视频(我们在这里将其称为主视频和视频 1 至 4), 页脚。 尽管如此,我们仍然可以看到明确的信息层次结构在发挥作用。主要内容列表有点模糊,但是一旦您了解其目的是呈现一系列突出个别工匠的视频,每项内容的优先级就会变得清晰: 主要视频, 视频 1 至 4, 页脚, 标题和导航。 看到堆栈底部的标题和导 Whatsapp 号码列表 航可能会让您感到奇怪。然而,该页面的全部目的是让您观看视频,如果您喜欢它们,可以订阅新内容的定期通知。标题和导航只是为了方便网站导航。 在许多方面,这句古老的格言“内容为王”(通常归因于比尔·盖茨)推动了这个网站的发展。重点。 是视频的收集,没有别的。这就提出了一个重要的观点:内容参考线框建立内容优先级,而不是页面流。 有了该列表,您就可以继续实际创建内容参考线框。 创建内容参考线框尽管 Stephen Hay 大力支持使用Coda或 Adobe 的Brackets等代码编辑器创建这些内容参考线框,但对于我们这些代码挑战者来说,可以说,使用UXPin或 Adobe 的Illustrator等可视化编辑器或Macaw或Webflow等响应式编辑器将是一个不错的选择。每种编辑器都有其用途,尽管响应式编辑器的优点是为设计师提供了不止一种视角来看待他们的工作,特别是他们的工作如何响应不同的屏幕尺寸。鉴于当今屏幕种类繁多,这一点至关重要。 没有一种工具是最好的;选择最适合您的一款。在本教程中,我们将逐步介绍 Illustrator。原因如。
|
|