作品集排版技巧：让设计更有呼吸感

做作品集时，很多人只顾着把项目塞满页面，结果看起来像杂货铺。其实排版的核心不是堆内容，而是引导视线。比如你拍了一组街拍照，全铺开反而看不出重点，留白才是关键。

留白不是浪费空间

很多设计师怕空白显得单薄，拼命加边框、背景纹路。但你看杂志封面，主体图像周围大片空白，反而让人一眼抓住重点。网页端作品集也一样，段落之间多留点间距，用CSS控制行高和外边距：

.project-item {
  margin-bottom: 40px;
  line-height: 1.6;
}

.text-content {
  padding: 0 20px;
}

字体别超过两种

有人想突出个性，标题用艺术字，正文用手写体，说明文字再换一种等宽字体。结果页面像字体展览。建议正文字体选系统自带的苹方、思源黑体这类易读的，标题可搭配一种有风格的字体，比如站酷酷黑或鸿蒙字体，统一才有专业感。

图片对齐要一致

项目截图大小不一，直接并列会很乱。可以用容器固定尺寸，超出部分隐藏。用flex布局能让多图自动对齐：

.gallery {
  display: flex;
  gap: 16px;
  overflow-x: auto;
}

.gallery img {
  min-width: 300px;
  height: 200px;
  object-fit: cover;
}

手机端滑动查看，桌面端自动换行，适配起来也省事。

色彩克制一点

有人喜欢用高饱和色块区分板块，整页看下来像霓虹灯。其实主色调控制在两个以内就够了，比如深灰+浅蓝，或者黑白+一个品牌色。背景尽量用浅灰替代纯白，屏幕长时间观看更舒服。

排版本质是信息分层。你要让别人三秒内明白哪个是项目名称、哪段是描述、哪里能点进详情。层级清晰了，哪怕不用特效，也能让人愿意往下看。