UI设计要注意的细节

来源：宜昌设计培训学校时间：2020/7/5 18:24:34

　　对于学习UI设计的初学者来说，很多时候因为经验不足，导致很多简单的设计细节没有做好，如果没有设计导师去指导，可能要经历1-3年才知道的一些设计细节，在今天文章中，我们分享一些基础的界面设计规则，并建议牢记它们，会让你少走弯路。　　

　　文字间距

　　每当你使用完全由大写字母组成的文字时，不要忘记设置字母间距。这样可以防止字符之间的粘连，也会让文字有更好的可读性。

　　文字粗细

　　在使用细体和极细体字体的时候要格外注意。中细体字可以用，但要看具体的字体细到啥程度。如果你做的产品终会被用户在屏幕上看到，那么好不要使用细体和极细字体，因为它们非常难阅读，在某些屏幕上甚至会造成半像素模糊的效果。

　　标题和正文字体大小

　　我们来谈谈网页排版。标题的级别有6个(h1-h6)。首先你应该确保你的项目中的标题级别不超过四个，并控制好它们的逻辑和一致性。一个网站或着陆页的大标题(可能出现在主页面的块)可以随心所欲：目前的趋势是鼓励有表现力的排版。但是，确保你的标题的其余部分不要太大，因为太大的文字和太小的文字一样难以阅读。

　　现在说下正文。浏览器的默认设置(以Chrome浏览器为参照)，会以16px大小显示每个文字。这个大小阅读起来是相当舒服的，但我倾向于主文字用不小于17px，附加文字用14px。保留12px作为小的尺寸，而较小的尺寸由于视力问题或显示器不好而变得几乎无法阅读。记住，要避免近似的尺寸，不要在同一段中使用16px和17px，这样会给产品的外观带来混乱和视觉上的不协调，可能会让人误以为是错误。

　　行高

　　很少可以直接利用默认行高。通常情况下，必须比默认值稍大一些来提高可读性。这对于大的文本块尤其如此：博客、文章、网站或移动应用的信息块。同样的方法也适用于标题：确保字母上下不会互相碰触。

　　内容的层次

　　应使用加粗来突出显示文本的重要部分，包括标题、链接和按钮，有时也包括文本中被强调的部分。但如果所有文本内容都被加粗，就会变得不清楚该看哪里，分不清哪些部分更重要。内容需要有一定的层次性。

　　文字对比度

　　在设计中要特别注意文字的颜色。它应该有足够的对比度，这样文字在任何类型的显示器上都可以易读。这对于经常使用浅灰色的输入字段中的占位符尤其重要。

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/3108/news/212562/违者必究！ 以上就是宜昌设计培训学校 小编为您整理 UI设计要注意的细节的全部内容。