推荐Lovart 中文版 - 一站式 AI 设计平台推荐一人企业Vibe Coding社区!热门AI设计工具新品免费AI编程工具 Trae - 智能编码助手Seedance2.5已上线新用户注册即领免费算力
UIED.CN今天偷学哪一招,朋友

如何使用 Strings Method 来改进 UI 设计?

有时,当您构建 UI 或尝试分析竞争对手的应用程序时,您会注意到 UI 出现问题,但无法确定问题所在。它只是看起来不对,或者没有很好地对齐,或者很吵。

如果你需要让UI看起来更专业、更干净,可以使用Strings Method来快速清理。

让我们先看一下这个屏幕,它明显有噪音并且对齐得不好:

1MWJwc_g2BRGOZgYG_xPXGw

UI设计中如何使用Strings方法

  1. 第一步,我们需要水平扫描屏幕的每一行,并在每次看到路径上的任何新对象时绘制垂直线(字符串) ,如下所示:

1PcTQN9ZltCcOCJxO3KRn9Q
大量的字符串表明 UI 很嘈杂并且对齐得不好

2. 其次,您需要重新构建UI并减少垂直线的数量。无需更改版式、颜色和改进布局,只需减少字符串数量即可显着改进 UI:

17zMKRyU3Gtuv7LMFki9xlg

左边:字符串数量减少,右边:包含内容和颜色的版本以查看结果

3. 现在我们可以将原始设计与更新后的设计进行比较:

13nlavxxks1v6GGsHz-gMMA 1cnyCEUL9dZlZxPp-LzIZww

使用字符串方法可以成为改进 UI 设计的宝贵工具,但重要的是要认识到列在此过程中也发挥着作用。虽然字符串方法有助于快速清理 UI,但列可以为您的设计提供结构和组织。将列视为基础,确保元素整齐排列和对齐,而字符串方法就像用于详细分析的微调工具。

文章声明

声明:本站所有文章,如无特殊说明或标注,均为本站作者原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。本文来自作者自媒体,不代表UIED观点和立场。 如若本站内容侵犯了原著者的合法权益,可联系我们进行处理以减少您的损失。

标签

评论 0

最新评论

登录后发布评论并参与互动。

暂无评论,欢迎抢沙发。

推荐阅读

查看更多