What is Notan Light-Dark?什么是 Notan Light-Dark？
Notan Light-Dark reduces the interface to its oldest visual argument: light and dark must hold each other in balance.浓淡将界面还原为最古老的视觉命题：光与暗必须彼此抗衡，才能成立。
Notan Light-Dark in briefNotan Light-Dark 速览
Notan is the Japanese discipline of light-dark balance: masses of black and white arranged with no middle tone to soften their relationship. A notan study is not simply a high-contrast picture. It is an exercise in equal force, where every white form gains meaning from the black around it and every dark area is treated as active visual material rather than empty background.浓淡是一门关于明暗平衡的日本设计训练：纯黑与纯白的块面彼此组织，中间不以灰调缓冲。它并不只是高对比图像，而是一种力量均等的练习。每一块白形都因周围的黑而获得意义，每一片黑也都不是空白背景，而是主动参与构图的材料。
In sumi ink practice on washi, the composition is fundamentally reversible. Positive and negative can exchange roles like yin and yang without one becoming secondary. This makes notan unusually demanding: a form cannot rely on shading, texture, or color to explain itself. Its silhouette, placement, and interval must do all the work.在和纸与墨的实践中，浓淡构图本质上可以翻转。正形与负形像阴阳一样互换位置，谁都不能沦为陪衬。这使它格外严苛：形状不能依靠明暗过渡、材质细节或色彩来解释自己，轮廓、位置与间隔必须承担全部表达。
Notan Light-Dark translates that discipline into an interface language. The honest ground is a carbon-black field, with flat white components appearing as if cut from it. Edges may carry a dry-brush irregularity, but the system remains uncompromisingly binary: no color, no gray, no gradients, only the patient negotiation of light against dark.浓淡明暗将这种训练转化为界面语言。真实的底不是默认白页，而是碳黑场域；白色组件仿佛从其中剪出，保持扁平的块面感，边缘偶尔留有干笔飞白。系统依旧彻底二值：没有色彩，没有灰度，没有渐变，只有光与暗之间耐心而清醒的制衡。
See the Notan Light-Dark design system查看 Notan Light-Dark 完整设计系统
Where does Notan Light-Dark come from?Notan Light-Dark 从何而来？
Notan is rooted in older Japanese ink practice, where the relation between ink and unpainted paper can be more important than descriptive detail. The name itself means light-dark. Rather than treating darkness as a shadow added after an object is drawn, notan begins with the whole field and asks how opposing masses can be made equally necessary.浓淡扎根于更早的日本水墨实践。在这种传统里，墨迹与未被涂抹的纸面之间的关系，往往比对对象的细密描摹更重要。Notan 一词意为“明暗”。它不把黑暗理解为对象画好之后附加的阴影，而是先承认整个场域，再追问相反的块面如何成为彼此不可缺少的力量。
Its natural home is sumi-e, the ink tradition associated with brush marks on washi. Here the white of the paper is not passive reserve. It can become atmosphere, opening, direction, or a counterweight to the brush. The visual lesson is direct: absence has shape, and a mark is only as strong as the space that receives it.它的自然语境是以墨与和纸为媒介的 sumi-e 水墨传统。纸白并非被动留空，而可以成为气息、开口、方向，或与笔触相抗衡的力量。这里给出的视觉教训十分明确：空缺也有形状，而任何一笔的强度都取决于承接它的空间。
Around the turn of the twentieth century, notan was codified for Western design pedagogy. Arthur Wesley Dow and Ernest Fenollosa are identified as key figures in that transmission, which brought Japanese compositional thinking into art-school theory. In this educational setting, notan became a way to teach composition before students depended on realism, modeling, or decorative finish.在二十世纪之交，浓淡被整理并传入西方设计学院的教学理论。阿瑟·卫斯理·道与欧内斯特·费诺洛萨是这一传播中的关键人物。借由他们，日本式的构图观进入艺术教育；浓淡也成为一种先于写实、明暗塑形与装饰性完成度的构图训练。
The idea subsequently aligned with early compositional design education and modernist black-and-white abstraction. Its endurance comes from its economy. By withholding every intermediate value, notan exposes whether a composition has actual structure. The discipline therefore remains useful wherever a designer needs hierarchy, figure-ground clarity, and a visual system that survives reduction.随后，这一思想与早期构成设计教育及现代主义黑白抽象相互呼应。它之所以能够延续，正因为它极其节制：拿掉所有中间值之后，构图是否真正有骨架便无处可藏。因此，在任何需要层级、正负形清晰度与高度可缩减视觉系统的场景中，浓淡仍然有效。
What defines the Notan Light-Dark look?Notan Light-Dark 的视觉特征是什么？
Binary Value二值明暗
The system permits only black and white. There is no middle tone to smooth contrast, describe volume, or rescue an uncertain edge. This restriction gives every boundary consequence: a change in silhouette changes the entire balance of the composition.系统只允许黑与白，不以中间灰调缓和反差、描摹体积，或替犹豫的边缘收场。这项限制让每一条边都具有后果：轮廓一变，整幅构图的平衡也随之改变。
Active Ground主动底形
Black is not a backdrop waiting to be decorated. It is the field from which white masses are cut. Treating the dark ground as a designed shape prevents the familiar mistake of making the white content feel like an ordinary page placed on a dark screen.黑色不是等待装饰的幕布，而是白色块面被剪出的场域。将暗底当作被设计的形状，能避免把白色内容做成普通白页、只是在深色屏幕上摆放的常见误区。
Figure-Ground Reversal正负形互换
A successful notan composition can survive reversal because figure and ground carry comparable visual weight. White may read as object and black as opening, then exchange those roles without the layout collapsing. The relationship matters more than either color alone.成熟的浓淡构图应当经得起翻转，因为正形与负形承载相近的视觉重量。白可以是对象，黑可以是开口；两者交换角色后，版面仍不应坍塌。重要的是关系，而非任何一边单独的颜色。
Cut-Paper Flatness剪纸般的平面性
Components read as solid masses, not as modeled objects under light. Panels, controls, and symbols should feel cut out and placed against the field. The resulting flatness is not a lack of depth; it is a refusal to substitute lighting illusion for compositional order.组件应被读作实心块面，而不是被光线塑造出的物体。面板、控件与符号像从底面剪下再安放其上。这样的平面性并非缺少深度，而是拒绝用光照幻觉代替构图秩序。
Dry-Brush Edge干笔边缘
The dry-brush character introduces tactile irregularity without introducing tonal complexity. An edge can feel brushed, broken, or slightly weathered while remaining decisively black against white. It gives the interface a connection to ink practice without turning it into decorative texture.干笔飞白为边缘带来触感上的不规则，却不引入明暗层次。边缘可以像笔触般断续、粗粝或略带磨损，但仍要果断地维持黑白分界。它让界面保有水墨联系，而不沦为装饰性纹理。
No Chromatic Escape不以色彩逃避
Color is deliberately absent. Alerts, emphasis, and hierarchy must be expressed through placement, area, reversal, and form. This makes the system severe but legible: when something changes, the viewer sees a structural change rather than merely receiving a colored signal.色彩被有意撤除。警示、强调与层级只能依靠位置、面积、反转与形态表达。它因此显得严肃，却也更清楚：当某物发生变化，观者看到的是结构上的变化，而不只是接收到一个彩色信号。
See the Notan Light-Dark design system查看 Notan Light-Dark 完整设计系统
Who shaped Notan Light-Dark?谁塑造了 Notan Light-Dark？
Dow is identified as a key figure in bringing notan into Western design pedagogy around the turn of the twentieth century. Within that transmission, notan became a compositional method: a way to study balance and relation before students reached for realism or ornamental finish.阿瑟·卫斯理·道是将浓淡引入西方设计教学理论的关键人物之一。在这一传播中，浓淡成为一种构图方法：学生先学习块面之间的平衡与关系，再进入写实描绘或装饰性完成。
Fenollosa is likewise named as a key figure in the transmission of Japanese notan theory into Western art-school design thinking. His importance here is not an individual style signature, but the educational bridge through which light-dark balance became a teachable design principle.欧内斯特·费诺洛萨同样被列为日本浓淡理论传入西方艺术学院设计思维的关键人物。他的重要性不在于某种个人风格标签，而在于搭建了教育上的桥梁，使明暗平衡成为可被教授的设计原则。
This is a lineage rather than a single author. Japanese sumi-e and notan theory supplied the underlying lesson: ink and unpainted ground are equal compositional participants. Modern applications inherit that lesson when they make dark space active instead of treating it as a neutral background.这是一条传统脉络，而非单一作者。日本水墨与浓淡理论提供了根本教训：墨迹与未着墨的底面都是同等重要的构图参与者。当代应用若能让暗部成为主动空间，而非中性背景，便承续了这一思想。
How do you use Notan Light-Dark today?今天怎么用 Notan Light-Dark？
For slides, use the cover as a figure-ground proposition: let one large white mass emerge from the black field, then place the title where it either completes or interrupts that mass. Content slides should preserve broad dark breathing room around concise white text blocks. Data slides work best when charts are rebuilt as opposing areas, with selected values reversed into white and surrounding structure held in black rather than decorated with extra visual categories.用于演示文稿时，封面应先成为一个正负形命题：让一块大白形从黑场中出现，再把标题放在能够完成或打断该块面的地方。内容页应在简洁的白色文字块周围保留充足暗部呼吸。数据页则适合把图表重建为相互对抗的面积关系：重点数值反转为白，其余结构留在黑中，而非不断增加新的视觉类别。
For web interfaces, Notan Light-Dark suits dashboards, analytical tools, and pricing pages that need immediate hierarchy. Establish the black field first, then make navigation, selected states, and primary actions read as white cuts within it. A dashboard benefits when summaries are grouped as distinct light masses, while secondary information recedes by occupying less area or returning to the ground.用于网页界面时，浓淡明暗适合需要立即建立层级的仪表板、分析工具与定价页面。先确立黑色场域，再让导航、选中状态与主要行动像从中切出的白形。仪表板可以把摘要归为彼此分明的亮块，而让次要信息通过更小的面积或回归底形来后退。
For editorial and marketing work, use the style to turn reading into a sequence of reveals. A headline can arrive as a white interruption in darkness; a pull quote can reverse the relationship; an image can be reduced to silhouette or a high-contrast crop. The effect is strongest when each section has a clear visual claim, not when every paragraph is boxed into identical white containers.用于编辑与营销内容时，这种风格能把阅读组织为一连串显现。标题可以成为黑暗中的白色断口，引语可以反转正负关系，图像可以化为剪影或高对比裁切。真正有力量的做法，是让每个段落都有明确的视觉论点，而不是把每一段都塞进同样的白色容器。
The common mistake is to call any dark interface with white text notan. That produces contrast, not balance. Another error is adding gray, colored status accents, glow, or soft depth as soon as the composition becomes difficult. Notan asks the designer to solve that difficulty with proportion and negative space. If an element needs tonal decoration to be understood, its underlying relationship is probably unresolved.最常见的错误，是把任何黑底白字界面都称为浓淡。那只产生对比，不产生平衡。另一种错误是在构图变难时立即补上灰度、彩色状态提示、发光效果或柔和深度。浓淡要求设计师以比例和负空间解决困难；若一个元素必须依靠明暗装饰才能被理解，说明它的基础关系还没有被解决。
See the Notan Light-Dark design system查看 Notan Light-Dark 完整设计系统
Notan Light-Dark — FAQNotan Light-Dark · 常见问题
Is Notan Light-Dark simply a monochrome dark mode?浓淡明暗只是黑白版的深色模式吗？
No. A monochrome dark mode can still treat black as background and white as ordinary content. Notan requires figure-ground balance: dark and light must both act as shaped masses, and a reversal should remain compositionally meaningful. The method is about relation, not merely contrast.不是。单色深色模式仍可能把黑当背景、把白当普通内容。浓淡要求正负形平衡：暗与亮都必须作为有形的块面参与构图，翻转之后仍应具有意义。它关注的是关系，而不只是反差。
Why are gray and gradients excluded?为什么要排除灰度与渐变？
They would introduce intermediate value and make it possible to model volume or soften an uncertain separation. Notan intentionally removes that option. The designer must establish clarity through silhouette, area, interval, and reversal, so the composition can be judged without atmospheric effects.因为它们会引入中间明度，让设计者得以塑造体积或柔化不确定的分界。浓淡有意拿掉这种退路，要求设计师用轮廓、面积、间隔与反转建立清晰度，使构图不依赖氛围效果也经得起判断。
Can the dry-brush character make the system feel decorative?干笔飞白会不会让系统变得装饰化？
It can, if it is applied as a surface effect after the layout is finished. Used correctly, dry-brush character belongs at the edge, where it preserves the memory of ink without weakening the binary structure. The mass remains flat and decisive; only its boundary carries a tactile trace.会，若它在版面完成后被当作表面特效叠加。正确使用时，干笔质感应留在边缘，使画面保有墨的记忆，却不削弱二值结构。块面依旧扁平而果断，只有边界留下可触的痕迹。
Where does Notan Light-Dark work poorly?浓淡明暗在哪些场景中不太适合？
It is a demanding system for interfaces that require many simultaneous categories, subtle tonal comparison, or a richly chromatic emotional atmosphere. Its strength is disciplined hierarchy, not expressive abundance. When the product depends on many differentiated signals, the binary vocabulary may be too narrow unless the information can be reorganized into clearer groups.对于需要同时呈现大量类别、进行细微明度比较，或依赖丰富色彩情绪的界面，它会显得过于严苛。它擅长的是克制的层级，而不是丰沛的表达。当产品依赖许多彼此区分的信号时，二值词汇可能过窄，除非信息能够被重新组织为更清晰的群组。
Related design styles相关设计风格
Malevich SuprematismGeometry declares zero. Red, yellow, blue and black blocks float on active wh…几何宣告零点：红黄蓝黑色块漂浮于主动白场。
Photogram RayographLight is the subject. Ghost-white silhouettes and silver halation float on in…光即主体：墨黑底上的幽灵白剪影，边缘镶着银色光晕，几何留白如暗房曝光。
Bauhaus WeimarForm follows revolution. Primary red-blue-yellow on cream, hard shadows, no o…形式追随革命：奶油纸底上的红蓝黄三原色、硬偏移投影、零装饰——纯粹功能即美。
De StijlPrimary colors, locked in a black grid. Mondrian's compositions, in thick bor…蒙德里安的构成系列译为界面：黑色粗线划分白底、纯红蓝黄填充、零圆角——新造型主…
Mark Rothko Color Field (1950)Silence made visible. Burgundy, orange, and cream stack in soft-edged fields.把沉默变成可见。酒红、橙与奶油柔边堆叠成色域。
Ad Reinhardt Black Painting (1953)Austere absence. Near-black grid shifts reveal structure on sustained looking.苦行式缺席。近黑网格只在持续凝视中显形。