Matematik för designers Det är ett nummer spel

För det mesta tänker du inte på mat och design samtidigt. Kanske tycker du att dessa begrepp är så långt borta från varandra som möjligt. Men matte kan vara en viktig färdighet för varje designer.

Från att arbeta på projekt - det finns gott om designteorier baserade på matematik - för att beräkna priser och betalning för ett klientprojekt, kan knackade nummer vara ett viktigt föremål i varje designers verktygslåda. Idag ska vi titta på några av de tidtestade formlerna som finns i bra design och sätt att varje designer kan använda matte. Så du kanske bara vill ta en räknare!

Matematik och designteori

Ett bra antal teorier och konceptkoncept kan spåras till matematiska formler, sekvenser eller ekvationer. Från vardagliga begrepp som den gyllene rektangeln till tredje stycket spelar matematik en roll i den faktiska processen med att designa.

Vi har undersökt några av dessa teorier tidigare och du kan läsa mer om dem alla i en tidigare Design Shack-artikel. Men den korta listan över matematiska principer som används i designprojekt omfattar:

  • Gyllene förhållande (eller rektangel): Detta hänvisar till vilken form som helst med ett förhållande av 1 till 1.618. Det är formen av allt från kända konstverk som Leonardo Da Vincis Vitruvian Man? till konturen för en webbdesign.
  • Fibonacci-sekvens: Denna sträng av siffror härrör från att lägga till de föregående två siffrorna och designresultatet är en spiral, där ringar relaterar till varandra baserat på denna talföljd.
  • Regel av tredje part: Detta imaginära tre till tre rutnät delar upp varje design eller bild och hjälper dig att förstå hur ögat ska röra sig genom ett arbete.

Enheter och omvandlingar

Att förstå enheter och omvandlingar är en annan viktig del av designer-talk. Tidigt i min karriär som en design, till exempel, lärde jag mig att konvertera inches till picas i mitt sinne eftersom olika personer på den plats jag arbetade använde enheterna nästan utbytbart. Problemet var att jag måste veta om något skulle fungera när det gäller rumsliga relationer och storlek.

Denna enkla matteomvandling är något som jag aldrig kommer att glömma. (Det finns 6 picas i tum, om du undrar.) Och designers måste göra denna typ av mat hela tiden. Du måste vara flytande på dina kunders språk.

En förståelse för enheter och omvandlingar är också viktig när det gäller att skala upp och ner objekt, göra förstoringar eller utskrift. Du måste förstå hur du ändrar storleken på något du har till den nödvändiga storleken. Medan vissa av detta kan göras med en enkel online-kalkylator är det viktigt att du kan göra matematiken också (för att du ska undvika misstag).

Matematik och Projektutveckling

Math kommer in i spel den minut du vet vilken storlek och form ett projekt ska vara. Ska du utforma för visitkort eller affisch, webbsida eller mobilapp?

Storleken och storleken på mediet gör stor skillnad när det gäller att beräkna saker som storlekstypen eller bilderna kommer att visas på den tryckta sidan eller skärmen. Tänk på det här: Det är perfekt att använda 14 poäng på en webbplats, men för en skylt skulle det vara helt oläsligt.

Denna förmåga att hitta storleken på din duk och det perfekta förhållandet för innehållet är en viktig färdighet för designers. Annars kan projekten se bra ut men sluta vara oanvändbara baserat på var de skulle kunna uppstå.

Beräkna utrymme och storlek

Matematik kommer också till spel när man arbetar med projekt som är mycket stora eller mycket små. Med sådana projekt är det vanligt att arbeta på en skala modell, vilket betyder att saken på din skärm är av en storlek som är meningsfull i arbetsytan och för din bildskärm, men kommer att skalas upp eller ner för den slutliga versionen.

