patterns
Dwelling in ritual
Rain Chains & Musical Drains
Intricacy, centering, sun, enclosure
Parks intensely used in generalized public-yard fashion tend to have four elements in their design which I shall call intricacy, centering, sun and enclosure.
The scale of resolution determines what is seen
The patterns of Truchet's tiles appear at first glance as variously shaped interlocked regions of black and white, the boundaries between the square tiles being submerged whenever the two regions flanking them have the same color, just as in a real floor the air or cement between the tile edges is not perceived—until one looks closely. The scale of resolution determines what is seen.
Fabric
And finally, the things which seem like elements dissolve, and leave a fabric of relationships behind, which is the stuff that actually repeats itself, and gives the structure to a building or a town.
Simple variations of the parts
Symmetry, indeed, has been grossly overemphasized in both art and science: its main value is in giving meaning to its absence, dissymmetry, without which there could be no hierarchy.
The eye is repulsed by complexity if no order is detected, but it can be delighted by repetition, translation, rotation, reflection, magnification, and other simple variations of the parts.
patternsof.design
A Website by Nick TrombleyDrawing pictures of cities
An Article by Noah SmithThis is a famous picture by the artist Imperial Boy (帝国少年), who works in the anime industry. I sometimes claim that the entire genre of solarpunk is simply a riff on this picture.
If it’s not just “trees on buildings”, where does the Imperial Boy picture get its magic? Looking at it carefully and trying to analyze what I like about it, I think that much of it is about architecture, and even more of it is about the use of urban space — about how the structures in the picture shape the kinds of things you’d do if you were there. For example, here are five things I like:
- Open, walkable multi-level retail
- River with low bank
- Walkable streets
- Varied architecture
- Shade
Collaborative Information Architecture at Scale
An Article by Brandon DornHere I describe an approach for defining new information architectures for large organizational websites managed by many stakeholder groups.
Broadly speaking, there are four general phases to the approach:
- Auditing. Begin by immersing yourself in existing content and encourage stakeholders to adopt a critical, audience-minded perspective of their content.
- Diagramming. Work with stakeholders to develop new conceptual categories that better serve audiences and organizational direction.
- Elaborating. Think through content in detail and test new categories against specific instances and edge cases.
- Producing. Prepare content teams for production using a shared database of new sitemap pages and editorial considerations that you’ve developed incrementally.
The design systems between us
A Talk by Ethan MarcotteIn the early days, design systems promised us more consistent interfaces, more collaborative teams, and improved shipping times. While they’ve certainly delivered on some of those fronts, they’ve introduced new challenges too. Let’s talk through what’s working well—and what could be working better—as we take a closer look at the systems between us and our work.
Painting With the Web
So much about [Gerhard Richter's painting process] reminds me of designing and building for the Web: The unpredictability, the peculiarities of the material, the improvisation, the bugs, the happy accidents. There is one crucial difference, though. By using static wireframes and static layouts, by separating design and development, we are often limiting our ability to have that creative dialogue with the Web and its materials. We are limiting our potential for playful exploration and for creating surprising and novel solutions. And, most importantly, we are limiting our ability to make conscious, well-informed decisions going forward. By adding more and more layers of abstraction, we are breaking the feedback loop of the creative process.
A constant dialogue
Have you ever seen Gerhard Richter painting?
It is phenomenal to watch. He might start one of his large, abstract paintings by carefully applying oil paint to the canvas with a thick brush. Then, he begins to scrape, smear, or add new layers of paint with a large, home-made squeegee. After each change, Richter pauses, takes a step back, and looks at the result: What did just happen with the picture? What composition has come about? Where have interesting parts emerged? What is the next move that might bring the piece one step closer to completion? And which action would be a mistake? There is a lot of intention and carefulness in this process, yet Richter equally respects the results of accident and chance. He lets go of a certain kind of control to let things happen that are surprising and exciting. But at the same time, Richter always exerts enough control to influence the result. He decides what to keep and what to destroy. It is the ultimate creative process: a constant dialogue.
Constant reflection and refinement
Ask any artist, musician, or writer and they might tell you that this conversation at the heart of the creative process is what makes their work special and so fulfilling. No piece of art exists in its final form in the head of the artist before the first brush stroke is put on the canvas. No musician has a full piece of music in her head without a conversation with instruments or the score. And no novel is done before the first word is put on paper or a computer screen. Constant reflection and refinement are key to creating any piece of work. This is what lets creators of any profession learn and grow, and, ultimately, achieve mastery. And the same is true for any user interface, design pattern, piece of code, or content on the Web.