遵守交互设计要求
资料来源：shutterstock.com
通过遵循创建布局的简单规则，您将有利于进一步完善资源的外观并简化布局阶段。
确定加法 RGB 颜色模型。
使用网格来对齐您的内容。
不要放大小图像。
按住 Shift 键编辑图像的大小以保持比例。
如果您计划使用粗体或斜体文本，请使用其中一种印刷字体样式。不建议使用伪样式来更改图形编辑器中的字母。
仔细检查项目的所有部分，检查间距和缩进。所有距离都必须具有以整数偶数表示的数值，而不能以分数或奇数表示。
保持图层和画板井然有序
按图层和画板排序
在工作过程中，设计师创建不一致的图层，不更改其标题，并隐藏不成功的选项。开发人员很难应对这种非结构化的材料。
要整理图层，您需要：
按含义分组；
标题;
删除不包含有用信息的隐藏层。
所有画板都应进行有意义的重命名。这样，布局设计师就更容易理解整个任务的结构和逻辑。
下载用于计算 KPI 和提高营销指标的免费工具
亚历山大·库列绍夫
亚历山大·库列绍夫
销售发电机有限责任公司总经理
阅读我的个人博客上的更多文章：
在过去的 7 年里，我们进行了超过 23,000 次全面的网站审计，我了解到，作为领导者，我们所有领导者都需要为我们的营销和销售提供清晰、可行的算法。
今天，我们将与您分享我们为客户开发的 6 份最有价值的文件。
免费下载并立即实施：
创建营销 KPI 的分步指南
营销人员 KPI 计算模板
9 个通用销售商业提案示例
升级您的 CP 以达成更多交易
如何制定销售部门的KPI，让利润增长20%以上？
计算运营经理 KPI 的分步模板
网站推广12个主要指标清单
找出正确优化网站所需的指标
40 个处理博客内容的服务
我们收集了处理内容的最佳服务
如何准确无误地定义你的目标受众？
定义公司目标受众的有效指南
免费下载该系列
pdf 8.3 mb
文档 3.4 mb
已下载
153532
将所有元素放在单独的画板上
如果某些细节无法使用 HTML 和 CSS 显示，请将它 哥斯达黎加电话号码列表 们放在空白页面上。通常，您必须使用一些按钮、小图片、卡片来完成此操作。所有这些元素都可以立即转换为 PNG 或 SVG 格式，这将大大节省布局时间。
还建议使用画板来显示按钮和图标状态。为此，您需要复制元素并在所有情况下绘制它：悬停在它上面时、在中立位置时、单击时。
在单独的画板上，您应该标记所有使用的字体和色调，并标明标题和主要内容的参数和大小。
将字体和图标附加到布局
将字体和图标附加到布局
资料来源：shutterstock.com
如果设计师除了标准字体之外，还使用了原创的字母和符号设计，则必须将它们作为单独的文件发送给开发人员。
如果 Google 字体服务包含此类信息，您无需提供任何其他信息 - 只需向布局设计师提供此库的链接即可。
将从编辑区导出的元素压缩并附加到布局中。保存 PNG 文件并以其他分辨率附加它们。
创建动画来展示元素的运动
设计师通常会在他们的工作中加入动画来向投资者展示网站。
为了让布局设计师实现这个想法，你需要绘制一个交互模型并向他演示。这比用语言解释更容易理解。
可以使用特殊的图形编辑器创建动画元素的原型：Adobe Photoshop、Adobe Animate、Adobe Edge 或 Principle。
经验丰富的设计师在将作品发送给版面设计师之前，会仔细检查其中的错误和缺陷，从而节省专家和设计师自己的时间。专业人士知道避免在初始阶段犯错误对于进一步发展有多么重要。
也讀吧！
“信息查询：如何选择以及如何与其他查询区分开来”
阅读更多
免费网站布局工具
据调查，大多数免费资源都是用英文开发的。如果你不了解它的话，理解其中的细微差别将会相当困难。以下是一些您可能会觉得有用的免费工具列表。
Wireframe.cc
Wireframe.cc
该资源简约且易于理解：用鼠标拖动一个矩形并形成所需的元素。您可以在完整模式下工作七天，然后，如果您不支付费用，少量模板将保持可用。
电线