创建网站布局的 6 条黄金法则

Dive into business data optimization and best practices.
Post Reply
Mimaktsa10
Posts: 175
Joined: Tue Dec 24, 2024 3:00 am

创建网站布局的 6 条黄金法则

Post by Mimaktsa10 »

完成的材料从设计师发送给版面设计师。后者则会反复检查源代码、跟踪缩进和间隔、复制数据并设置特定样式。

设计师经常会将材料发送给开发人员,但并不检查其中是否存在错误和不准确之处。程序员以后可能也会忽略这些缺点。

设计师常犯的错误:

我没有从以前的版本中删除隐藏层,布局设计师发布了这个元素。

如果不对组件进行分组,开发人员就得花一个多小时才能理解开发的含义和思路。

我犯了一个错误,为一个元素定义了不成比例的缩进,而布局设计师忽略了这个缺陷。

为了避免出现问题,请遵循项目开发的主要要求并相互交流。

同意文件格式
缺乏经验的设计师通常无法决定 芬兰数字数据 在项目中使用哪种图形编辑器。他们研究各种各样的方案,并选择最佳方案。

最受欢迎的编辑器是 Adob​​e Photoshop。这是一个可处理任何图像的多功能程序。摄影师在其中修饰照片,艺术家在其中处理他们的作品,网页设计师在其中创建布局并将其保存为 .psd 格式。这正是发送给布局设计师的确切文件。

Photoshop 是一个多功能编辑器,但它并不像乍一看那么容易掌握。如果你没有时间学习,可以使用更容易使用的新一代专门程序:Adobe XD、Figma、Sketch。

Adobe Illustrator 或 Adob​​e InDesign 是设计师中颇受欢迎的图形编辑器。

在决定技术支持之前,请与布局设计师交谈,了解哪个程序更方便他使用。

遵守交互设计要求
遵守交互设计要求

资料来源:shutterstock.com

通过遵循创建布局的简单规则,您将有利于进一步完善资源的外观并简化布局阶段。

确定加法 RGB 颜色模型。

使用网格来对齐您的内容。

不要放大小图像。

按住 Shift 键编辑图像的大小以保持比例。

如果您计划使用粗体或斜体文本,请使用其中一种印刷字体样式。不建议使用伪样式来更改图形编辑器中的字母。

仔细检查项目的所有部分,检查间距和缩进。所有距离都必须具有以整数偶数表示的数值,而不能以分数或奇数表示。

保持图层和画板井然有序
按图层和画板排序

在工作过程中,设计师创建不一致的图层,不更改其标题,并隐藏不成功的选项。开发人员很难应对这种非结构化的材料。

要整理图层,您需要:

按含义分组;

标题;

删除不包含有用信息的隐藏层。

所有画板都应进行有意义的重命名。这样,布局设计师就更容易理解整个任务的结构和逻辑。
Post Reply