|
|
文面向想要学习如何使设计更加一致和用户友好的 UI 设计师初学者。您不需要很多经验就能够遵循其中分享的提示和技巧，所以让我们立即深入研究！ 当您进行设计时，您是否会遇到所有可能性，例如是否使某些文本块更大或更小，或者增加（或减少）元素周围的空白量。那么这个颜色呢：应该更深一些，还是更浅一些？ 本文是关于创建整个设计过程中要遵循的限制和规则。在用户界面中组合元素的方式有无数种，因此您需要设置一些规则和边界，否则设计工作流程可能会变成一件令人不快的苦差事。
您可能会在所有可能性中挣扎，并试图在许多“正确”选项中 电话号码清单 选择最佳选项。通过设置（并遵循）一些基本规则，您也将使您的设计看起来更加一致。 设定限制和规则有助于设计 拥有一个系统很重要！ 使用户界面设计保持一致的重要性 # 让我们从头开始吧。您希望您的设计看起来美观且值得信赖，并且您需要不惜一切代价避免混乱。为此，拥有一个用于设计工作的系统非常重要。 您的开发人员也会欣赏一个系统——他们会喜欢您的设计有秩序，并且您让他们的工作变得更轻松。 按预定大小调整大小的系统 # 无论您是要调整文本块的大小、调整图像的大小还是调整一些空白区域，都没有关系。您需要决定每个元素有多大。
我敢打赌您曾经遇到过这种情况：您是否曾经选择过某个元素的大小，然后五分钟后更改它，然后再次更改，也许一次又一次？ 哪个尺寸最完美？它可能是您尝试过的其中之一，对吧？您需要避免这个无休止的浪费时间的陷阱！ 首先选择基本单位：8 像素网格 # 为了使整个设计看起来更干净，首先设置测量值会很有帮助，然后确定所有尺寸。选择什么值完全取决于您，但通常情况下，最好的选择是遵守一些经过验证的规则。这些规则之一是调整元素大小并将元素移动恰好八个像素。这条规则将简化您的决策。 px关于与 的注意事项dp： *除了像素 (px) 之外dp，您可能还听说过在屏幕设计和原型设计中使用的术语。该dp单位是“密度无关像素”的缩写。该单位是相对于 160 dpi 屏幕而言的，因此 1 dp 在 160 dpi 屏幕上等于 1 个像素，在 320 dpi 屏幕上等于 2 个像素，依此类推。数值公式为px = dp * (dpi/160).* 请始终记住，如果您使用较小的元素或对象，也可以使用 4 像素增量而不是 8 像素增量。有时，您可以根据需要进行进一步调整。
|
|
发表于 2023-9-23 11:50:57