写给大家看的设计书

• 第一章：设计的基本原则

  • 1.1 对比

    • 定义：通过明显差异来吸引注意，增强可读性。

    • 应用：字体大小、颜色对比、纹理对比等。

  • 1.2 重复

    • 定义：使用相同或相似的元素在整个设计中重复出现，创建一致性和识别性。

    • 应用：一致的排版、重复的图标、颜色方案。

  • 1.3 对齐

    • 定义：使所有元素都有意识地排列在页面上，创建整洁有序的感觉。

    • 应用：对齐文本边缘、图形边缘对齐、对齐布局元素。

  • 1.4 亲密性

    • 定义：彼此相关的元素应该彼此靠近，组织信息，使读者易于理解。

    • 应用：组合相关项目、相邻的元素具有直接关系。

• 第二章：排版

  • 2.1 选择正确字体

    • 关键点：区分衬线字体和无衬线字体的用途。

    • 应用：标题使用大字体和醒目的样式，正文使用清晰易读的字体。

  • 2.2 字体编排

    • 行高：适当增加行高以提高文本的可读性。

    • 对齐方式：左对齐通常是阅读最舒适的对齐方式。

    • 色彩和对比：通过颜色和对比度强调重要文案。

  • 2.3 文案层次

    • 标题：使用不同大小的标题来区分层次。

    • 子标题：辅助标题以进一步细分内容。

• 第三章：颜色与对比度

  • 3.1 颜色原理

    • 色轮：了解基础的颜色关系和搭配。

    • 色彩心理学：考虑色彩对人情绪的影响。

  • 3.2 创建配色方案

    • 单色配色：同一种颜色的不同明暗变化。

    • 类比色配色：邻近色相的颜色搭配。

    • 互补色配色：相反色相的颜色搭配增加视觉冲击力。

  • 3.3 对比度和可读性

    • 确保足够对比：文字和背景之间应有明确的对比度。

    • 避免色彩过载：过多的颜色会分散注意力。

• 第四章：网格与布局

  • 4.1 网格的作用

    • 结构：网格提供了一种有序的方式来安排设计和内容。

    • 灵活性：网格允许创造性的布局同时保持一致性。

  • 4.2 构建网格系统

    • 列和行：确定网格的基本构建块。

    • 模块和间距：创建模块来容纳内容和足够的空白以增强可读性。

  • 4.3 打破规则

    • 有意识的创新：在理解设计原则的基础上进行创新。

    • 视觉兴趣：适当的破格可以吸引注意力和增强视觉吸引力。