网页设计基础知识学习笔记

19次阅读
没有评论

共计 372 个字符,预计需要花费 1 分钟才能阅读完成。

响应式

是网页根据显示宽度自动调整内容的模式,即同一套设计元素根据浏览器宽度适配。

自适应是网站根据客户端类型匹配不同版本样式,即根据不同的设备设计不同的样式适配。

字体

字号

  • 中文最小字号:12px
  • 常规阅读字号:13-15px
  • 较大文字字号:15-20px

文本行高:

  • 注释文本:字号的 1.4-1.6 倍
  • 阅读文本:字号的 1.6-2 倍
  • 标题文本:默认字号 Auto

文本段距:行高的 0.4-0.8 倍

字重

  • 细体 Light:注释 / 次要文本
  • 常规 Regular:正常阅读文本
  • 粗体 Bold:强调 / 标题文本

字色

  • 注释灰度:50-80
  • 正文灰度:20-40
  • 标题灰度:5-20
字号 字重 字色 行高 段距
注释文本 12pxLight 灰度 50-8016-18px6-14px
正文文本 13-15pxRegular 灰度 20-4020-30px8-24px
标题文本 14-20pxBold 灰度 5-20Auto0
正文完
post-qrcode
 0
三毛
版权声明:本站原创文章,由 三毛 于2023-11-30发表,共计372字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)