When poet William Blake wrote of "dark satanic mills", he couldn't have been looking at a steel mill because there were none in 1804. Nevertheless, when I visit a steel mill, Blake's phrase always comes to mind. With the heat and the pounding noise, the dust and smoke, and the red glow against the night sky, it's hard not to see these places as infernal. And yet the process of making steel also produces some of the most hauntingly beautiful images found anywhere in the world of industry.
A woodworker works along the grain of the wood to prevent splinter. A butcher slices across to the muscle fiber to improve tenderness. A sailor trims the sail to balance the lift and drag from the wind. When we respect the material, the material pays us back in convenience, safety, and efficiency.
Good web design requires the same understanding of and respect for the materials. And that material is the browser, along with its semantic HTML, default styles, and standard behaviors. But the wide use of design software such as Figma, Sketch, and AdobeXD has trivialized the nuances of such material into “canvases” or “artboards” of pre-defined sizes. The convenient styling and manipulation of pixels and objects have disguised the hierarchy of the DOM, the constraints of the device, and the personal preferences and browser setting from real users. Dishonest tools encourage dishonest design.
In the context of web design, Dieter Rams’ principle is not only a resounding criticism against mindless trends and meaningless decorations. It is a humanist reminder to put material honesty and social responsibility above the pursuit of the “pixel perfect” design.