在创建实用、易于访问且视觉上令人印象深刻的UI界面时,我们大多数人只需要进行有限的微调即可获得相当不错的结果。影响。之前,我写过很多实用的UI&UX优化技巧。本文继续补充6条实用建议。让我们来看看!1、灵活使用网格系统当你使用网格系统时,你的用法是严格、“规范”,还是自由、灵活?根据我的设计经验,我建议灵活使用,不要太教条。比如我们目前使用最多的是8pt网格系统。我一直倾向于使用“软格”策略。也就是说,在选择元素之间的间距和外边距时,灵活使用8pt的倍数。而不是死板地只使用8pt参数。这种设计方式既能兼顾视觉设计的美观性,又能在数据上尽量贴合整体8pt网格。2、在表单中添加即时信息反馈即使在今天,我们仍然可能在很多场合填写很多字段的表单。从技术上讲,过去很多表单需要在用户提交后进行信息反馈,而现在可以在APP和网页上轻松实现现场实时验证和反馈。这种设计策略简单而不花哨,但它可以在用户交互过程中尽可能立即提供有用的信息。在很多情况下,一个小图标和一个简短的文本提示可以帮助用户更好地填写表单。3、使用近似色进行配色可以省心不少。对于系统项目来说,配色是一件比较麻烦的事情,而近似配色策略在系统项目中的效果是相当突出的,很大程度上是因为近似配色不仅可以方便的扩展,也更容易保持整体的一致性与其他配色方案相比,不会让设计失控。通常,我们可以根据色轮选择一个主色调,然后选择它两侧的颜色,组成这套配色的基础色,然后根据需要调整这些色调的明度和饱和度不同的使用场合,迅速扩充出一套完整的配色体系。4.使用视觉对齐来加强视觉一致性如果你看过我之前的文章,你会发现我是网格系统的忠实粉丝,尤其是8pt网格,但即使是像我这样的粉丝,也是不可能的100%遵循网格逻辑。因为从根本上来说,我们想要的是尽可能在视觉上呈现UI,但是严格遵循网格有时候在视觉上并不能很自然,因为网格是对齐的,有时候也不能做到“视觉上对齐”。例如,当你的标题和边距设置为16px时,副标题或标题下的文字可能需要额外增加2px,即18px的边距,以保持视觉左对齐。不要每次都死守着网格,有时要灵活一些。5.让搜索框包含足够的搜索内容。如果可能的话,把搜索框做得尽可能长,这样用户输入的文字内容就可以尽可能长,从而精确定位到自己想要的内容。没有人喜欢在搜索框中输入内容,因为输入的内容太长,以至于打字的时候需要滚动文字,尤其是当用户需要搜索很多内容的时候,而网站的内容本身就够大了。可以直接给用户一个足够长的搜索框,也可以在页面顶部保留一个搜索按钮。当点击该按钮时,会出现一个横跨页面的搜索框,这样就可以容纳用户需要搜索的文本内容。6.为长页面提供浮动导航栏。对于页面较短的网站或应用,下拉隐藏导航是一个很酷的设计,但对于较长的网页和内容,用户可能需要导航。它会更坚固,更难到达,因此使用浮动导航菜单更适合用户体验。不要引导用户远离关键的CTA按钮,尤其是在导航中,保持可用,保持可访问。
