学平面设计基础

平面设计早已不是设计公司专属的"小众技能"。它是创业者、市场人和开发者需要掌握的核心能力——毕竟大家都得用视觉去沟通。可工具和海量教程太多，反而容易让你还没开工就陷入瘫痪。这篇文章去掉噪音，只聚焦最本质的原理、匹配你预算的软件，以及让你从空白画布走到成品素材的实操流程。

1. 不能妥协的设计五原则

打开任何软件之前，你脑子里得先有一张检查清单。设计不是装饰，是解决问题。如果只背五条规则，就背这几条。第一，对比是营造层级感的主要工具。如果所有元素大小重量都一样，那就什么都重要、什么都没重心。用粗体配浅色背景，或大标题配小号正文，来引导观者的视线。第二，重复建立一致性——你的按钮在这边是蓝色圆角，那边就也必须是蓝色圆角。第三，对齐——任何元素都不能随意摆放，每个都要和另一个元素有视觉连接，形成干净、结构化的网格。第四，就近——相关的东西放一起，说明文字离图太远就变成独立元素了。最后，留白不是浪费空间，而是呼吸感，能提升理解度和"看起来值钱"的感受。

动笔前问自己：我想让观看者做的那一个动作是什么？如果答案是"读这段文字"，那字体和留白就比图形更重要；如果答案是"买这个产品"，对比和色彩心理就优先。这个决策框架，正是区分"设计师"和"软件操作员"的地方。它也类似批判性思维里的做法——先评估证据，再对布局做判断。

2. 位图 vs 矢量：选对你的主战场

新手最容易犯的错，就是拿错文件类型。第一，位图（Photoshop、GIMP）由像素构成，适合照片处理和各种复杂材质，但放大超过原始分辨率就会失真。第二，矢量图（Illustrator、Affinity Designer）由数学路径构成，可无限缩放——最适合 Logo、图标和文字，文件更小、排版更容易。

你要处理团队照片？用位图。要设计一个要印在名片和广告牌上的 Logo？用矢量。很多新手想在 PS 里画 Logo，结果打印出来糊成一团。流程也不是"要么/要么"——你常先拿矢量做版式，再导出位图用于网页。早明白这个区别，能省下好几小时的返工。这种"先规划再动手"的习惯，也能帮你在绘画基础入门这类长期技能上少走弯路。

3. 工具对比：免费 vs 付费 vs 行业标准

软件格局已经天翻地覆。你再也不必为了入门掏大几千买 Adobe 全家桶。下面是 2026 年你真正会用到的工具对比，按你的具体起点来选，而不是比"谁最强"。

价格以撰写时为准，请以官网为准。

给新手的建议？在乎网页和社交图，从 Figma 起步；在乎 Logo 和印刷，从 Affinity Designer 起步；除非有明确的工作需求或客户要求，否则先别碰 Adobe。工具只是车，你的眼睛才是发动机。

4. 字体：不做业余感的关键

字体占平面设计的九成。你可以图很差、字很好，照样看起来专业；反过来，再惊艳的图配个花哨字体，也像地摊传单。第一条规矩：每个项目字体家族不超过两类——一类做标题（display），一类做正文。别混两种相似的无衬线或衬线，那对比就没了。

学会调字距（字母间间距）和行距（行与行间距）。标题收紧字距更显利落统一，正文加大行距更好扫读。小贴士：永远别用软件默认字号。做网页，正文至少 16px；做印刷，10-12pt 可接受。另外，避免纯黑（#000000）配白底——刺眼。用 #1A1A1A 这种深灰更细腻，还减轻眼睛疲劳。

不知道怎么搭配字体？去翻真实案例。打开一个你欣赏的网站，看它的字体栈。你常会发现"几何无衬线（如 Montserrat）+ 人文无衬线（如 Open Sans）"的组合。这不是巧合，而是对比与可读性的刻意搭配。

5. 色彩理论与 60-30-10 法则

色彩是设计里最情绪化、也最主观的部分。新手总挑"我喜欢的"颜色，而不是"管用的"颜色。界面和印刷版式从60-30-10 法则开始：60% 是占主导的中性色（白、米、深灰），30% 是次要色（支撑主色的近似色调），10% 是强调色——也就是你的行动号召、按钮、高亮链接。强调色放太大，就失去了冲击力。

