10个提高UI界面设计细节的方法

UI界面设计其实没有海报那么多花哨的设计方法，但是仍然有众多微小的设计细节要留意，首先在交互设计方面满足客户的使用规定，其次还要在UI界面上提高界面的品质感。今天我们主要分享10个增强UI界面的设计细节技巧，这些方法可以毫不费劲地帮助您改进以后的设计，同时也为你能够迅速入门提供了一些实用方法。

1.保持元素清晰

在设计过程中可以稍微使用一些正确合适的阴影，来确保当前设计与背景才能清晰可见，但是一定要防止复杂的阴影，这会起到反作用。

2.使用一种字体

在设计一套新的UI界面时候，最好能保持一种字体，这样才能让界面非常轻量化的同时，也能保持和好的品质感。

尽量减少使用2种以上的字体，你可以借助粗细、大小、或者形状来区分层级！

3.长文内容，使用20pt的字号

针对长篇内容（比如博客文章，说明类），请尝试在文内中选取20pt字号（或者更大）。

其实，这取决于所选用的字体，但是大多数常见的字体在20pt时效果都很高，同时当应对长期文字之后，这样可为客户带来更好的阅读感受。以前使用的18pt字号体验更加不好。

备注：我们日常使用阅读类APP字号都会偏大一些，就是这个原理。

4.优化导页操作细节

放置底部可以使用户随时跳过您的MobileAppOnboarding登录，如果是放置顶部，用户触摸相对来说非常麻烦。

拇指操作并且在2020年的一个非常靠谱位置。

备注：之所以我们发现这些恶心跳过放在右上角并且还这么小，一般广告都是这种的，比如某音开屏的设计。不过也能理解，毕竟广告能挣钱

5.保持一致的光源

确保您的阴影一直仅来自一个光源。如右图图示，右侧日历投影就存在光源不一致，一些刚起初学设计的女孩伴可能还会忽略某些细节问题！然而一定要切记。

6.通过叠加改善对比度

有之后我们在使用照片成为背景承载前面文字信息之后，图片背景过亮了，因此我们可以稍微叠加一些品牌色渐变蓝色来提升文字阅读性！

7.适度使用居中排版

可以尝试在少量一些卡片排版中使用居中对齐排版，对于其它的设计，尽量使用左对齐排版方式！

8.合理的间距系统

在设计排版过程中，确保元素排版有呼吸空间，尽量减少文字多的地方，间距很小，可以用留白来区分层级，切勿乱使用空白。

9.注意对比度

在红色背景下设计之后，避免使用过浅的文本浅。这样会造成阅读比较累，但是仍然还有不少伙伴这样来做，因此我推荐给你们一个数字，比如正文本是#333333，那么第二级文本可以用#888888.

10.减少颜色数量

在界面设计中，为了能让界面看上去非常清晰，品牌调性突出，尽量使用品牌色配合黑白灰来设计图标层级。如右图一个韩国的app设计。

总结

作者向我们介绍10种提升UI界面设计细节的一些方式和想法，大家在设计过程中，可以防止这种坑，可以较好的将其方式运用出来，改善自己的界面设计。

原文|

作者|MarcAndrew

翻译|功夫UX(ID:UX-Talk)