Canada Dataset

如果某些细节无法使用 HTML 和 CSS 显示，请将它们放在空白页面上。通常，您必须使用一些按钮、小图片、卡片来完成此操作。所有这些元素都可以立即转换为 PNG 或 SVG 格式，这将大大节省布局时间。

还建议使用画板来显示按钮和图标状态。为此，您需要复制元素并在所有情况下绘制它：悬停在它上面时、在中立位置时、单击时。

在单独的画板上，您应该标记所有使用的字体和色调，并标明标题和主要内容的参数和大小。

将字体和图标附加到布局

将字体和图标附加到布局

资料来源：shutterstock.com

如果设计师除了标准字体 法国号码数据 之外，还使用了原创的字母和符号设计，则必须将它们作为单独的文件发送给开发人员。

如果 Google 字体服务包含此类信息，您无需提供任何其他信息 - 只需向布局设计师提供此库的链接即可。

将从编辑区导出的元素压缩并附加到布局中。保存 PNG 文件并以其他分辨率附加它们。

创建动画来展示元素的运动
设计师通常会在他们的工作中加入动画来向投资者展示网站。

为了让布局设计师实现这个想法，你需要绘制一个交互模型并向他演示。这比用语言解释更容易理解。

可以使用特殊的图形编辑器创建动画元素的原型：Adobe Photoshop、Adobe Animate、Adobe Edge 或 Principle。

经验丰富的设计师在将作品发送给版面设计师之前，会仔细检查其中的错误和缺陷，从而节省专家和设计师自己的时间。专业人士知道避免在初始阶段犯错误对于进一步发展有多么重要。

也讀吧！

“信息查询：如何选择以及如何与其他查询区分开来”
阅读更多
免费网站布局工具
据调查，大多数免费资源都是用英文开发的。如果你不了解它的话，理解其中的细微差别将会相当困难。以下是一些您可能会觉得有用的免费工具列表。

Wireframe.cc

Wireframe.cc

该资源简约且易于理解：用鼠标拖动一个矩形并形成所需的元素。您可以在完整模式下工作七天，然后，如果您不支付费用，少量模板将保持可用。

电线

电线

服务更加基础，但需要登录。免费模式只允许您制作三个项目。与其他软件相比，这是一个非常好的工具。然而，正如您所料，免费模式下的库是最小的。