Form
It's cold outside, but this room is quite cozy
Time turned into shape
A pebble polished by waves is pleasurable to the hand, not only because of its soothing shape, but because it expresses the slow process of its formation; a perfect pebble on the palm materializes duration, it is time turned into shape.
The element becomes a sign
Each unit can be seen purely as form, as what it is. Or it can be viewed as having a function. Its function is only understandable within the next higher level of organization. And in every case, function must succumb to the constraints of form. Once this worldly function is assigned, the element becomes a ‘sign’. It falls into the realm of concept. There is a mapping from one thought system to another.
The principle of parallel construction
This principle, that of parallel construction, requires that expressions similar in content and function be outwardly similar.
Blessed are the poor in spirit; for theirs in the kingdom of Heaven.
Blessed are they that mourn; for they shall be comforted.
Blessed are the meek; for they shall inherit the earth.The senses of form and tone
Man painted and danced long before he learned to write and construct. The senses of form and tone are his primordial heritage.
Form and figure
Form applies to “a configuration with natural meaning or none at all,” whereas figure applies to “a configuration whose meaning is given by culture."
Apparency
Half a century ago, Stern discussed this attribute of an artistic object and called it apparency. While art is not limited to this single end, he felt that one of its two basic functions was "to create images which by clarity and harmony of form fulfill the need for vividly comprehensible appearance." In his mind, this was an essential first step toward the expression of inner meaning.
A certain plasticity
There are dangers in a highly specialized visible form; there is a need for a certain plasticity in the perceptual environment. If there is only one dominant path to a destination, a few sacred focal points, or an ironclad set of rigidly separated regions, then there is only one way to image the city without considerable strain. This one may suit neither the needs of all people, nor even the needs of one person as they vary from time to time. An unusual trip becomes awkward or dangerous; interpersonal relations may tend to compartmentalize themselves; the scene becomes monotonous or restrictive.
Strength from both mass and form
Hoover Dam has the shape of an arch dam, but it is actually a hybrid structure, gathering strength from both mass and form. The dam is often ranked as one of the most exquisite of all engineered structures. It is fitted to its site so well that the gnarly canyon wall looks like an organic growth engulfing the mass of concrete.
Notes on the Synthesis of Form
A Book by Christopher AlexanderThe Evolution of Useful Things
A Book by Henry PetroskiHere, then, is the central idea: the form of made things is always subject to change in response to their real or perceived shortcomings, their failures to function properly. This principle governs all invention, innovation, ingenuity.
Inheriting Froebel's Gifts
A Podcast by Kurt KohlstedtFroebel’s Gifts were meant to be given in a particular order, growing more complex over time and teaching different lessons about shape, structure and perception along the way. A soft knitted ball could be given to a child just six weeks old, followed by a wooden ball and then a cube, illustrating similarities and differences in shapes and materials. Then kids would get a cylinder (which combines elements of both the ball and the cube) and it would blow their little minds. Some objects were pierced by strings or rods so kids could spin them and see how one shapes morphs into another when set into motion. Later came cubes made up of smaller cubes and other hybrids, showing children how parts relate to a whole through deconstruction and reassembly.
These perception-oriented “Gifts” would then give way to construction-oriented “Occupations.” Kids would be told to build things out of materials like paper, string, wire, or little sticks and peas that could be connected and stacked into structures.
Form follows function
A Quote by Louis SullivanAgainst form follows function
An Essay by Andrea ResminiI cannot get past the fact that any *designer* who throws that phrase around matter-of-factly, as in “of course form follows function”, comes out as a complete ignoramus. An ignoramus who's not just repeating an 1896 “law” without any clues as to what it means but who also, most poignantly, demonstrates to possess no knowledge of what has happened in design and architecture since Sullivan and Adler contributed to inventing the high rise building and, by extension, much of the world we live in.
On 'The Master and His Emissary'
A Quote by Ian McGilchristPeople who make works of art, whatever they might be, have gone to great trouble to make something unique which is embodied in the form that it is, and not in any other form, and that it transmits things that remain implicit
...Works of art are not just disembodied, entirely abstract, conceptual things. They are embodied in the words they’re in or in paint or in stone or in musical notes or whatever it might be.
How am I doing, wonder?
A Quote by Louis KahnForm comes from wonder. Wonder stems from our 'in touchness' with how we were made. One senses that nature records the process of what it makes, so that in what it makes there is also the records of how it was made. In touch with this record we are in wonder. This wonder gives rise to knowledge. But knowledge is related to other knowledge and this relation gives a sense of order, a sense of how they inter-relate in a harmony that makes all things exist. From knowledge to sense of order we then wink at wonder and say How am I doing, wonder?
Material tour de force: The work of Eladio Dieste
An Essay by Eladio DiesteI have explained, and supported with evidence, the concern for rationality in construction and economy understood in, I dared to say, a cosmic sense rather than a financial sense. However, this is not the whole thing that has guided me. I have also been guided by a sharp, almost painful, awareness of form.
The resistant virtues of the structure
A Quote by Eladio DiesteThe resistant virtues of the structure that we make depend on their form; it is through their form that they are stable and not because of an awkward accumulation of materials. There is nothing more noble and elegant from an intellectual viewpoint than this; resistance through form.
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.