设计网站使用色彩和字重来创造层次结构

2019-02-22    分类： 网站建设

在对UI 文本进行样式控制的时候，最常见的错误莫过于过度依赖字体大小差异来营造对比。

“这段文字重要吗？那么让它更大一些吧。”

“这段文字是比较次要吗？那么让它变小一点吧。”

单纯使用字体大小对比，所营造的对比并不够，尝试结合色彩和字重来营造更好的对比效果。

“这段文字重要吗？我们让它色彩更加大胆一些吧。”

“这段文字是比较次要吗？我们让它的色彩更浅一些吧。”

如果可以的话，你甚至可以采用两到三种颜色：

  • 主要内容采用深色（诸如标题，但是不要用纯黑）

  • 次要内容采用灰色（比如文章发表日期）

  • 辅助性内容采用浅灰色（比如页脚中的版权声明）

类似的，在UI设计的时候，通常两种不同的字重足以营造出优秀的层次感：

  • 大多数的文本采用正常的字重（ 400 到500，具体取决于字体）

  • 对于需要强调的文字采用较重的字重（ 600 到700，具体取决于字体）

应当尽量不要让正文部分字重低于400，因为这一部分字体字体本身尺寸已经较小，低于 400 会使得可读性不佳。如果你依然需要降低字重，那么不妨让字体色彩更浅一点，或者替换成其他识别度较强、字重相对较小的字体。

创新互联,行业网站建设公司,14年专注企业网站一站式服务,已为众多企业公司提供网站建设,网站设计,网站制作,手机网站开发,模板建站等服务。高端定制网站建设领军品牌--创新互联值得信赖！

分享名称：设计网站使用色彩和字重来创造层次结构
文章路径：https://www.cdcxhl.com/news/79239.html

成都网站建设公司_创新互联，为您提供Google、搜索引擎优化、品牌网站设计、移动网站建设、小程序开发、网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

网站建设网站维护公司

网站建设知识

同城分类信息