包豪斯 Bauhaus
当页面需要把展览、产品、建筑或工坊信息整理成清楚的视觉系统时,包豪斯用几何形体、强对比和可复用的结构建立秩序。
1让形式说明功能
Let structure speak first.
Use basic shapes, limited color, and clear numbering to place objects, materials, and the next action on one grid.
Color points the way; form explains the object.
包豪斯把页面当成一套可以被理解、制作和继续使用的视觉系统:几何形体建立骨架,黑白底保持清楚,红黄蓝负责强调,标题、编号、材料和动作说明对象与功能。它可以醒目,但每一个形体都要有位置和用途。
- 先用网格和基础形体建立关系,再决定颜色和装饰,不让几何图形抢走功能信息。
- 用编号、尺寸、材料、路线和状态让页面具备可查找、可继续操作的结构。
- 在 720px、390px 和 320px 下优先保留标题、几何主体、功能说明和主要入口,窄屏收拢装饰而不是压缩文字。
2设计原则
包豪斯容易被误解成红黄蓝几何装饰,或只是一套粗体无衬线字体。真正的重点是把形式、材料和功能放进一套清楚的系统:用户能看懂对象是什么、为什么这样排列,以及下一步要做什么。
- 它和装饰性几何海报不同,圆、方、三角和色块必须承担对象、方向或层级功能。
- 它和普通卡片网格不同,网格服务于尺寸、路线、编号和功能关系,不是把所有内容平均切块。
- 它和极简黑白页面不同,少量高纯度颜色可以承担识别与行动,但不能替代文字说明。
3典型使用场景
- 校园导览图
Find direction before the visit begins.
Color marks zones, numbers mark levels, and the route connects entry, workshop, and gallery in one reusable map.
Color is not a backdrop; it gets you to the next stop.
- 产品设计档案
Every object has a clear reason.
Place form, material, scale, and use on one page so the catalog can grow without breaking its reading order.
Good form does not hide the use.
- 展览海报与活动页
Turn an exhibition into a hands-on study.
Let the visual make the memory; time, place, and registration follow without asking for a second read.
Impact belongs to the poster; action needs a place.
Let the visual make the memory; time, place, and registration follow without asking for a second read.
包豪斯可以进入校园导览、产品设计档案和展览活动页等不同内容任务。下面三张样张共享几何语法、编号和强对比,但分别围绕找路、理解产品和参加活动组织页面。
- 校园导览图:让颜色、分区和路线承担方向功能。
- 产品设计档案:让对象、尺寸、材料和用途沿统一网格排列。
- 展览海报与活动页:让几何主视觉服务日期、地点和参加入口。
4怎样把包豪斯需求交给 Agent?
请制作一张包豪斯风格的完整中文页面:先确定内容任务,例如校园导览图、产品设计档案或展览海报与活动页,再用基础几何、黑白底、少量红黄蓝、清楚网格、编号、材料/尺寸说明和主要动作建立功能秩序。几何形体必须说明对象、方向或层级,不要把红黄蓝当作通用背景;不要套浏览器窗口壳,不要把内容做成等宽卡片墙。请在 720px、390px 和 320px 下检查标题、编号、说明、日期和主要入口完整可读。
社区延伸
看别人真实遇到过什么
社区帖子还没有关联到这个词条。