排版细则

A.根据文字内容重要程度分等级，同时大致可以分出文字有几个模块，

B.根据提供的图片，或者参考的风格，大致排版，布局，也就是初步把分好块的文字内容布局到页面中，放好大致的区域，可大致将主标题等，需要强调的内容用字号放大、加粗、字体变化等方式排列

C.继续调整整体布局，把觉得不合适的地方进行大胆的改动，不仅仅局限于规整的变化，比如：横向变为纵向，有的字大有的字小一些，文字之间大致的横、纵间距效果要调整出来。字体大致确定，数字类用一种字体，文字类用一种字体。

D.进行细微的调整，还是从整体布局入手，分块调整，根据要强调的内容则突出，通过字号放大、加粗、字体变化等方式。看整体效果继续调整字横纵的间距

字体：

1.主标题（一级内容）可用复杂一点的字体，如：衬线类字体，也可以用黑体类字体，无绝对限制，能够一目了然的看出是一级内容即可

2.二三级内容可与一级文字字体有所区分，但要能看出绝对的对比度，即层级关系

3.若小字号的大段文字内容用衬线或者黑体，可以通过拉宽字间距来增加辨识度（因为字号小，间距小，文字不易看清）

4.若文字间有符号，如分隔日期的“/”，为了突出文字内容，可将符号用细字体（不突出的表达方式）展现

5.阅读性文字可简单处理，易读性高比较重要

6.小字号的字间距，小于大字号的间距，因此可以调整小字号的间距，让彼此间距看起来差不多

7.同字体，大字号字体的粗度，看起来比小字号的粗得多，因此小字号可以选择类似，但较粗的字体(在同字体无法加粗时)，使大小字号字体看起来更整体

8.可以细微的调整字号大小（如：100，98，103px），虽然相差几个像素，当整体细微差别不会太大，如果有大小差别，可以适当调整字长度（如，中间使用100px，则可以将中间字拉长2px），即看起来更整体。总之就是要从视觉上看不出字号细微的差别。

9.字体排列方式可以用，不一定等距的方式排列，可以缩短字间距，或者

10.放大首字母等

11.如果找不到视觉重心点，可以拉9宫格来找，整体对应的9宫格，然后每个大的9宫格可再分为小的9宫格，以此来看不同块的重心

12.可以通过分割线来平衡视觉

E.最后进行视觉调整，如加渐变，改变颜色，斜切，字做出变化等等

1.根据提供的文字和图片进行分层级，进行分块

2.大致布局，比如图片数量，如何摆放，文字大致放哪，一二三层级如何区分

3.细微调整，字体选择，字间距，图片摆放形式（轮播/平铺等），但不是考虑视觉展示形式

4.视觉调整，根据主题色进行颜色选择和调整，辅助色和对比色的选择等，图片的视觉效果等

5.整体调整，把控节奏和呼吸感

6.不同项目的web，要对应客户的环境氛围，首先要定一个大的环境，如果是严谨的金融单位，用色方面和排版就要谨慎，不能太花哨，小清新风会给人不安全感。大的金融单位，要体现安全，严谨但又连接互联网，其实并不落后的感觉

7.网页和平面不同的是，平面是输出的一张图，所以不论用何种字体，如何排版都可以，但是网页不同，还要考虑开发是否能做的出来，或者细微的小细节开会是否会看得到，看到了实现效果是否一致。用切图展示更佳，还是用代码写出来更佳

PS：小技巧，如果ps内字体无法再加粗，可以到ai里用同等字号字体，输入同样内容，通过对象-路径-偏移路径来加粗，微调尖角等有出入的地方，重新调整字间距（用直接选择工具），然后复制到ps里（用智能对象），如果还需调整，直接在ai里调整，ctrl+s保存，即可改变ps的样式