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

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

核心结论

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

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

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

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

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

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

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

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

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

页尾像一条横向作品目录

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

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

作品小图若增加项目名称与类型，会更适合选择。缩略图能表达风格，文字能说明主题；进入档案后再交代任务与交付范围。这样的补充不会破坏黑白页面，反而让“想看哪一个”成为更清楚的下一步。

常见问题

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

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

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

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

设计检查清单

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