新粗野主义 Neo-Brutalism
当产品需要把公告、申请或活动信息直接交给用户时,新粗野主义用强对比、硬边框和不对称结构建立清楚的行动路径。
设计风格约 8 分钟 · 从真实需求理解
1把重要的事说得更直接
This week's priorities are ready. See the facts, then start the work.READ THE RULES ↗
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 PROGRESSCONFIRM PAGE STRUCTUREPut the information relationship in plain sight
DONEADD THE NEXT ACTIONMake the next step impossible to miss
IN PROGRESSCHECK NARROW READINGKeep the title and action visible
NEXT新粗野主义把页面的结构、边界和行动入口直接摆在用户面前。它可以粗粝、强烈甚至故意不对称,但每个硬边界都应该帮助用户理解关系,而不是把内容藏进装饰。
- 用纸面、实色和硬边框建立结构,不用渐变、玻璃或柔和阴影包住所有内容。
- 让标题、状态和主要动作拥有清楚的视觉优先级,强对比服务阅读。
- 用少量偏移块、贴纸或错位强调记忆点,不让每个元素都变成独立卡片。
2设计原则
新粗野主义容易被误解成把页面加粗、加黑框、加几块亮色。真正的重点是让结构和行动关系直接可见,同时保留对比度、顺序和可读性。
- 它和纯粗野主义的差异在于,更关注产品页面中的信息层级和行动反馈。
- 它和普通高对比界面的差异在于,纸面材质、错位结构和硬边界共同构成识别性。
- 它和随机装饰的差异在于,每个色块和边界都要解释内容关系。
3典型使用场景
- 社区公告板
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.
- 服务申请页
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.
SUBMIT REQUESTYESTERDAY · MATERIAL RECEIVED
COMPLETETEAM REVIEWDUE TODAY BY 17:00
IN PROGRESSCONFIRM SERVICE TIMECHOOSE AFTER APPROVAL
TODO- 独立展览票务
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
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 下完整可读;不要套浏览器窗口壳,不要用通用背景包住所有内容,不要把每个元素都做成卡片,也不要用黑框和彩色装饰替代真实任务信息。
社区延伸
看别人真实遇到过什么
社区帖子还没有关联到这个词条。