UI设计工作技巧

来源：昆明达内教育IT培训机构时间：2020/7/30 15:01:03

　　我猜想我们大多数人都是从了解一点 UI，或者根本不了解的情况下开始从事设计的。但即使开始时我们并没什么优势，我们仍然想方设法的通过众多设计书籍和文章来了解颜色，排版，布局等方面的知识。

　　注： 以下的「不好的」示例并不一定意味着它们是错误的。这只是我们从良好的设计方案改进到更方案的基础。

　　当文字需要分清层次结构时，单纯使文字变大来强调通常不能解决问题，就像下面的问题一样：

　　文字的层次结构不只是小和大的关系，它需要文字在大小、字重和颜色三个方面进行正确的组合，形成对比，对比度越大越好。（译者注：我认为对比度也不能太大，合适即可。）

　　那么如何设计更好的对比呢？

　　不要使用一种字重不同字体大小的方式来建立对比和层次。相反，把主要内容加粗加深，把次要内容变细变淡（不太重要的）。创建三种不同的文字颜色，从深色到浅色。通常我使用我设计的基础颜色作为正文文字颜色。不要害怕使用大的字体比例(例如: 24px 标题、16px 正文、10px 标签等)。更大的字体比例=更好的对比。

　　记住，对比度=大小+字重+颜色。

　　后，一定要回头再检查下它的对比。你可以使用网站上的计算工具来检查它的可读性。一般深色用来做大标题，把浅色用来作为辅助内容。不要在你的颜色选择器上下移动，只是为了选择一些深色色值，这样做会让你的工作变得复杂。我们都知道使用黑色文字颜色（#000）会给读者眼睛造成疲劳，因此我们的替代方案是用比较暗的颜色。使用不同透明度的黑色作为解决方案，而不是去用复杂的十六进制颜色值。

　　在我上面的实例中，我使用黑色作为主要颜色（#000），并根据其应用的位置（如主要内容，次要内容等）降低其透明度。

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/3172/news/229212/违者必究！ 以上就是昆明达内教育IT培训机构 小编为您整理 UI设计工作技巧的全部内容。