UI&UX设计小技巧

在创建高效、可访问且美观的 UI 时，只需进行最小的调整即可设计。在这篇文章中，为您带来了另一种易于实践的 UI 和 UX 小技巧。可以毫不费力地改善设计和用户体验的提示。

关于下拉菜单的使用

当涉及到产品列表时，提供选项的显示选择可能会有些混乱。

在电子商务方面，屏幕空间非常紧张，为避免用户的信息过载，只需将用户单选按钮大替换为下拉菜单即可。

不同背景下的阴影

在彩色背景上处理元素时，尽量避免黑色阴影。

在现实世界中，如果您将一个元素放置在彩色背景之上，那么该元素投射的阴影将有一些背景颜色渗出。

所以要避免那些看起来很假的阴影，并在混合中加入一点背景颜色。

暗黑模式下的设计

正如我在之前的一组技巧中提到的，在创建深色主题设计时永远不要选择纯黑色，因为它会影响许多用户的可用性。

每当您决定将白色元素添加到深色设计中时，都适用类似的规则。

如果您的白色是纯白色，它们可能会在与黑暗主题元素的映衬下刺眼，并造成糟糕的视觉体验，因此请软化这些白色并降低它们的对比度，以使用户的眼睛更容易看到。

图像的正确显示方式

您可以拥有最好的文本内容，并提供无可挑剔的类型选择，但如果您的产品图像排放置很糟糕，事情可能会很快变得平淡无奇。

使用您能找到的最佳照片并以完美的方式展示您的产品。

信息提示的重要性

当涉及到表单的可访问性时，不要仅仅依靠颜色来向用户传达不同的状态。

例如，对于错误提示，如果您只是颜色提示，那么患有某种形式的色盲的人可能会错过这一点。

尝试结合图标和某种形式的错误消息来提示辅助功能，并且不要让用户对正在传达给他们的问题一无所知。

表单输入的技巧

事实证明，在表单字段中使用占位符会增加表单转换并改善用户体验。

与其选择“输入您的电子邮件”之类的占位符，不如提供一个真实的示例，即；'hello@world.com'，以改善用户体验，并按预期方式使用占位符。

希望通过这些简短的技巧方式，您已经意识到对您的设计进行最小的调整可以为您和用户带来更好的最终结果。