用极简商务风格与极致留白,为设计工作室打造能拿奖的线上作品集,30 天交付上线。
简约不等于简单,每一处留白背后都有克制与判断。
用大面积留白替代装饰元素,让作品本身成为视觉焦点,气质自然舒展。
字号、字距、行高均按 8px 网格系统精修,每一个像素都对齐到位。
每个模块只保留一个视觉焦点,让用户视线自然流动,避免信息干扰。
客户是一家以品牌视觉与空间设计见长的工作室,作品风格干净、克制、富有质感。原有官网沿用了通用作品集模板,视觉气质与作品本身严重不匹配,导致很多优秀作品被淹没在密集的网格中,客户难以通过官网建立专业品牌印象。
工作室希望新官网本身就是一个会"说话"的设计作品:极简、克制、留白充足,让作品成为唯一焦点,整体气质要能拿得出手、能进得了行业评奖。
尧图选择"极简商务"作为官网的设计语言。整站采用米白底 + 墨黑文字 + 单一原木橙作为点缀色,建立强烈的克制感与高级感;版式采用 12 栅格 + 8px 基线网格,所有间距、字号、行高均按网格对齐;动效层面仅保留极克制的滚动渐入与悬停过渡,避免任何喧宾夺主的动效。
作品展示采用全屏沉浸式滚动画廊,每件作品独占一屏,搭配极简标题与年份信息,让浏览过程像翻阅一本设计画册;导航采用极简顶栏 + 章节锚点,弱化装饰,强化内容流。
项目周期 30 天,分视觉系统、页面设计、前端开发、精修打磨、上线验收五个阶段。视觉系统阶段定义了色彩、字体、间距、动效四套规范;页面设计阶段输出 8 个核心页面高保真稿;前端开发采用原生 CSS Grid + 自定义组件,无任何 UI 框架,确保代码本身也极简干净;精修阶段专门用 3 天做像素级间距与对齐校准。
官网上线后,工作室作品在行业媒体被频繁转载,并凭借该官网的视觉表现获得年度"最佳设计工作室官网"提名奖。新官网平均停留时长较原官网提升 3.2 倍,作品页跳出率从 58% 降至 24%,工作室通过官网获取的高质量合作意向较上线前提升 4 倍。
三个版本,从能用、到好看、到拿奖。
沿用经典网格作品集布局,视觉与原官网差异不大,被客户否决。
采用全屏沉浸式滚动画廊,气质对了但节奏感不足,作品间缺少呼吸。
在 V2 基础上引入 8px 基线网格与极致留白,作品节奏与气质达到拿奖水准。
行业年度官网评选
国际网站设计奖项
多家设计媒体收录
"尧图用最克制的视觉语言,把我们的作品衬托到了最该有的位置。整个合作过程像在和一个有审美的同行对话,他们懂留白、懂节奏,更懂'少即是多'背后的判断力。"
M 女士 · 创意总监
某品牌视觉设计工作室
同类型品牌官网与视觉升级项目。