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

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

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

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

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

UI设计中如何使用Strings方法

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

 

如何使用Strings Method来改进 UI 设计
大量的字符串表明 UI 很嘈杂并且对齐得不好

 

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

 

如何使用Strings Method来改进 UI 设计
左边:字符串数量减少,右边:包含内容和颜色的版本以查看结果

 

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

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

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

给TA打赏
共{{data.count}}人
人已打赏
设计方法论

用户体验设计的终结:产品领导力的诞生?(放弃设计作为一个过程,而不是追求更大的视觉卓越)

2023-10-29 18:02:07

设计方法论

亲测可用!ChatGPT-4 会员充值攻略大揭秘!

2023-10-31 22:45:38

个人中心
今日签到
有新私信 私信列表
搜索