Använda kraften i nätet i dina mönster

Att designa är att sätta ihop element i en visuellt attraktiv layout. Att bygga layouten är en av de mest utmanande aspekterna att lära, förstå och behärska. De flesta designers förbiser och avsätter sig med hjälp av rutnät på sitt arbete för att hålla designelementen anpassade. Men genom att göra det missar de att se vilka nät som fungerar bäst - håller designen balanserad.

Rutnät håller elementen i kontroll. De hjälper designers att utnyttja och maximera utrymmet på ett organiserat sätt. Slutresultatet är en visuell design som fångar ögat och tilltalar tittarnas intresse.

Att använda ett rutnät i början av projektet hjälper dig att hålla koll på hur objekten kommer att se ut. Systemet visar också hur deras positioner på duken kan hjälpa dig att uppnå dina designmål.



Rutlinjer leder dig organiskt till att placera objekt första gången på skärmen ordentligt. Rutlinjer visar var något ska placeras och föreslår inte bara var det kan placeras.

Rutnät kan uppfattas som små aspekter av designprocessen, men de hjälper till att få stora resultat. Rutnät fungerar som byggstenar för varje design. Det är startlinjen.

Innehållsförteckning

Vad är ett rutnät?

Rutsystem

frågor att ställa en tjej för att lära känna henne

Varje design, varje projekt börjar med ett tomt utrymme, duk eller vägg. Som designer är det värsta som kan hända att du möter detta tomma utrymme utan att veta hur och var du ska börja. Det allmänna konceptet sitter i din hjärna, men att sätta det på duk kan ibland vara svårt. Det är tills du börjar med en duk av rutnät.

Ett rutnät innefattar mätningar som du kan använda för att justera objekt på en duk. Rutnätet dikterar storleken på ett objekt i förhållande till de andra. Det är ett designerverktyg för att anpassa element i ett format, vilket gör det till en utmärkt utgångspunkt för alla designprojekt.

Det finns inga begränsningar eller standarder för hur du kan använda ditt nät effektivt. Huvudsyftet med ett rutnät är att hjälpa dig att forma den slutliga designen till verkligheten. Du kan arbeta på valfritt nätverk som passar din stil.

Ett rutnät är matematiskt så det är exakt och lätt att manipulera i koder. Gör det manuellt eller använd designapplikationer som Photoshop eller Illustrator. Redigering av manuella rutnät tar tid, särskilt när du ändrar storlek mellan mitten. Kodade eller automatiserade nät är mer flexibla. Deras storlek kan redigeras på några minuter vilket gör det lättare att justera designskalan.

Det kan verka som ett vardagligt steg, men ett rutnät fungerar. Konstnärer och formgivare bör aldrig uppfatta det som ett steg att hoppa över utan att inse dess värde och kraft.

Hur Grid Systems startade

Rutnät användes först för att anpassa ord i skrivna böcker. Skrivare använde rutnät för att hålla kroppen och rubrikerna välformaterade och skalade. Den industriella revolutionen öppnade för större krav på publicerade och tryckta medier, vilket öppnade dörrar för reklam. Gallerna, som delar upp ett utrymme i användbara moduler eller segment, har vuxit till mycket användbara verktyg för att bedöma kostnaderna för reklam. Ett större utrymme på media är dyrare men mer synligt.

På 1950-talet sågs behovet av en mer systematisk strategi för att organisera information på tryckta medier. Rutnätdesign började med människor som Karl Gerstner och Joseph Muller-Brockmann, som byggde grunden för nät i design. Även om deras arbete var användbart tidigare, tycker nuvarande mönster att det är för begränsat och inte tillräckligt flexibelt för dagens designstrukturer.

De fyra typerna av nät

Manuskript - Manuskriptnätet är den enklaste och mest grundläggande typen av rutnät. Den använder en rektangel för att ställa in marginalerna på en sida.

Manuskriptnät

Kolumn - Ett kolumngitter används för att skapa kolumner på en sida.

Kolumnnät

Modul - Modulära nät använder X och Y för rader och kolumner.

Modulära nät

Hierarkisk - Hierarkiska galler använder moduler i olika mått eller storlekar.

Hierarkiska rutnät

De 10 bästa sätten ett nät fungerar

För en grafisk formgivare är rutnät en nödvändighet. Några rader placerade på en tom duk gör mycket för att förbättra designen. Rutnät håller också designen ren och välstrukturerad.

Här är de främsta anledningarna till att nät bör vara en nödvändighet för varje konstnär eller designer:

Organisera innehåll

