Space
159. Light on Two Sides of Every Room
The picket fence
The measuring unit of all space
Light and Space
The reality of the building
One day I went to my study at Taliesen to sit down and rest. I picked up a little book just received from the ambassador to America from Japan. It was called The Book of Tea by Okakura Kakuzo. I wonder how many of you have read it? Well, in that little book I came upon quotations from the great Chinese poet-prophet Laotze, things he had said five hundred years before Jesus. As I turned the pages I suddenly came across this: "The reality of the building does not consist in the four walls and the roof but in the space within to be lived in..."
The answer is, reality is the space within, into which you can put something. In other words, the idea. And so it is with architecture; so it is with your lives; and so it is with everything you can experience as reality. You will soon find out for yourselves if you begin to work with this principle in mind, that things will open to you...Therein lies the secret of great peace, missing in Western Civilization today.
Content-responsive space
Content-responsive spaces in text can be as meaningful as spaces and line breaks in computer code, poetry, math, dialogues, cartoons.
For 1500 years, printed text has used grids indifferent/hostile to meaning. Content-responsive grids are better than imperious grid-possessed layouts. To clarify and intensity meaning, authors and editors can remodel relations between spaces and words...insisting on control of line breaks by authors (who, after all, know the content).
The spaces between things
It's easy to underestimate the significance of the spaces between things...as soon as you frame a section of the view with architecture, the eye has a place to rest and previously invisible details come into focus.
I am the space where I am
Je suis l'espace où je suis.
This is a great line. But nowhere can it be better appreciated than in a corner.
At a uniformly comfortable termperature
In America our tendency has been to get away from thermal conditions as a determinant of behavior. Instead, we have used our technology to keep entire living and working complexes at a uniformly comfortable temperature. As a result, our spatial habits have become diffused, and activities that were once localized by thermal conditions have spread out over a whole house or building. We forget, unless a system breaks down, that such wide-ranging use of space is extremely dependent upon the available heating and cooling equipment.
(an architectural stem cell that might transform itself into any organ for living)
Topology by other means
The burglar is a three-dimensional actor amid the two-dimensional surfaces and objects of the city. This means operating with a fundamentally different spatial sense of how architecture should work, and how one room could be connected to another. It means seeing how a building can be stented: engineering short-circuits where mere civilians, altogether less aggressive users of the city, would never expect to find them. Burglary is topology pursued by other means: a new science of the city, proceeding by way of shortcuts, splices, and wormholes.
The negative spaces
Focus on the negative spaces surrounding the object to give yourself a fresh perspective on the form.
The weather in the space
The architect's special preoccupation is first to decide what kinds of spaces shall be enclosed.
All manner of different considerations will influence an architect's decisions about the shape of the spaces they are to enclose, but the chief of them will always be the probable activities of the people who will enjoy the weather in the space.
Room continuum
The Modernist aspiration for continuous, flowing space and open interconnections between spaces has a tendency to reduce the sense of room-ness by turning space into a continuum, creating a flow through units instead of projecting a spatial object.
Overlays
The awkwardness of the room itself forced Irwin toward the next phase of his endeavor: each installation from there on would have to arise out of the unique configurations of each new site. As Irwin put it, "Instead of my overlaying my ideas onto that space, that space overlaid itself on me."
Spatial Web Browsing
An Article by Maggie AppletonThere are some new apps appearing that offer alternative ways of browsing the web...This canvas-based approach adds spatial dimension to the web browsing experience; they allow us to arrange browser windows above, below, to the left, and right of other browser windows.
The same way we're able to put an open book next to a piece of paper and below a row of sticky notes in meatspace. Arranging objects in space to create groupings, indicate relationships, and build hierarchies is one of those classical human skills that never goes out of style.
The Method of Loci
An ArticleFrom the time we learn to walk, we start building up spatial memories—recollections of the layouts of physical spaces and their relationships to the objects in them. These memories tend to form fast and stick around for a long time.
The method of loci hijacks our innate aptitude for remembering physical spaces, using it to help us remember other kinds of information with greater ease.
Nototo
An ApplicationThe visual workspace for notes. Humans have incredible visual-spatial memory. Leverage that with Nototo.
Makespace.fun
An ApplicationIn today’s software, live video feeds are stuck inside static rectangles that can’t go anywhere. MakeSpace flips all that on its head. Your cursor is your live face, and you can roam free, controlling who and what you want to be close to.
Beyond Artboards
The Pursuit of Lossless Design-Development Handoffs.
Can't developers just see?
We designers love artboards. From rough UI sketches to high fidelity mockups, we see ourselves as visual artists expressing ideas on artboards that have a pre-defined width and height. To start a new project, we declare the size of the artboard in the first step.
What about responsive design? Not a problem! We diligently design on three artboards — one for mobile, one for tablet, and one for desktop — with content elegantly adapting, scaling, reflowing, reordering, and reprioritizing. We proudly hand off the artboards to developers while patting ourselves on the back: this is how responsive design should be done.
After weeks of arduous engineering, the product finally comes out. We find, to our great dismay, that some copy is hanging off the grid, the focal point of the hero image has been cropped out, the font sizes don’t even come close to the type ramp. What went wrong? Can’t the developers just see everything on all those artboards?
Nope.
We are the ones who paved the path
No matter how many screen sizes our artboards account for, some user’s browser will break loose from our prescription. With users resizing, rotating, and zooming the screen, new devices stretching, squashing, curving, and cutting (e.g. the speaker area in iPhone X) the screen, the sizes become infinite. Good luck making an artboard for each one of them.
Artboards are a lossy format. Using artboards in a handoff is a lossy process. When we pitch a finite number of plans against an infinite number of situations. We inevitably get in-betweens. Once there are in-betweens, there are unknowns. Once there are unknowns there is guesswork. Once there is guesswork, there are surprises. Engineers take the path of least resistance. We are ones who paved the path.
Until we get there
- As a designer, learn writing HTML, or better still, semantic HTML. If coding up the entire design is too hard, try coding up one component at a time, and not worrying about CSS. The HTML alone will prove invaluable for developers to understand the content structure. In addition, you are forced to optimize the information architecture as you work out the code from content.
- If coding by yourself is out of the question, pair up with the engineer who will receive the design. Work closely with him or her to prototype the design, validate responsive behaviors, and obtain feedback on the feasibility. Don’t call it an iteration until the design has seen played with in code.
- As a manager for large enterprise, co-locate your designers and developers, encourage interdisciplinary learning, understand that each minute spent on coding before the handoff translates to ten minutes saved from changing and fixing issues after the handoff.
- As a stakeholder in the handoff meeting, give the designer a thumbs-up when he or she demos live code running in browsers in place of mockups on artboards. That’s a design champion you are looking at.