SPT术语库

新粗野主义 Neo-Brutalism

当产品需要把公告、申请或活动信息直接交给用户时,新粗野主义用强对比、硬边框和不对称结构建立清楚的行动路径。

设计风格约 8 分钟 · 从真实需求理解

1把重要的事说得更直接

DIRECT ACTION BOARDPROJECT / 07
This week's priorities are ready. See the facts, then start the work.READ THE RULES ↗
SAY IT · DO IT

Put the important thing in plain sight.

Use hard boundaries, high contrast, and one clear next step so the page never hides behind decoration.

OPEN THIS WEEK'S TASKSREAD THE RULES ↗
TODO03OWNER02DUEFRI
CURRENT PROGRESS72%
IN PROGRESS
01
CONFIRM PAGE STRUCTUREPut the information relationship in plain sight
DONE
02
ADD THE NEXT ACTIONMake the next step impossible to miss
IN PROGRESS
03
CHECK NARROW READINGKeep the title and action visible
NEXT
EDGES CLEAR · INFO DIRECT · ACTION VISIBLE
STRUCTURE VISIBLE · INFO DIRECT · ACTION CLEAR03 / 07

新粗野主义把页面的结构、边界和行动入口直接摆在用户面前。它可以粗粝、强烈甚至故意不对称,但每个硬边界都应该帮助用户理解关系,而不是把内容藏进装饰。

  • 用纸面、实色和硬边框建立结构,不用渐变、玻璃或柔和阴影包住所有内容。
  • 让标题、状态和主要动作拥有清楚的视觉优先级,强对比服务阅读。
  • 用少量偏移块、贴纸或错位强调记忆点,不让每个元素都变成独立卡片。

2设计原则

新粗野主义容易被误解成把页面加粗、加黑框、加几块亮色。真正的重点是让结构和行动关系直接可见,同时保留对比度、顺序和可读性。

  • 它和纯粗野主义的差异在于,更关注产品页面中的信息层级和行动反馈。
  • 它和普通高对比界面的差异在于,纸面材质、错位结构和硬边界共同构成识别性。
  • 它和随机装饰的差异在于,每个色块和边界都要解释内容关系。

3典型使用场景

  • 社区公告板
COMMUNITY NOTICE BOARDNOTICE / 07
THIS WEEK'S FOCUS · SEE IT DIRECTLY

Everything this week needs is posted here.

Keep notices, dates, and owners on one board that can be read without hunting.

VIEW ALL NOTICESCONTACT THE OWNER ↗
See it clearly, then start moving.
NEEDS REVIEW03 ITEMS
TODAYCOMMUNITY CLEANUPSAT 09:00 · SOUTH GATEMEET
WEDNEIGHBOR MEETINGCOMMUNITY ROOM · 19:30JOIN
FRISWAP DAYPLAZA · 16:00OPEN
  • 服务申请页
SERVICE DESKSERVICE / 12
REQUEST STATUS · IN PROGRESS

Your request is moving forward.

Show the current stage, owner, and next material on one status page with no hidden steps.

ADD MATERIALOPEN HELP ↗
Every step should reveal the next one.
CURRENT STAGE2 / 3
DONE
SUBMIT REQUESTYESTERDAY · MATERIAL RECEIVED
COMPLETE
NOW
TEAM REVIEWDUE TODAY BY 17:00
IN PROGRESS
NEXT
CONFIRM SERVICE TIMECHOOSE AFTER APPROVAL
TODO
  • 独立展览票务
CITY GALLERYSPRING SHOW / 26
ENTRY PASS · SAVE THIS

Go see something different today.

Show date, ticket type, and entry details like a paper ticket you can use immediately.

OPEN ENTRY PASSGET DIRECTIONS ↗
Make the memory strong; never leave out the information.
A-026
TICKET NO.SPRING SHOW / 26
DATEAPR 26 · SATOPEN 10:00—18:00CONFIRMED
TICKETGENERAL ADMISSIONONE PERSON · ONE ENTRY$68
ENTRYEAST GATEMETRO LINE 2 · 6-MIN WALKMAP

新粗野主义可以进入公告、服务申请和活动票务等不同页面。下面三张样张共享硬边界和直接层级,但分别围绕不同任务组织信息。

  • 社区公告板:让本周通知、日期和负责人一眼可见。
  • 服务申请页:把申请阶段、负责人和下一步动作放在主结构里。
  • 独立展览票务:用纸面票据的关系组织日期、票种和入场信息。

4怎样把新粗野主义需求交给 Agent?

请制作一张新粗野主义风格的完整中文页面:先确定一个真实任务,例如公告、服务申请或活动票务,再用纸面、实色、硬边框、方正结构和少量无模糊偏移块建立直接的信息层级。标题、状态、日期、票价、负责人和主要动作必须在 720px、390px 和 320px 下完整可读;不要套浏览器窗口壳,不要用通用背景包住所有内容,不要把每个元素都做成卡片,也不要用黑框和彩色装饰替代真实任务信息。

社区延伸

看别人真实遇到过什么

社区帖子还没有关联到这个词条。