Rutlinjer har funnits i åldrar av en grundläggande anledning - de håller sakerna i linje. De organiserar designen på en duk. Rutlinjer ser till att elementen är i ordning och att föremålen är på plats av både estetiska och funktionella skäl. Justering av elementen (typer, bilder och grafik) resulterar i en slutlig design som tydligt kommer att förmedla sitt budskap.

Snabbare omsättning av slutlig design

Den tekniska tidsåldern kräver snabbare produktion och effektivare metoder för att säkerställa att saker görs snabbt med precision. Rutnätssystem gör att du kan röra dig längs ett tomt utrymme (och inte vara fast i det). Gallerna fungerar som en mall, en guide för att korrekt placera, storleksanpassa eller skala objekt som behövs för att slutföra en design. Att kasta elementen slumpmässigt är möjligt. Detta innebär dock mycket arbete med att placera och byta ut föremål, justera och justera storlek innan de kommer till den slutliga designen. I denna tid av omedelbar information, ju snabbare du levererar kvalitetsarbete, desto bättre är det för företag.

Typer fungerar med rutnät

Typer och rutnät är element i en design som fungerar tillsammans. Ett effektivt nätverk gör att typlayouter kan placeras snyggt. Hela designen kommer att vara mer organiserad med text och typer som verkar vara mer läsbara.

Baslinjegaller är horisontella linjer som fungerar som riktlinjer för typer (t.ex. raderna i din anteckningsbok). De gör designens kropp mer läsbar. Baslinjegalleriet säkerställer att texten och alla typer justeras och formateras korrekt.

Även om du kanske kommer undan med att inte ställa in, kommer din publik att instinktivt känna att något inte stämmer med designen. Den naturliga tendensen är att avvisa röran eller röran. Att hålla typerna anpassade ger ett övergripande utseende, vilket uppmuntrar tittarna till mer uppskattning.

Enklare samarbete

Ibland involverar design flera personer. Projekt som behöver input från mer än en designer kan vara stressande och frustrerande om det inte finns något system på plats. Missförstånd och felkommunikation bland gruppen kan enkelt förstöra projektet.

Eftersom nät erbjuder ett system som håller design på plats, strukturerat och välformaterat, kommer samma system att vara en enorm hjälp för varje projektsamarbete. Nätverket kommer att fungera som en guide som hjälper alla var de ska placera elementen i projektet. Ett effektivt och solidt nätverk fungerar med alla designers. Det spelar ingen roll om du tog över någon annans inledande arbete eller vice versa - nätverket fungerar som en karta för enkel navigering. Rutnätet berättar för dig eller den nya killen var du ska placera ett föremål i enlighet därmed.

Gridsystemet gör det på grund av sin matematiska natur lättare för medarbetare att arbeta snabbare. När allt kommer omkring behöver de inte längre djupgående samråd eller förtydliganden angående mätningar med de andra. Rutnätet berättar för dem vilket format som krävs. Alla frågor om format eller storlek kan besvaras i rutnätet.

För ett projekt med flera designers är det dock viktigt att ha ett rutnät som är enkelt och funktionellt. Det måste passa den slutliga designen. Det finns inget behov av om projektet bara kräver tre för den slutliga designen. När du tar över en design eller samarbetar med någon annan, använd rutorna på plats. Gör justeringar om det behövs, men bortse aldrig från dem eller den andra formgivarens ansträngningar.

Håll det balanserat

Symmetri har alltid varit nyckeln till bra design. Rutnät hjälper till att uppnå symmetri med exakta kolumner. Rutnät finns för att dela ut utrymmet i användbara segment som hjälper dig att placera alla föremål ordentligt. Med hjälp av rutnät kan du balansera objekt utan att någon av dem överväger de andra. Balans och symmetri fungerar eftersom rutnät håller saker i ordning.

Sammanhängande flersidiga mönster

Att ha olika människor som arbetar på ett enda projekt är en sak. Att ha många sidor i ett enda projekt är ett helt nytt bollspel. Rutnät är räddare för flersidiga mönster. Ett starkt och effektivt rutnät fungerar på alla sidor och i vilken layout som helst. Detta gör det lättare för dig eller din meddesigner att komma med en sammanhängande design oavsett hur många sidor projektet kräver.

Multipage betyder olika strukturer och olika kompositioner. Fyra kolonnnät får saker att fungera även med sådana utmaningar. Rutnät håller objekt i linje och strukturerar objekt så att de fortfarande verkar rena och konsekventa. Varje sida har sin egen funktion i hela projektet och de fungerar som med rutnät på plats.

Stilguider och utbildningshandböcker är exempel på flersidiga layouter. De är rena, organiserade och väl anpassade.

Visuellt förbättrad design

Det är naturligt att anta att rutnätet delar upp en sida i lika delar för lika placeringar av element. Men design involverar ofta också hierarki. Ett rutnät är tillräckligt flexibelt för att möjliggöra hierarki och för att påskynda processen. Designa blir också lättare.

