网站设计中的7个使用技巧
作者/整理：admin 来源：互联网 2018-08-14
一、使用颜色和粗细来创建层次结构，而不是字体大小
对UI文本进行样式设计时常犯的一个错误是过于依赖字体大小来控制层次结构。
“这段文字是重要的吗？让它大一点。 ”
“这段文字是次要的？让它小一点。 ”
不要将所有繁重的工作都留在字号上，而是尝试使用颜色或字重来实现相同效果。上海网站建设。
“这段文字是重要的吗？让它粗一点。 ”
“这段文字是次要的？让它细一点。 ”
尝试并坚持两种或三种颜色：
1.主要内容的深色（但不是黑色，如：文章的标题）；
2.次要内容灰色（如文章发表日期）；
3.辅助内容的浅灰色（可能是页脚中的版权声明）。
UI设计上远离字重不超过400的字体 ，他们可以用在大标题上，但在较小的字号下不易于阅读。如果您正在考虑使用较轻的重量来淡化某些文字，请改为使用较浅的颜色或较小的字体。
二、不要在彩色背景上使用灰色文字
使文本变为浅灰色，是在白色背景上淡化它的好方法，但在彩色背景上看起来并不太好。这是因为我们实际看到白色灰色的效果是对比度降低，使文本更接近背景色实际上有助于创建层次结构，而不是使它变成浅灰色。松江网站建设。
处理彩色背景时有两种方法可以降低对比度：
（1）减少白色文字的不透明度
使用白色文字并降低不透明度，这可以让背景颜色渗透一点点，以不与背景冲突的方式减弱文字。
（2）选择基于背景色的颜色
当您的背景是图像或图案时，或者当减少不透明度会使文字感觉过于枯燥或不适应时，这会比减少不透明度效果更好。
选择与背景色调相同的颜色，调整饱和度和亮度，直到看起来合适。
三、偏移阴影
不要使用较大的模糊和扩散值来使框阴影更明显，请添加垂直偏移。它看起来更自然，因为它模拟了像我们以前在现实世界中看到的那样从上方照射下来的光源。
建站咨询
021-61842014
