Web-PS入门（五）-网页排版

网页排版

---

分辨率

1.简介

• 显示分辨率（屏幕分辨率）：是屏幕图像的精密度，是指显示器所能显示的像素有多少。由于屏幕上的点、线和面都是由像素组成的，显示器可显示的像素越多，画面就越精细，同样的屏幕区域内能显示的信息也越多，可以把整个图像想象成是一个大型的棋盘，而分辨率的表示方式就是所有经线和纬线交叉点的数目。显示分辨率一定的情况下，显示屏越小图像越清晰，反之，显示屏大小固定时，显示分辨率越高图像越清晰。
  图像分辨率：单位英寸中所包含的像素点数，其定义更趋近于分辨率本身的定义。
• 标屏与宽屏：从外观很容易区别，标屏有点正方形，宽屏是长方形的，从分辨率区分标屏是4：3的屏是16:9的

2.常见分辨率

标屏	分辨率	宽屏	分辨率
SVGA	800x600	WSVGA	1024X600
XGA	1024x786	WXGA	1280X720
SXGA	1280x1024/1280	WSGA	1440X900
SXGA+	1400x1050	WSGA+	1680X1050
UXGA	1600x1200	WUXGA	1920X1200
QXGA	2048x1536	WQXGA	标题 ##2560X1600

字体

1.衬线字体

• serif，意思是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。
• serif字体容易识别，它强调了每个字母笔画的开始和结束，因此易读性比较高.
• 常用的serif（衬线字体）字体为Times New Roman、Georgia、宋体
• 不过由于强调横竖笔画的对比，在远处观看的时候横线就被弱化，导致识别性的下降。

2.非衬线字体

• sans serif是无衬线字体，没有这些额外的装饰，而且笔画的粗细差不多。
• sans serif则比较醒目。在整文阅读的情况下，适合使用serif字体进行排版，易于换行阅读的识别性，避免发生行间的阅读错误。
• 常用的sans serif（无衬线字体）字体为Verdana、Arial、雅黑。

字色

RGB:0-f
eg：白色ff（R）ff(G)ff(B)
google Material Design 色彩规范

Material Design 中文版：google发布的全平台设计语言规范

---