Hierarki och rutnät arbetar med att utveckla en slutlig design som förbättras visuellt.

Rengör layouter

Som nämnts har tittare som tittar på designen den naturliga tendensen att drabbas av röran eller röran. Om du tror att du kan komma undan med att bara placera objekt slumpmässigt, tar du fel. Rutnät är verktyg som finns eftersom design inte bör vara rörig. Att argumentera för konstens flexibilitet och yttrandefrihet borde inte vara din guide när du utformar. Det är nätverkets jobb.

Marginaler är till hjälp. Att gå för stramare marginaler kan ge en mer spänd design, men öppna marginaler får ett rent och koncist utseende. Rutnät handlar om marginaler som kan få din design att se fläckfri och utan röran.

Bortsett från marginaler, bör rännor också vara på plats. Dessa är de justerbara mellanrummen mellan kolumnerna i rutnätet. De ska hålla samma storlek i hela projektet för att hålla saker skarpa och rena.

Tilltalande för ögat

Vad är ditt designmål? Du kan ha ett stort antal mål, men i grund och botten är att människor ska få det, eller hur? Det är också för uppskattning.

En design kommer att vara mer uppskattad om den är visuellt tilltalande, ett slags godis och ett stycke värt att prata om med andra.

Konstnärer och formgivare har en relation med nät av just anledningen att de strävar efter en visuellt fantastisk slutprodukt. Gitterlinjerna gör också en design mer övertygande.

Ta regeln om tredjedelars koncept till exempel. Det är ett begrepp som används i fotografering som teoretiserar att designen måste delas in i en serie horisontella och vertikala. Korsningarna mellan dessa linjer är kontaktpunkter som dikterar var du ska placera dina föremål för ett trevligare resultat. Fotografer använder den varje gång för att avsiktligt låta sina föremål sitta på dessa kontaktpunkter.

Regeln om tredjedelar i en utskrift fungerar med rutnätet på plats. Ge detta en chans i din nästa design och se att dina element verkar mer tilltalande när du uppnår allt som nät lovar att ge - ett rent, organiserat och strukturerat utseende.

Dessa horisontella och vertikala är handverktyg för att hålla saker behagliga för ögat.

Lagt till effekt när du bryter mot regeln

Ja, vi handlar om att hålla fast vid nätet för att producera en vacker design. Ibland är det emellertid vad projektet kräver att bryta mot reglerna. Att medvetet ignorera nätet kan fungera för ökad påverkan. Om du vill ta ögonen på något på din duk, fokusera det på det objektet genom att trotsa rutnätet. Detta avsiktliga drag kommer att ge din design ett helt nytt perspektiv. Denna 'glitch' skulle visa sig intressant för din publik. Eftersom resten av objekten är i linje förutom att en sak kommer din publik att dras till det.

Att bryta nätet kommer att hålla det intressant. Du kan dock bara göra detta rätt om du först känner till reglerna.

Med alla dessa saker som tagits upp för kärleken till designnätet är det fortfarande upp till dig att se dess skönhet och användbarhet. Om du är ny på det här eller om du just har omvandlats till att vara ett nätfläkt kanske du har insett hur bra de här linjerna kan vara när du lär känna dem mer.

Resurser

Böcker

100 designprinciper för användning av nät - Den här boken beskriver grundläggande riktlinjer och regler för layout / rutnät, inklusive att välja typsnitt, sträva efter rytm och balans med typ, kombinera typsnitt, använda specialtecken och kerning och läsbarhet.

Basics Design 07: Grids - Genom en detaljerad undersökning av principerna bakom nätdesign informerar och utvecklar den här boken din förståelse av denna viktiga designkomponent, så att du enkelt kan utforma rutnät och precision för alla situationer.

Grid Systems i grafisk design - En visuell kommunikationshandbok för grafiska formgivare, typografer och tredimensionella formgivare.

Att skapa och bryta rutnätet - En fantastisk bok av Timothy Samara som täcker nätteori och användning.

Appar och verktyg

Guideguide.me - En Photoshop-förlängning som gör det smärtfritt att arbeta med guider.

Gridlover.net - Upprätta ett typografiskt system med modulär skala och vertikal rytm.

Gridulator.com - Gör enkelt och ladda ner pixelnät.

Thegoldengrid.com - Ett komplett nätverk för supersnabb trådkonfigurering och visuell design.

Gridzzly - Gör ditt eget rutnätspapper.

Prickigt papper - Handgjorda nätböcker av högsta kvalitet.

Jeet - Jeet låter dig uttrycka ditt sidnät på samma sätt som en människa skulle beskriva det.