Har du någonsin blivit förvirrad om några av designerlingo? (Det kan hända med både designers och icke-designers.) Designens jargong har utvecklats under åren, utan att tvivla på att några av er skakar huvudet!
Vi kommer att bryta ner en del av terminologin, av designtyp, i hopp om att det blir lättare för både designers och kunder att kommunicera mer effektivt. Här är en guide till vad det betyder med 12 villkor i kategorierna allmän design och webbdesign. Kom tillbaka senare i veckan för villkor relaterade till tryckdesign och typdesign.
Allmän design
Det finns en hel del ord som används universellt när det gäller designprojekt - tryckt och online. Dessa termer kan vara skillnaden mellan att kommunicera enkelt med andra designers eller klienter och kämpar för att förstå varandra.
Inriktning: Positionen av element inom marginalerna. Detta kan gälla text, bilder eller andra element. Det finns fyra typer av anpassning: Vänster, höger, motiverad och centrerad.
Färgpalett (färgschema): Den definierade uppsättningen färger som är acceptabla att använda i ett projekt. Varje färg borde ha ett inställt värde i stället för ett namn som röd, lila eller mynta. Det finns inget bestämt antal färger i en palett; De varierar ofta efter projekt och innehåller tre eller flera nyanser, nyanser och toner.
textpassning: Processen med att justera typstorlek, spårning och linjeavstånd för att passa in i önskat utrymme. Kopieringstekniker kan innefatta manipuleringar till teckensnittet (storlek och avstånd) eller redigering för att få orden att passa.
FPO (endast för position): Detta är en platshållarbild, vanligtvis låg upplösning, som används för att hålla en viss form eller storlek innan den slutliga bilden är klar.
Greeking: Ändra visningsegenskaper för att påskynda uppgraderingshastigheten på en skärm så att bilder och text visas snabbt som grå lådor kallas grävning. Detta kommer att göra bilder och skriva oläsliga. Vissa designers använder den här termen för att referera till en bild eller text som inte länkar till ett dokument, vilket också resulterar i en grå ruta.
Hero bild: Den största, djärvaste bilden eller grafiken i designen. Denna ofta överdimensionerade bild är fokusen på en design.
Negativt utrymme (vitt utrymme): Det oanvända utrymmet kring din design hänvisas till med dessa termer. Vitt utrymme definieras generellt som utrymme utanför text- och bildområdena medan negativt utrymme ofta är en del av det övergripande designsystemet. Båda bör betraktas som avsedda utrymmen och planeras ut.
Pantone: Pantone Matching System är ett eget färgsystem skapat av Pantone-företaget och kallas vanligtvis bara Pantone.? Det standardiserade systemet tillåter konstruktörer att? Prata samma språk? i form av färg för en mängd olika publiceringsmöjligheter.
Bevis (klistra upp, wireframe, mockup): En tidig kopia av ett designprojekt som används för att titta på koncept, kontrollera fel och fungera som ett verktyg för att kontrollera status för ett projekt.
Omvänd: Använda typ och färg på motsatt sätt som du kan förvänta dig, till exempel vit typ på svart bakgrund. Omvänd hänvisar även till den negativa av en bild.
Regel: Tunna linjer använde sig för att skilja delar av designen. Regler kan stå ensamma eller användas runt objekt, till exempel att rama ett foto eller en konturtext.
Vektor (vs. raster): Vektorformatet använder linjer, former och matematiska formler för att skapa bilder. Fördelen med vektorformat är att skapa bilder och former som kan ändras utan att det går ner i kvalitet. Vektor är det föredragna formatet för logotypdesign. Rasterformat använder pixlar (små rutor) för att skapa bilder; De är beslutsberoende.
Web- och digital design
När det gäller web och digital design jargong verkar vissa av villkoren förändras hela tiden. Några av de senaste jargon kommer från designtrender och populära tekniker.
Anti-aliasing: Denna teknik används för att släta ut kanterna på teckensnitt och objekt byggda i rasterformat? Processen automatiseras med vanlig mjukvara.
Baner: Den stora bilden eller föremålet längst upp på en webbsida. En banner kan vara information relaterad till webbplatsen och innehålla en logotyp eller navigationsinformation eller en annons (bannerannons) som visas över den övre delen av sidan. Bannerannonser är vanligtvis bredden på skärmen (eller den största annonsen högst upp på skärmen) med 120 pixlar djup.
CAPTCHA: Denna akronym för helt automatiserade public turing-test för att berätta för datorer och människor apart används för att skydda platser från robotar. En CAPTCHA används ofta när du fyller i en blankett eller annan dataingång. Open-source-tekniken är vanlig och har olika testformat (ord, nummer och frågor).
favicon: En liten 16-16 pixel bild bredvid webbadressen till en webbplats i menyn i webbläsaren och vid sidan av bokmärken. Den lilla bilden används för att göra din webbplats mer igenkännlig. Favicons är ett vanligt webbdesignelement.
Platt: Denna design trend tog slut i slutet av 2013 och fortsätter att vara populär. Den platta designstilen är minimal, med enkla tekniker, typ och nästan inga designeffekter eller tricks. Apple antog en nästan platt designstil för iOS 7 och andra populära webbplatser, inklusive Facebook och Google+, använder platt styling.
Lorem ipsum: Platshållare eller dummytext som använder en mängd olika tecken vid olika? Ord? längder för att ge dig en exakt känsla av vilken typ som kommer att se ut i ett textblock.
Parallax: Parallax är en teknik där innehållsskikt är utformade för att arbeta och flytta ihop. Bakgrund, mitten och förgrundsbilder skapas och utformas för att flytta med olika hastigheter så att element på skärmen flyttas. Det är en vanlig och trendig rullningsteknik. (Läs mer i en ny designshackartikel.)
Responsiv design: Detta koncept med webbdesign gör det möjligt för en enda webbplats att göra bra och korrekt på en mängd olika enheter (skrivbord, surfplatta och mobil) i olika storlekar. Fördelen är att ha en enda webbplats med en gemensam användarupplevelse.
RGB: Färgläget för digital design som använder kombinationer av rött, grönt och blått för att göra färger. I RGB-modellen använder varje nyans dessa färger för att skapa varje färg.
Slider: Den här populära tekniken använder ett stort block (ofta baserat på jQuery) för att rotera flera bilder (och text) på en plats på webbplatsen. Sliders kan köras automatiskt eller baseras på klick eller kranar.
Märka: Kod bifogad ett specifikt objekt som innehåller instruktioner för formatering. En av de gemensamma referenserna är? Alt tagg? som innehåller information om en bild i textform.
UX (användarupplevelse): Den viktigaste termen i webb och digital design är användarupplevelse, eller hur designen fungerar. UX innehåller allt om hur någon interagerar med ett digitalt element, från beteende till känslor till attityd.
Trendiga fraser
Ibland utvecklas jargong med tiden. Här är fyra trendiga ord du borde veta.
Kontur: Såsom en regel hänvisar det till något som beskrivs. Men den här typen av form är mer flytande och bidrar till att skapa en 3D-effekt.
Skeuomorphic: En stil som försöker göra element på en plan yta ser och känns tredimensionell. Dessa element använde design? Tricks? såsom skuggor, snedställningar och gradienter för att uppnå önskad effekt.
Strukturerad: Mönster som använder geometriska former och standardproportioner kallas strukturerad. (Tänk på en logotyp som Fort Worth Museum, som använder flera rutor.)
genomskinlig: Denna effekt är mycket som frostat glas, med ett lager ovanpå en annan som gör att en del av bakgrundsbilden kan komma igenom. Färger och former av bilden kommer att komma igenom men utan definition.
Slutsats
Vi skulle kunna fortsätta med ännu mer jargon relaterade till design. Och i själva verket kommer vi det. Var noga med att leta efter? Ordlista med "Designer" -ord, ny och gammal (del 2)? för villkor relaterade till tryck och typografi design.
Förhoppningsvis har denna primer hjälpt dig att förstå designens lingo lite mer. Vilka andra ord hör du oftare dessa dagar? Vet du vad de menar? Dela med oss i kommentarerna.
Bildkälla: SamahR.