# 设计工作室首页设计：大字与小图的尺度差

原网页：https://www.jvds.cn/share/ui-design/studio-namma-type-and-work-u052
语言：zh-CN
发布：2026-10-14
作者：界达设计工作室（JVDS）

Studio Namma的设计工作室首页设计，把粗黑宣言放在浅灰框中央，只在右上角留一块彩色作品预览。文字很大，图像很小，黑白背景又把颜色收住。这种尺度差让页面容易被记住，也给作品和介绍留下不同的阅读节奏。

## 核心结论

- 中心宣言与角落彩色预览形成强烈尺度差，身份和作品线索都能出现。
- 介绍页把超大品牌字与窄正文分开，态度之后还有可阅读的能力说明。
- 页尾作品小图、联系信息和角色名单各有位置，适合继续完善项目索引。

## 浅灰框里的宣言先抓住视线

首屏的浅灰框有很细的白色边缘，外面是带颗粒感的黑白人物照片。内部没有复杂纹理，三行粗黑文字因此格外醒目。外框与背景形成两个层次，网页像一张放在人像上的独立卡片。

右上角的彩色小图集合与中央文字并不争面积。蓝、粉和黑色作品片段像一小扇窗口，告诉人这页后面还有具体内容。对于设计工作室网站，这个细节比只放一句宣言更有方向。

Menu、Dark Mode和Let’s Talk沿顶部边缘分散排列，底部也有短文字。它们留住了中央空白，但字号很小。界达设计会建议让目录与联系保持清楚的可用位置，尤其在窄屏重排时，把[关键入口](https://www.jvds.cn/share/ui-design/responsive-ui-design-method)先安排好，再保留这种克制气氛。

![Studio Namma首页：黑白人物背景上的浅灰框、三行粗黑宣言、右上彩色作品小图和顶部细字入口](https://www.jvds.cn/upload/2026/1008/d187-tp/u052-i1.webp)

首页中央与右角｜大字建立中心，彩色小图提供作品线索。

## 介绍页让字号真正分成三层

黑底介绍页顶部是很大的NAMMA，下面大部分左侧空间留白。正文收在右侧，About Us与Art Direction小标签又排在文字左边。品牌字、栏目名和正文的尺度不同，读者不会把一段能力说明误当另一句口号。

正文行宽比较稳定，两个主题之间有明显间隔。细等宽标签与普通正文形成风格差别，也帮助查找。页面可以很大胆，读具体内容时仍回到熟悉的段落，这种组合适合品牌与创意机构介绍。

图中介绍文字提到视觉身份、数字体验和技术实现，这些只是页面说明。进一步整理时，可以让每类能力对应作品与负责范围；技术名词和动效描述最好由实际演示补充，单凭静态截图不能判断实现质量。

![黑底NAMMA介绍页：顶部巨大白色品牌字，右侧About Us和Art Direction窄正文，下方贡献角色](https://www.jvds.cn/upload/2026/1008/d187-tp/u052-i2.webp)

介绍页右侧｜栏目标签与段落各有尺度，正文保持稳定行宽。

## 页尾像一条横向作品目录

六张小图在页尾上方等距排列，有网站、图像拼贴和深色品牌画面。外框背景相同，作品颜色却不同；读者能在一行里看到视觉范围，而不需要再穿过一整组大海报。

下一行把版权、联系和贡献者分成几组，最后用巨大NAMMA收尾。末端的大字呼应介绍页，品牌印象很统一。联系文字没有嵌进大字内部，因此仍然可以单独找到。

作品小图若增加项目名称与类型，会更适合选择。缩略图能表达风格，文字能说明主题；进入档案后再交代[任务与交付范围](https://www.jvds.cn/share/ui-design/how-to-write-ui-design-case-study)。这样的补充不会破坏黑白页面，反而让“想看哪一个”成为更清楚的下一步。

![Namma页尾：六张彩色作品缩略图、分列联系与角色文字，下方巨大白色NAMMA](https://www.jvds.cn/upload/2026/1008/d187-tp/u052-i3.webp)

页尾上方｜等距小图形成视觉索引，联系与角色资料独立成组。

## 常见问题

### 工作室首页只放一句大宣言够吗？

宣言能表达态度，还需要可发现的作品和服务入口。Namma用彩色小图给作品线索，借鉴时可以补项目名称，帮助读者判断相关性。

### 极简页面的文字要一律很小吗？

不需要。可以让身份文字很大、正文保持可读、导航清楚，三个尺度各有任务。入口过小会让第一次访问的人难以发现。

## 设计检查清单

- 在首屏找一次作品目录和联系入口。
- 把服务文字与相应作品配成可查看关系。
- 给页尾每张缩略图补可读名称和类型。

## 品牌网站也想用大字与作品表达态度？

可以从品牌信息、作品素材和合作方最想了解的内容入手，安排首页尺度与项目档案。界达设计工作室（JVDS）提供UI/UX设计与网站设计、开发服务，欢迎讨论你的网站方向。

界达设计工作室（JVDS）提供UI/UX设计与网站设计、开发服务，可以一起梳理界面、内容和开发需求。

[联系界达设计，聊聊你的项目](https://www.jvds.cn/contact)