Stripes är ett roligt tillägg som kan lägga till visuellt intresse och djup för att designa projekt på olika sätt. Men ränder är mer än bara de blå och vita nautiska mönstren som du kan tänka dig.
Ränder kan ta på sig ett antal former. Vertikal eller horisontell och från klassiska mönster till nätbaserade fodrade till bakgrunder och bildkomponenter, är randar ett bra designalternativ. Här är några sätt att använda dem som du kanske inte har tänkt på.
Traditionella Stripes
När du först tänker på ränder i design kan en del av traditionens idé komma i åtanke. Blå eller röda och vita nautiska ränder. De röda och vita stängerna på den amerikanska flaggan. De roliga strumpor som bärs av Raggedy Ann eller Pippi Longstockings. Men ränder är så mycket mer mångsidiga än bara de traditionella mönstren. De kan användas på flera sätt.
Men vi kommer att titta på en traditionell användning: Sidan ovan använder en barbershop stil randig stolpe som en liten accent inom platsdesignen. Denna traditionella look är ett bra sätt att fokusera uppmärksamhet på en viss del av designen och skapa tonvikt.
Klassisk design
Ränder kan hjälpa till att ställa tonen med ett klassiskt utseende. Lägg till lite konsistens eller skapa randar i en nätbaserad design för att betona det begreppet.
När det gäller klassiska visioner av ränder i design är färg också en viktig faktor. Tänk på några av de klassiska användningsområdena för randar och färg som svartvita uniformer för fångar. (Använd den här kombinationen för ett minimalistiskt eller starkare utseende.) Röda eller blåa randar för traditionell eller gammal skolan.
Texturer kan också skapa tonvikt för ränder genom att föra dem mer i förgrunden. Medan randar ofta används i bakgrunden - ofta med liten kontrast i bleka färger - för? Osynlig konsistens? Större ränder med konsistens kan vara en kontaktpunkt. Tricket är att hålla texturerna enkla och i linje med andra visuella i designen.
Stripetexturer kan också hjälpa dig att skapa? Tändare? linjer så att de inte ser tunga ut och väger ner designen, även när de används med en ljus eller djärv färg. Orchard Keepers, ovan, använder textur på detta sätt för att skapa en känsla av tid med en? Gammal känsla.?
Moderna Stripes
I webbdesign används ränder för att skapa fokus, driva navigering och hjälpa användare att hitta och fokusera på samtal till handling. Paret ovanstående platser ränder på olika sätt för att hjälpa användbarheten.
Industry West använder en tjock horisontell rand som innehåller navigation. På grund av stripens kontrast mot bakgrundsbilderna, tjänar den som en statisk referenspunkt. Den stora kontrastbredden gör det enkelt att läsa navigeringsknappar och gå igenom webbplatsen.
Ombyggnad tillsammans använder en tunn rand ovanpå designen för att skapa ett färgflöde över hela sidan. Den oranga randan (eller raden) hjälper till att dra ögat från toppen till botten av sidan, med användaren pausad på orange accentknappar hela tiden. Den smarta designen hjälper till att berätta för användarna vad de ska göra nästa (klicka på orange knapparna).
Bakgrundsbanden
Bakgrundsremsor kan vara mer än bara en serie horisontella eller vertikala linjer i ett mönster. Ränder kan skapas med hjälp av en serie andra former eller till och med med ett mer slumpmässigt eller naturligt utseende.
Pastaria använder en rolig serie runda former för att skapa ett randigt mönster i sidans bakgrund. Beroende på ditt perspektiv kan mönstret visas vertikalt eller horisontellt. Tricket för att det fungerar så bra är att mönstret skapar intresse och djup utan att vara den dominerande visionen.
På mycket motsatt sätt använder Night Owl Interactive ett naturligt randigt mönster (träkorn) för konsistens och djup. Vad som är trevligt med denna naturliga randstil är att den har ett slumpmässigt utseende.
Stripes i bilder
Medan randmönster ofta är något du skapar kan de också vara en del av den bild som du väljer för sidan. Oavsett om du planerar att inkludera ränder i en bild som en del av designen eller om de händer av en slump, kan de lägga direkt intresse och djup.
Båda exemplen ovan inkluderar träkornsstrukturer för att skapa mönster och ränder inom huvudbilderna. Inte hur olika linjerna är, där de hjälper dig att se och det ytterligare djupet de ger för den övergripande designen.
Färg och mönster
En av de mest trendiga användningarna är att para breda och / eller tunna färgade ränder för ett färgblockeringsmönster. Som en designteknik för digital, utskrift och jämn mode och inredning kombinerar färgblockering omedelbar vikt på ett ingående sätt.
Färgade ränder kan vara ett bra verktyg för att lägga märkesfärger till en design som är bild tung eller minimalistisk. Färg skapar kontrast och tonvikt på platser där det kan saknas och den övergripande effekten har en modern känsla. (Detta är ett bra alternativ om du vill prova ett trendigt koncept som inte är för svårt och har ett mer tidlöst utseende.)
"Mini" Stripes
Medan många av ränderna i exemplen ovan är stora och lätta att upptäcka, kan remsor vara små designavdelningar eller accenter också.
Ett av de minsta exemplen på ränder är hamburgerikonet. Tre små staplade linjer. Det är allt. Men det är ett exempel på att använda randar på minsta nivå.
Day of the Dead website design använder ränder som en accentdetalj på ett sätt som också har mycket visuellt intresse. Nästan faller i bakgrunden omger ett par invecklade ränder texten och hjälper till att dra i ögat mot det. Efterföljande rader och stripning med hjälp av färg skapar flöde genom rullningen på hemsidan.
Slutsats
En sista tanke för dig. Även om tanken på randar ofta framkallar en mental bild av rader eller kolumner om linjer, stripning också kan användas i en singular form. Många av exemplen ovan inkluderar ränder på sätt som inte är den första mentala bilden du kan ha, men varje är intressant och hjälper till att skapa en stark visuell.
Överväg att använda ränder på sätt som är lite annorlunda för den mest effektiva effekten. Spela med färg och struktur, form och storlek. Experimentera med ränder som du skulle innan du provade något annat designverktyg och ha kul!
Bildkälla: Bill Lapp.