写给大家看的设计书核心要点解析
演讲人：
日期:
CATALOGUE
目录
01
设计四大基本原则
02
色彩搭配基础
03
字体选择与排版
04
视觉平衡技巧
05
设计心理学应用
06
实战案例分析
01
设计四大基本原则
对比原理与应用场景
6px
6px
6px
通过对比大小、颜色、形状等，使重要元素更加明显。
强调重点
利用对比提高文字、图片等元素的可识别度和易读性。
增强可读性
通过对比吸引用户注意力，引导用户视线流动。
创造视觉焦点
01
03
02
通过对比营造特定的情感氛围，增强用户体验。
营造氛围
04
重复性元素统一技巧
保持一致性
简化设计
强化品牌形象
遵循用户习惯
在设计中保持统一的字体、颜色、布局等，增强整体感。
通过重复元素减少设计复杂度，提高视觉效果。
统一的设计有助于塑造品牌形象，提高用户认知度。
遵循用户的使用习惯，通过重复元素让用户更加熟悉和舒适。
通过对齐使页面更加整洁、有序，提高用户浏览体验。
利用对齐方式引导用户视线流动，增强视觉冲击力。
通过对齐营造出层次感，使信息更加清晰、有条理。
对齐方式也是设计风格的体现，可以传达出严谨、活泼等不同的设计风格。
对齐方式的视觉强化
提升整洁度
引导用户视线
突出层次感
传达设计风格
02
色彩搭配基础
色轮理论与配色方案
01
色轮概念
色轮是基于颜色之间的关系而建立的一种视觉工具，用于指导颜色组合和搭配。
02
配色方案
基于色轮，可以延伸出多种配色方案，如类比色、互补色、分裂互补色等，每种方案都有不同的视觉效果和情感体验。
色彩对比度控制方法
色彩对比度是指两种颜色在亮度和色相上的差异程度，对于信息的层次结构和可读性至关重要。
对比度定义
通过调整颜色的亮度、饱和度和色相，可以有效控制对比度，使设计作品更加和谐、易于阅读。
对比度控制技巧
01
02
色彩情感传达逻辑
不同颜色在不同文化和背景下具有不同的情感象征，如红色代表热情、蓝色代表冷静等。
色彩情感
在设计中，利用色彩的情感属性来传达特定的信息和情感，可以增强作品的感染力和共鸣度。
色彩传达逻辑
03
字体选择与排版
衬线体与无衬线体区分
衬线体有粗细不同的笔画，线条在末端有装饰性的衬线，适合用于正文排版，给人以古典、优雅的感觉。
衬线体特点
无衬线体的笔画粗细一致，线条简洁，适合用于标题、标志等需要突出视觉效果的场景，给人以现代、简洁的感觉。
无衬线体特点
文字层级构建策略
01
层级划分
通过字号、字重、颜色等方式将文字划分为不同的层级，以体现信息的层次结构和逻辑关系。
02
层级关系
一般情况下，标题层级较高，使用较大字号和粗体字；正文层级较低，使用较小字号和常规字体。
行间距与字间距控制
行间距
行间距过密会显得拥挤，过疏则会显得松散，合理的行间距可以提高文本的可读性和舒适度。通常采用1.5倍行距或更大。
01
字间距
字间距过密会影响阅读，过疏则会显得松散，应根据字体类型和字号大小进行合理调整，确保文字之间的视觉连贯性。
02
04
视觉平衡技巧
留白空间设计策略
留白可以用于突出重要元素、增加视觉层次感和创造视觉流动。
留白的作用
通过调整元素之间的距离、使用空白页或空白区域、选择简洁的背景等方式来实现留白。
留白的技巧
过度留白会显得设计单调、空洞，过少的留白则会让设计显得拥挤、混乱。
留白的误区
图形与文本比例协调
图形可以吸引注意力、增强视觉效果，文本则传达具体信息。
图形与文本的关系
比例协调的技巧
常见的比例问题
根据设计主题和目标受众，合理安排图形与文本的大小、位置、颜色等比例关系。
图形过大或过小、文本过多或过少，都会影响设计的整体平衡感。
网格系统应用规范
网格系统的作用
网格系统可以帮助设计师在页面中组织元素、保持整体一致性。
01
网格系统的设置
确定网格的基准线、间距、栏宽等参数，将页面划分为若干个规则的网格单元。
02
网格系统的应用
将设计元素放入网格中，保持元素之间的对齐、重复和比例关系，从而营造出整体的美感。
03
05
设计心理学应用
格式塔原理实例解析
简洁性法则
闭合性法则
完整性法则
在设计中，通过减少元素数量和简化复杂性，可以提高用户的理解和使用效率。例如，将多个功能合并为一个按钮，或使用简单的图标来表示复杂的操作。
人们倾向于将不完整的图形视为完整的图形。在设计中，可以利用这一原理来吸引用户的注意力，例如通过隐藏部分信息来激发用户的好奇心。
人们更容易识别封闭的图形，而不是开放的图形。在界面设计中，可以使用闭合的形状来包裹信息，以强调信息的重要性。
利用视觉引导
通过色彩、形状、运动等元素来吸引用户的注意力，从而引导用户的视线流动。例如，可以使用明亮的颜色来吸引用户的注意力，或者使用箭头等形状来指示方向。
视线流动引导技巧