Många av de projekt som jag har arbetat med under åren gav mig några begränsningar - logotypen måste fylla 25 procent av utrymmet, annonsinnehållet måste stå för 10 procent av designen, en specifik färg måste användas på 50 procent av webbplatsen. Alla dessa begränsningar och önskemål kräver att formgivaren fullföljer en enkel matematisk ekvation till att han eller hon vet hur man möter dessa kundbehov.

Matematik kommer också till spel när man ställer in specifikationer för projektets storlek. För webbprojekt, tänk på alla olika dukstorlekar som kan komma med projekt som är naturliga. För utskriftsprojekt, kommer designen att passa alla storlekar som behövs? Behöver du beräkna blödning eller rinnande innan produkten produceras?

Matematik kommer också till spel när man arbetar med projekt som är mycket stora eller mycket små. Med sådana projekt är det vanligt att arbeta på en skala modell, vilket betyder att saken på din skärm är av en storlek som är meningsfull i arbetsytan och för din bildskärm, men kommer att skalas upp eller ner för den slutliga versionen.

Detta kräver en god förståelse av bildförhållandena - de vertikala och horisontella mätningarna i förhållande till varandra - och hur man storlekar upp eller ner ett projekt proportionellt.

Låt oss gå tillbaka till arbetet med den skylten. Tänk dig att den är 12 meter hög med 24 meter bred. Det skulle vara omöjligt att återskapa på en skärm på ett användbart sätt. Men om du arbetar på en skala modell kan du se hur konstruktionen skulle fungera i den angivna formen och kunna ändra storlek efter färdigställandet för det stora projektet. (Se till att du använder vektorfiler för att undvika kvalitetsförlust.)

Detsamma är vanligt när man arbetar på superlilla element som webbplatsknappar. Dessa små element kan vara svåra att skapa vid 20 med 20 pixlar, så du kan arbeta på dem i stor storlek och skala ner.

Nummer och bilder

En annan plats där matte verkligen är till nytta är att arbeta med bilder och bildupplösning. Genom att veta din minsta utskrift (eller web) upplösning och storleken på en bild vid en viss upplösning kan du bestämma hur stor en liten bild som kan köras.

Som en enkel formel:

  • En bild är 4 tum bred med 6 tum lång vid 72 dpi.
  • Minsta utskriftsupplösning för ditt jobb är 300 dpi.
  • Den största bilden kan köra är 0,96 med 1,44 tum.

Fler och fler kameror och bildredigeringsverktyg ger användare och designers möjlighet att beskära vid specifika bildförhållanden och bildresolutioner också. (Dessa alternativ kan göra det enklare att automatiskt skära bilder för verktyg för onlinedelning, till exempel Instagram.) Att veta vad dessa siffror betyder kan göra det enklare för dig att förstå förhållandena mellan form, storlek och bildkvalitet.

Beräkning av priser och priser

Viktigast - om du vill bli betald - vet du hur man beräknar priser och priser för ditt arbete. Detta är särskilt viktigt för designers som arbetar för sig själva eller som behöver fakturera per timme.

Det är viktigt att du kan exakt fakturera kunder och registrera dina skatter. Och det är bara inte möjligt att göra dessa saker utan matte.

När det gäller freelancing bör designers också se till att de ställer en värdefull takt för den tid som jobbar. Om du spenderar 10 timmar på ett projekt och bara gör $ 100, är ​​det tillräckligt ($ 10 per timme)? Ta sedan ett steg vidare och faktor i eventuella utgifter (programvara, typsnitt, etc.) och skatter som betalas från den totala. Anger du tillräckligt för ditt arbete och din tid?

Slutsats

Mat och design är mer relaterade än vad du kanske tror vid första anblicken. Chansen är att de två är gift på något sätt i ditt dagliga arbetsflöde.

Vad är några andra exempel på hur du använder matte i designprocessen? Har du några tips för att arbeta med siffror? Vi skulle gärna veta om dem. Dela dina tankar, tips och idéer i kommentarerna.

Bildkällor: Tom_Brown6117, schani, Unhindered by Talent och 401 (K) 2013.