Boldstorming 跨媒介个人视觉识别系统

Boldstorming 的设计产出逻辑

我需要一份求职用的纸质简历，以及一个完全响应式的数字作品集，以便随时随地向招聘官和同行展示我的设计成果。

为了让这套视觉识别系统显得鲜明而独特，其核心挑战在于：

• 最大化信息的可读性，以支持招聘官和学术评审人员的快速扫视；
• 利用现代前端布局方案，设计完全自适应的动态响应式作品集网页；
• 在实体印刷介质与数字屏幕视口之间，统一平面设计系统的视觉规范与美学风格。

跨平台视觉识别

为了解决这些挑战，我设计了一套统一的跨平台识别系统，它在纸媒印刷和屏幕视口上保持高度一致的视觉质感。

排版字体系统、调色板及纸媒排版布局

网格结构设计与数字界面交互模式

印前色彩与“灰色噪点”问题

当使用标准的四色 CMYK 胶印印刷细线和文本元素时，若仅仅依赖黑色（K）单色墨水，有时会导致边缘显得虚浮、有点阵感或模糊。为了防止这种“灰色噪点”并获得深邃、锐利饱满的黑色，我仔细调整了印前颜色配置文件，在纯黑数值中混入了微妙比例的青色（C）。

基于 Bootstrap 与 Sass 的响应式网格翻译

我没有为每个可能的视口设计静态布局，而是在 Adobe XD 中构建了一个交互式原型，并使用定制的 Bootstrap 网格对其进行翻译。我将默认的 12 列布局缩减为 3 列，以契合纸质简历那种充满社论感、网格严密对齐的排版格调。

利用 Sass 让我的样式代码保持干净、模块化和高度可维护性，这归功于嵌套规则、变量和实用 mixins 的灵活运用。