改善UI设计的小技巧
来源:太原优逸客培训学校 时间:2021/1/10 17:48:15
首先,在一个项目中不应该使用两种以上的字体和多种样式,这应该是每个设计师都在遵循的原则了。除此之外,还有一些细节值得我们注意。
1、大写字母
当我们使用完全由大写字母组成的文本时,需要注意将字母之间的间距拉大,这样可以防止字符彼此粘连,让文本更具可读性。
2、字重选择
除了字母间距之外,我们还需要谨慎选择字重。设计中可以使用纤细轻薄的字体,但要取决于字重。如果你正在制作一个用户终会在屏幕上看到的产品,那么好忘掉Hair(超级细)和Thin(非常细)、,因为它们非常难阅读,而且会在一些屏幕上造成半像素破碎的效果。
3、标题和正文字体大小
现在让我们来谈谈网页排版,大家都知道标题分为六个级别(h1-h6)。首先,你应该确保你的项目中不超过四个,并控制它们的逻辑和一致性。并且需要注意的是:尽管现在比较流行富有表现力的排版。不过你仍然要确保你的标题不要太过夸张了,因为太大的文字和太小的文字一样难以阅读。
接着是正文部分。浏览器的默认设置(以谷歌Chrome作为参考)是16px,这个大小读起来很舒服,但是我倾向于使用不小于17px的主文本和14px的附加文本。将12px保留为小尺寸,再小的话就会由于视力问题或显示器不好而变得难以阅读。而且要切记避免在同一文段中使用两种大小差距不大的字体。比如16px和17px:这会让产品的外观非常混乱,并且完全是不合理的。
4 、行高
通常,我们需要稍微增加一点行高以提高可读性。对于大型文本块尤其如此:网站或移动应用程序的博客,文章和信息块。标题采用相同的方法是合理的,这样可以确保字母的尾部不互相影响。
5、文本和标题层次结构
粗体文本应该用来突出显示文本的重要部分。这包括标题、链接和按钮,有时也包括文本中强调的部分。如果整个文本都使用粗体,就会不清楚应该看哪里,什么更重要。
6、文本对比
在设计中要特别注意文字的对比度,以确保我们的字体在任何类型的显示器上都是可读的。这对于经常使用浅灰色的输入字段文字尤其重要。