Förra veckan tittade vi på noll- och endimensionella element, nämligen punkten eller pricken och linjen. Den här veckan lägger vi till ett par dimensioner och pratar om ytor och plan (2D) för att sedan övergå till volymer (3D). Genomgående kommer vi att överväga idéerna om visuell massa och vikt.
För att komma till något av ovanstående vill jag börja med en diskussion om form.

Låt mig be om ursäkt i förväg för att jag hoppar fram och tillbaka mellan olika namn under hela det här inlägget. Form, yta, plan, form, volym, massa, vikt. De byts ut en hel del beroende på var man läser dem. Förhoppningsvis blir det inte alltför förvirrande när du läser här eller ännu hellre blir alla dessa termer av visuell grammatik tydligare när du är klar med det här inlägget.

Vad är form?

Form är alla positiva element som vi placerar på en sida i motsats till de negativa element som vi betraktar som utrymme. Form är punkt, linje, plan och volym. Det är former och punkter och text och texturer och bilder som vi använder i vår design. Om det är tänkt att vara ett positivt element är det form.

Jag inkluderar form här i serien eftersom det oftast används som en synonym för antingen form eller volym, för de element som är antingen två- eller tredimensionella. Jag har ofta funnit detta förvirrande när jag läser artiklar som talar om form, eftersom den större mer inkluderande betydelsen av form vanligtvis saknas vilket gör att man tror att en form är en 2-dimensionell form på ett ställe och en 3-dimensionell volym på ett annat.

För övrigt är form alla positiva element på din sida. Allt i din design är antingen form eller utrymme, positivt eller negativt, figur eller grund.

Form och utrymme, figur och grund är ömsesidigt beroende av varandra. Du kan inte ändra det ena utan att ändra det andra. Förhållandet mellan form och rum skapar spänning, bestämmer mängden visuell aktivitet och rörelse och ger en känsla av tredimensionalitet i en design. En betraktare måste först förstå förhållandet mellan form och rum innan han eller hon förstår något av de enskilda objekten på sidan.

Alla former bär på någon form av betydelse, även om ingen form är bättre än någon annan när det gäller att förmedla betydelse. Ditt val av vilka former du ska använda är dock ett viktigt övervägande för att kommunicera rätt budskap, ditt budskap.

Områden, plan, former

På samma sätt som en linje kan ses som en serie intilliggande punkter kan ett plan eller en yta ses som en serie intilliggande linjer. Vi lägger helt enkelt till ytterligare en dimension. Ytor och plan är abstrakta objekt. Vi kommer att tala om dem mer som former eller former när vi tänker på dem som konkreta objekt.

Plan eller ytor fungerar för det mesta som punkter. Skillnaden är att ytans storlek har blivit tillräckligt stor för att bli en viktig egenskap, liksom konturen som definierar planet. Ju större planets storlek är desto mer blir de punktliknande egenskaperna sekundära. Denna storlek är relativ till det omgivande utrymmet och elementen.

Stora plan kan fortfarande agera som punkter om utrymmet runt omkring dem är tillräckligt stort och eventuella andra element i utrymmet tillräckligt små. När de relativa storlekarna förändras finns det en förändringspunkt som inträffar när planet blir tillräckligt stort så att dess form påverkar utrymmet och andra former runt omkring det.

Desto mer aktiv konturen av ett plan, desto mer dynamisk kommer dess form att framstå som dynamisk och desto mindre punktliknande kommer den att framstå som punktliknande.

Sedan ett tvådimensionellt objekt tekniskt sett inte bär på någon massa eller volym bär våra tvådimensionella element på visuell vikt och massa. Denna visuella massa och vikt bestäms av storleken och enkelheten eller komplexiteten hos formens kontur.

Stora, enkla former bär en tung visuell vikt och framstår som prickiga. Ytor med komplexa konturer och interaktion med sitt inre och yttre rum (både positivt och negativt) bär mindre vikt och blir mer linjeliknande.

Formar; geometriska och organiska

När vi kommer att se en forms yttre kontur försöker vår hjärna att etablera någon mening med formen och konturen. Vi kan gruppera dessa former i två huvudtyper, geometriska och organiska. En tredje typ av form, abstrakt, kommer vi att betrakta som en undertyp av organiska former, även om den oftare betraktas som en av de tre klasserna av former.

När en form eller form har reglerade konturer, när inre och yttre mått är matematiskt likartade i flera riktningar, tänker vi på formen eller formen som geometrisk. Vinkliga och hårt kantade former betraktas i allmänhet som geometriska.

De tre huvudtyperna av geometriska former är cirkeln, polygonen (fyrkant och triangel är de enklaste) och linjen. Kvadraten är den mest stabila och har störst visuell tyngd. Triangeln är den minst stabila och visar stor rörelse. Cirkeln är nästan lika stabil som kvadraten och antyder rotationsrörelse.

Cirklar eller prickar kan tolkas som antingen geometriska eller organiska.

Figurer eller former som har oregelbundna, komplexa och starkt differentierade konturer anses vara organiska. Mjuka, texturerade former verkar också vara organiska former eftersom de ses mer som saker vi ser i naturen. Variation är en inneboende egenskap hos organiska former.

Abstrakta former är förenklade eller stiliserade versioner av organiska former. Tänk ikoner.

Geometri finns i naturen, men den skyms ofta av uppfattningar om oregelbundenhet. Tänk på ett blad. Det är i allmänhet symmetriskt och ofta nära att ta en triangulär form. Vi uppfattar dock oregelbundenheterna i dess konturer innan vi ser denna symmetri och nära triangelform.

