模仿我的学长教我设计和使用8的倍数的边

在开始设计之前决定字体大小可以让你省去每次思考的麻烦，从而提高效率并在整个过程中创造一种统一感。 调整字距 字距调整是通过关闭或打开字符来调整字符间距的过程。 创建横幅和图像文本时，字距调整尤其必要。我还记得当我还是个新手时，当我提交横幅时，我的老板问我，“你做了字距调整吗？”我说，“嗯？（那是什么？）”。 直观地解释文本字距调整的图像 ▲ 字母之间适当的间距会更容易阅读。 如果你保留“”（方括号）或标点符号，就会出现不自然的间隙，而且看起来会很糟糕，所以一旦你决定了字体和大小，一定要进行字距调整。 网站上以 HTML 编写的文本可以使用 CSS 轻松调整字距。 4.边距和填充的规则 一般来说，边距是指内容之间的空间，而填充是指内容内的文本和图像等元素及其周围区域之间的空间。


解释 margin 和 padding 含义的图表 ▲第一个让人分不清哪个是哪个的术语。 就像字体大小一样，提前设置边距规则将帮助您更顺利地工作。 顺便说一句，我距。原因是许多设备使用 8 的倍数进行分辨率，因此在编码时很难看到分数。（我最近才知道） 即使规则不是 8 的倍数，确定规 巴西数据库 则也会产生一致性，因此您可以省去每次编码时指定样式的麻烦。 5. 图像和物体的尺寸和长宽比规则 图像和物体的大小和长宽比是一个普遍关注的问题。 我们建议你对此有一些基础，这样当有人问你“为什么会这样？”时，你就不会惊出一身冷汗。 使用网格考虑宽度尺寸 将整个页面或内容划分为网格的布局称为“网格布局”。 如果您将网格上的图像视为“内容宽度的 1/3”而不仅仅是“小图像”，那么确定图像的大小会更容易。 考虑一个网格的宽度应该是多少像素是非常繁琐的，所以我经常使用下面的站点来计算网格。这是一个很棒的工具，通过输入整体宽度、填充（间隙）以及您想要将其分成多少个分区，可以立即计算出来。




参考页面：Gridpx：网格设计计算工具 | 网页设计便捷工具 谷歌一下长宽比 我使用黄金比例作为图像长宽比的参考，除非我将它们设为正方形。 如果黄金比例不适合您，请尝试使用白银比例...... 以下网站有几个具有漂亮比例的模板，因此在决定宽度尺寸后请尝试使用它们。 参考页面：METALLIC RATIO / 贵金属比例【计算黄金比例、白银比例等】 但是，如果所有比例都相同，则屏幕会变得单调，用户可能会感到无聊，因此我们建议您查看平衡并更改比例以增加一些趣味性。 了解基础知识和规则，成为初学者！ 我相信，有了上面提到的基本技能和最低限度的规则，你一定能够提高你的工作效率，并为你的设计打下坚实的基础。 如果您想掌握更多基本技能或想要改进设计的提示，您可能需要参考下面列出的书籍。 ▲参考页：我看到了设计 ▲参考页面：网页设计优质样本书 两者对于初学者来说都很容易理解，并且通过示例进行了温和的解释。