设计色彩与排版的4个基本原则是：色彩搭配原则、色彩心理学、排版原则和排版规则。下面将详细介绍这四个基本原则，并提供相关的实例和应用。

1. 色彩搭配原则 色彩搭配原则是指在网站设计中，选取合适的色彩组合来传达特定的信息和情感。以下是几种常用的色彩搭配原则：

- 对比搭配：使用不同亮度、饱和度或色调的色彩，增加页面的视觉冲击力。例如，黑白对比、黑色与橙色对比等。 - 类似搭配：使用相近的色调和明暗层次，创建和谐、舒适的网站视觉效果。例如，蓝色与绿色搭配、红色与粉红色搭配等。 - 互补搭配：选择相对对比的颜色组合，使页面色彩更加鲜明。例如，红绿互补搭配、黄蓝互补搭配等。 - 单一色系搭配：使用同一色系的不同色调和明暗层次，营造简洁、纯粹的页面效果。例如，使用不同的蓝色色调搭配。

2. 色彩心理学 色彩心理学研究了不同颜色对人类情感和心理状态的影响。在网站设计中，了解色彩心理学可以帮助设计师合理运用色彩来传达和引导用户的情感。以下是一些常用的色彩心理学原则：

- 红色：表示激情、渴望和活力，常用于引起注意和突出重点。 - 蓝色：代表冷静、信任和安全感，常用于科技和金融类网站。 - 黄色：象征快乐、活力和创造力，常用于娱乐和艺术类网站。 - 绿色：表示健康、自然和平和，常用于医疗和环保类网站。 - 紫色：代表神秘、优雅和独立，常用于奢侈品和时尚类网站。 - 橙色：表示热情、冒险和刺激，常用于旅游和户外类网站。 - 粉红色：象征浪漫、温柔和女性，常用于化妆品和时尚类网站。 - 黑色：代表正式、高品质和稳重，常用于奢侈品和设计类网站。

3. 排版原则 排版原则是指在网站设计中合理、有序地安排文字、图片和其他元素的布局。以下是一些常用的排版原则：

- 对齐：使用左对齐、居中对齐或右对齐等方式将元素对齐，使页面整齐美观。 - 空间：合理利用空白间隔，使页面干净、清晰，同时提高阅读和浏览体验。 - 一致性：保持整个网站的排版风格一致，提高用户的使用和浏览效率。 - 均衡：平衡页面上的各个元素，避免出现过于集中或强调某一部分，使页面更加协调。

4. 排版规则 排版规则是指在网站设计中按照一定的规则排列文字、图片和其他元素，以实现视觉上的美感和易读性。以下是一些常用的排版规则：

- 字体选择：选择易读、与网站主题相符合的字体，同时保证字体的可读性。 - 字间距：适当调整字间距，以便字母之间的空间不过于密集或过于松散。 - 行间距：控制行高，使得相邻的行之间有足够的空间以增加可读性。 - 段落长度：避免段落过长或过短，以提高可读性和阅读体验。 - 图片布局：将图片与文字或其他元素有效地结合起来，使得页面整体更加生动和丰富。

在实际应用中，设计师可以结合色彩搭配原则、色彩心理学、排版原则和排版规则，根据具体的网站需求和使用目的进行设计，创造出舒适、有吸引力的网站界面。