Geometriska former kan arrangeras organiskt och organiska former kan arrangeras geometriskt. Båda skapar en spänning mellan formerna och deras struktur. När vi vill förmedla ett organiskt budskap bör vi betona formens organiska egenskaper och använda mer oregelbundenhet och variation.

Volymer och massa

Volymer är tomma utrymmen som definieras av ytor, linjer och punkter. När vi fyller ut utrymmet eller ger uppfattningen att utrymmet inom en volym har fyllts i någon grad innehåller volymen massa.

Om du kommer ihåg från fysiklektionerna så är densitet = massa/volym. I en tvådimensionell konstruktion kan vi bara erbjuda uppfattningen av massa, densitet och volym. När vi ger en yta eller ett plan illusionen av att vara tredimensionell har vi en volym.

Vi kan göra detta genom att lägga till mönster och textur på ytan eller genom att ändra färg eller värde över hela ytan för att efterlikna effekten av ljus och skugga. Vi kan också använda perspektiv inom en form för att skapa en illusion om att formen är en volym.

Då vi lever i en tredimensionell värld när vi lägger till volymmässiga kvaliteter till vårt tvådimensionella format lägger vi till en känsla av realism till en design. För att få några exempel kan du ta en titt på något av följande inlägg och fundera över hur designen som visas använder sig av djup och 3d-element för att lägga till en känsla av realism.

• Vackra exempel på 3d-element i webbdesign
• Galleri med 3d-element i webbdesign

Volymer går framåt jämfört med ett plan och har också större massa och visuell tyngd än plan eller ytor. Om vi överlappar ett plan ovanpå en volym skapar det en spänning mellan förgrunden och bakgrunden eftersom de normala förväntningarna är att volymen ska gå framåt och planet ska backa undan.

Visuell massa och vikt

Massa och vikt är fysiska egenskaper som egentligen inte existerar i ett 2-dimensionellt format. Inom design talar vi om visuell eller optisk massa och vikt.

I den fysiska världen drar objekt med stor massa till sig och drar andra objekt mot sig. I den visuella designens värld attraheras också element med stor massa. Upplevelsen av massan i ett element är hur starkt elementet drar ditt öga mot det.

Som med volym är massa bara något vi kan antyda eller representera i det tvådimensionella format vi arbetar med. Vi lägger till visuell massa och vikt till ett element genom storlek och färg eller värde. Vi kan också leka med elementets form.

Genom vår användning av massa eller vikt kontrollerar vi balansen och rörelsen i en design.

Vi kan lägga till massa till en serie vinkelplan genom att rotera dem och låta dem överlappa varandra. Det överlappande området blir mörkare och uppfattas som att det innehåller massan från flera plan. Rotationen skapar också rörelse.

Att lägga till ett konsekvent mönster på en yta leder till att man uppfattar att det finns mindre massa i det planet. Planet blir också plattare jämfört med ett intilliggande fast plan. Det solida planet verkar avancera in i förgrunden på grund av att det upplevs ha mer tyngd.

Vidare vårt texturerade plan verkar plattare än det intilliggande solida planet och om vi överlappar det texturerade planet ovanpå det solida planet skapar vi återigen en spänning mellan förgrund och bakgrund.

Detta förändras om mönstret eller texturen efterliknar effekterna av ljus och skugga, i så fall blir ytan eller planet en volym med större massa och tyngd och verkar naturligtvis mindre platt. Volymer är tredimensionella och den extra dimensionen för med sig upplevelsen av massa och vikt. En sfär väger alltid mer än en cirkel.

Sammanfattning

Former är alla positiva element som du placerar i det negativa utrymmet i din design. Alla former kommunicerar och du bör välja dina former utifrån det budskap du vill förmedla till din publik. Förhållandet mellan form och utrymme bör vara ett av de viktigaste övervägandena i varje design.

Plan eller ytor är tvådimensionella abstrakta former. Former är den konkreta motsvarigheten. Ett plan kan verka antingen punktliknande eller linjeliknande beroende på dess kontur och dess relativa storlek i förhållande till storleken på utrymmet och andra element runt omkring.

Volymer är 3-dimensionella former. De kan endast representeras i ett 2-dimensionellt format, men på så sätt ger de en större känsla av realism till en design. Volymer skapas genom att efterlikna effekterna av ljus och skugga på en yta eller ett plan.

Alla former har en visuell massa eller vikt som bestäms av storlek och färg och av formens kontur. Volymer har mer vikt som standard än ytor, men vikten hos båda kan ökas eller minskas genom att ändra egenskaperna hos endera formen.

Om du tänker tillbaka på mitt inlägg om visuell grammatik pratade vi om objekt och strukturer. Det här inlägget och det föregående i den här serien om punkter, prickar och linjer behandlade objekten i visuell grammatik.

Nästa gång fortsätter vi serien genom att gå över till en diskussion om strukturer. Genom att strukturera något eller några av de objekt som vi har tittat på kan vi bilda mönster och texturer.

The Elements of Design Series

• Introduktion: Designelement och principer
• Punkter, punkter och linjer
• Form: Ytor och plan, volym och massa
• Strukturer, mönster och texturer
• Storlek, skala och proportioner
• Tankar om vitt utrymme
• Hur man använder utrymme i design
• Färgteori
• Färgens betydelse

Ladda ner ett gratisprov från min bok, Design Fundamentals.