UI视觉设计培训来电咨询

UI是用户界面，是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系，所以这样可分为3个方向，他们分别是：用户研究、交互设计、界面设计。用户研究包含两个方面：一是可用性工程学（usability Engineering），研究如何提高产品的可用性，使得系统的设计更容易被人使用、学习和记忆；文字是UI设计中一个重要的组成元素，文字使用的好坏会极大影响产品的用户体验。二是通过可用性工程学研究，发掘用户的潜在需求，为技术创新提供另外一条思路和方法。

这部分指人与机之间的交互工程，在过去交互设计也由程序员来做，其实程序员擅长编码，而不善于与终用户交互。所以，很多的软件虽然功能比较齐全，但是交互方面设计很粗糙，繁琐难用，学习困难。使用这样的软件后，不是使人聪明与进步而是让人感到愚弄与羞辱。许多人因为不能操作电脑软件而下岗失业，这样的交互使电脑成为让人恐惧的科技怪兽。于是我们把交互设计从程序员的工作中分离出来单独成为一个学科，也就是人机交互设计。UI设计系统操作合理性原则尽量确保用户在不使用鼠标（只使用键盘）的情况下也可以流畅地完成一些常用的业务操作，各控件间可以通过Tab键进行切换，并将可编辑的文本全选处理。他的目的在于加强软件的易用、易学、易理解，使计算机真正成为方便地为人类服务的工具。

我自己从来没有在任何专业的项目上直接把文字放在图片上，这种方法是可行的，也能做出酷炫的效果，但还是小心点。

暗化整张图片

可能在图片上放文字简单的方法就是暗化整张图片，如果原图颜色不够深，你可以用半透明的黑色在上面覆盖一层，比如下面这个案例就加了一层不透明度 35% 的黑色。

如果你直接放原图，底色太亮，和文字的反差不够明显，看不清文字。

类似的方法同样适用于小图。

对比的应用可以很好帮助我们来实现这个目标。因为页面中信息虽然多，但是有优先级之分。有些内容对于用户来说不是那么重要，我们要弱化处理。同理，对于那些重要的内容，或者用户比较常用的功能，我们就要进行强化凸显，这就是我们说的对比。

对比可以由形状、配色、大小、字体和位置（留白）等来实现

首先我们来说说形状，对比的主要原则就是避免页面中的元素太过于相似。在同一个页面中，如果两个功能是不一样的，那么我们就尽量让它俩在外观上看起来不一样。如果无法在设计上进行很好的区分，用户很容易会混淆。

例如，现在很多的按钮样式都是矩形（圆角矩形）加文字。这就给了用户一个暗示，矩形跟文字搭配在一起是可以点击。但是我看到现在的一些app里，矩形跟文字在一起是做标签使用的。