认识达内从这里开始

认真做教育专心促就业

信噪比与图版率在UI设计中的作用

发布：运城达内教育官网
来源：互联网
时间：2020-10-06 09:05

随着互联网的不断发展，越来越多的人都在学习UI设计的相关技术，而今天我们就一起来了解一下，信噪比与图版率在UI设计中的作用。

信噪比与图版率在UI设计中的作用

一、信噪比

信噪比原本是用在声音和图像领域的概念。在互联网产品中把“信噪比”概念借用到了用户体验。合理的信噪比可改善与用户的交流。加大信号可以将有用的信息快速准确的传达给用户，减少噪音并使信号脱颖而出。

从人机交互角度，我们应该删除与任务不相关的内容或设计元素。你甚至可以将高信噪比的目标与极简主义联系起来。但是“信号”和“噪音”的确切含义会有所不同，一个人的信号可能是对另一个人的干扰，因此，用户界面的信噪比有低有高，取决于具体的用户和具体的任务。在用户界面中，信噪比所涉及的“信息”可以是任何内容，包括文本内容，视觉元素或动画等。为了提高设计传达信息的效率并帮助用户完成任务，需要提高信噪比。

用户始终喜欢清晰、简单、自然、好用的设计和产品。但需要注意的是，除了交流必要信息之外，我们还希望界面在视觉上具备吸引力，以唤起用户的某些情感。有了额外的目标(比如品牌宣传、业务目标等)，应该以合理的信噪比为目标，而不是以绝对的方式排除所有“无关”的信息。

在界面中无论是何种分割方式(分割线、卡片阴影、分割色块)，过于浓重的表现都会影响有效信息的获取，成为界面中的“噪音”，因此我们应该让它们细一点、淡一点来降低表现，或者干脆不要(留白分割)。

二、图版率

图版率就是页面中图片面积的所占比。在页面设计中，除了文字之外，通常都会加入图片或是插图等视觉直观性的内容。这种文字和图片所占的比率，对于页面的整体效果和其内容的易读性会产生巨大的影响。当然，除图片本身外，我们也可以通过填充底色，图形叠底等方式来提高界面中的图版率。

图版率高低的区别：同样的设计风格下，图版率高的页面会给人以热闹而活跃的感觉，反之图版率低的页面则会传达出沉稳、安静的效果。提高图版率可以活跃版面，优化版面的视觉度。但完全没有文字的版面也会显得空洞，反而会削弱版面的视觉度。

在没有图像素材的情况下想要呈现出高图版率，可以通过以下几种方式来实现：

1、通过填充页面底色，取得与提高图版率相似的效果，从而改变页面所呈现出来的视觉效果;

2、如果素材图像尺寸小，可以通过色块的延伸或是图像的重复来组织页面结构，同样可以提高图版率;

3、利用排版的节奏感以及跳跃率(文字和图片的跳跃率，是指版面中大标题和大的图与小正文字体和图片大小之间的比率)让无趣的版面充满活力，富有节奏的设计也能间接优化页面的图版率;

4、增加页面中的图形也可以改善图版率低的问题。无论是数字、序号、图标，甚至是视觉处理后的标题文字，都能提高页面的视觉度，并给用户留下活跃生动的印象;

5、如果页面中没有图片和插图，那么通过对文字及其颜色的处理，也可以起到提高图版率的作用

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请在707945861群中学习了解。