别光靠肉眼挑色板。用 Coolors 或 Adobe Color 这类工具，按色彩和谐规则（互补、邻近、三角）生成色板。新手我推荐从单色系起步（一个色相、多档明度）加一个对比强调色，几乎不可能翻车，还显得高级有品位。

还要记住媒介。屏幕（RGB）和印刷（CMYK）的色彩表现不同：显示器上鲜艳的绿，用激光打印机印出来就发灰。做印刷就在收尾前把色彩模式转成 CMYK，别等印完才发现要重印，那才叫贵。

6. 版式与网格：看不见的骨架

别手抖着随意排版。每个专业设计都用网格——无论是网站的 12 栏栅格，还是海报的 3x3 网格。网格带来秩序，让元素对齐一致。Figma 或 Affinity 里打开版式网格功能，网页边距至少设 24px，文字层用基线网格，这样各栏的行文能对齐。

放元素时遵循Z 形（针对从左到右阅读）：视线从左上进入、横向移到右上，再斜下到左下，最后从右下离开。把 Logo 放左上（视线进入处），行动号召放下右（视线离开处）。若有居中大图，就用F 形——常用于文字密集页面，用户左右扫读，再下移重复扫。

新手常见错误是填满每处空白。忍住。有大块留白就让它呼吸，那会形成焦点。如果你老想填空间，多半是层级出了问题——主元素不够大。把主视觉图放大，或把标题字号调大；别加更多杂物，而是放大你已有的东西。

7. 实操流程：从白纸到导出

别再刷教程，动手吧。但要有流程。下面三步防止"设计师卡壳"。第 1 步：灵感板。开软件前，花 15 分钟去站酷、花瓣、甚至搜索引擎，存 3-5 个和你想要风格相近的作品——不是抄袭，而是看它们的色彩和留白规律。第 2 步：线框稿。在设计工具里做一张黑白版式，图用灰块、文字用线条，先不上色不用真字体，只盯位置和层级，这是迭代版式最快的办法。第 3 步：定风格打磨。版式对了，再套色板和字体。然后缩到 50% 眯眼看，构图还立得住吗？糊成一团灰，就是缺对比。

最后，学好导出。网页：带透明的图用 PNG，照片用 JPG（质量 80% 通常够），图标用 SVG。印刷：发给印厂前导成带出血线的 PDF。命名也要规范，用 header_v2_final_2024.png 而不是 final_final_v3.png 这种。这种文件纪律，和快速上手 Google Sheets里讲的"为效率优化输入与输出"是一回事——都是在提升你的工作流畅度。

常见问题

做平面设计需要会画画吗？

不需要。画画对插画有帮助，但平面设计讲的是构图、字体和版式。很多成功的设计师画不出一张写实肖像。你可以用图库素材、图标和排版搭建专业视觉。会画画是加分项，不是入场券。

完全不花钱能做设计吗？

能。Figma 免费档够做网页图，Photopea 在浏览器里免费用、还能直接打开 PSD 文件，稿定设计有不少免费模板。想更专业就买 Affinity 一次买断，比 Adobe 订阅划算得多。

该先学一个软件还是先学原理？

先学原理再碰软件。对比、对齐、留白、色彩这些是通用的，换任何软件都适用；而软件只是工具，随时可换。先把"为什么这样排"想明白，再练"怎么用手指点出来"。

设计成品该用什么软件导出？

看用途。网页图用 PNG（透明）或 JPG（照片）；图标用 SVG；印刷品导 PDF 且带出血线。千万别拿一个含文字的 JPG 就去印刷，文字会糊。

怎么快速提升设计感？

多看多拆解。去站酷、花瓣存下你欣赏的作品，分析它的色彩、留白、字体搭配"为什么好看"；再拿自己的作品对比找差距。想系统建立创作习惯，配合刚讲过的 组块学习法把练习拆成小步，进步会更快。

设计路上想进步更快，可以一边练一边借鉴其他中文新手教程：快速上手PS 快速入门、搭配在线快速修图和AI 做 PPT的技巧，让素材生产更顺手。