symboler och ikoner är kärnan i grafisk design. Designers är beroende av visuell symbolik för att lägga till djup och mening när texten ensam faller kort.
den här guiden till vanliga symboler och betydelser i design täcker:
- Varför används symboler i grafisk design?,o Använd symboler och ikoner i webbdesign
- var du kan få symboler, ikoner och illustrationer för dina mönster
Designers använder symboler och ikoner till:
- Lägg till en touch av kreativitet till infographics
- gör presentationer mer minnesvärda och engagerande
- dela upp textinnehåll i täta rapporter
- hjälp användarna navigera webbplatser
du är förmodligen bekant med många av dessa symboler redan.,
några av de mest populära symbolerna är:
- hjärtsymbol: detta representerar kärlek, medkänsla och hälsa.
- dove symbol: detta representerar fred, kärlek och lugn.
- Raven symbol: detta representerar död och undergång.
- Trädsymbol: detta representerar tillväxt, natur, stabilitet och evigt liv.
- Owl symbol: detta representerar visdom och intelligens.,
- Dragon symbol: detta representerar makt, visdom, styrka och mysticism.
- Fjärilssymbol: detta representerar Återfödelse, skönhet och omvandling.
- hund symbol: detta representerar lojalitet, skydd och sällskap.
- Lion symbol: detta representerar mod, ledarskap och royalty.
- Fox symbol: detta representerar slöhet och smarthet.,
men låt oss inse det: medan vi alla vet att ett hjärta representerar kärlek, och en duva representerar fred, behöver vi ofta visualisera mer praktiska begrepp som ”business growth”, ”meeting agenda” eller ”statusuppdatering”.
den här djupgående guiden dyker djupt in i symboler och betydelser som faktiskt är användbara (för alla dina grafiska designbehov).
låt oss först prata om varför symboler är så centrala för grafisk design.
varför används symboler i grafisk design?
det är alltid bättre att visa än att berätta.,
symboler, som används i kombination med text och bilder, kan göra meddelanden mer meningsfulla och minnesvärda än text ensam och har använts under hela historien om marknadsföring och design.
de har befogenhet att korsa språkbarriärer, och kan hjälpa dig att samarbeta med din publik på en djupare nivå än vad som är möjligt med bara ord.,7118″>
vanliga symboler som används i grafisk design (och den verkliga världen) är:
- pilsymboler: används för att representera riktningar
- moln, regn, snö och solsymboler: används för att representera väder
- ström, disk, wifi och bluetooth-symboler: används för att representera tech
- rullstol, information, badrum och rökfria symboler: används på olika tecken som finns på offentliga platser
universella symboler som dessa är så vanliga att de har blivit så andra natur för oss., Vi förstår dem omedelbart och intuitivt…det finns helt enkelt inget behov av förklaring!
Design Pro Tips: hitta dessa symboler i Venngage ikonbiblioteket under följande kategorier: ”Pilar& Vägbeskrivningar”, ”väder”, ”teknik” och ”tecken”.
När den används i grafisk design kan symboler och ikoner hjälpa till att bryta upp täta textpassager, vilket gör det lättare att smälta.
men symboler och ikoner är inte bara kommunikationsverktyg., Designers använder stiliserade, illustrerade ikoner för att lägga till känsla till saker som infographics och presentationer för en skräddarsydd känsla.
till exempel är den ikonfokuserade presentationsmallen som visas nedan en ganska kreativ presentationsidé, med illustrationstilikoner som dominerar varje bild:
Om du skapar en infografisk, en presentation, en logotyp eller en webbplats kan visuell symbolik användas för att skapa ta din design till nästa nivå.,
Spara min plats
universella symboler och betydelser: former och linjer
geometriska former är de mest grundläggande symboler som bär betydelse.
medan designers kombinerar vanligtvis grundläggande geometriska former för att skapa mer komplexa, meningsfulla symboler, håller geometriska former fortfarande mening på egen hand.
förstå innebörden av grundläggande former är grundläggande för logo design och andra former av grafisk design., lines: Relationships, connectedness
Curved lines and shapes tend to provide a sense of movement, fluidity, continuity, and informality.,
former med hårda hörn och raka linjer, däremot, tyder vanligtvis på stabilitet och jordedness.,
hur man använder former och linjer i design
grafiska designers använder grundläggande former och linjer till:
- organisera information genom gruppering och separation
- markera viktig information
- Lägg till textur och djup
- skapa struktur
som i den infografiska mallen nedan är symmetrin för geometriska former perfekt för att skapa en känsla av ordning och struktur i en design.,
stora strukturella bakgrundsformer (som cirkeln ovan) lägger till subtil komplexitet. Bakgrundsformer kan också förmedla något om relationerna inom innehållet i designskapande grupper eller föreslå separation mellan ämnen.
former som cirklar och rutor kan också läggas bakom andra ikoner och symboler, betonar viktig information och skapar en känsla av upprepning och djup i en design.,
i listan infographic nedan gör lagrade gränser och ovaler ikonerna till en kontaktpunkt. De känner att de poppar ut ur sidan och kräver din uppmärksamhet:
den typ av form som används påverkar designens övergripande känsla. Jämföra mind map exempel nedan, böjda cirklar och linjer skapar en lekfull, kreativ känsla, medan stabiliteten i kvadrater och rektanglar gör designen känns mer traditionell och professionell.,
geometriska former och linjer är särskilt kritiska i logotypdesign, där grundläggande former ofta utgör kärnan i logotypen., Logotypen nedan är till exempel ett enkelt men effektivt spel på en roterad triangel:
om du tittar omkring dig kommer du sannolikt att märka många logotypdesigner, som dessa från adidas, Google Drive och Mitsubishi, som är baserade på enkla geometriska former.
Läs vår djupgående guide för mer logo design tips.,
Användbara symboler och betydelser för infografik, presentationer och rapporter
geometriska former är bara början med det kommer till visuell symbolik. Det finns en hel del vanliga symboler med allmänt accepterade betydelser … allt från en hund som representerar lojalitet till en uppvuxen första representerar aktivism.
men när du utformar en presentation, infografisk eller rapport behöver du förmodligen inte ofta symboler för sådana abstrakta begrepp.
läs vidare för några konkreta symbolexempel som bör vara till hjälp för att utforma dokument för arbetsplatsen.,
symboler för att representera kommunikation, samarbete:
- Speech bubble symbol: används för att representera tal och kommunikation.
- People symbol: används för att representera lagarbete och samarbete.
- Mail / email symbol: används för att representera meddelanden och kommunikation.
- Presentationssymbol: används för att representera lärande och undervisning.
- Handslagssymbol: används för att representera avtal och samarbete.,
kommunikation är traditionellt representerad med talbubblor eller e-postsymboler, men det finns så mycket mer utrymme för kreativitet här.,
ett sätt att dela ut är att hitta symboler som representerar det specifika kommunikationssättet som du diskuterar, vilket framgår av den här projekthanteringsplanen:
eller, som framgår av exemplen på kommunikationssymbolen nedan, kan du lägga till massor av variation i mixen genom att fokusera på den mänskliga sidan av kommunikation och visa sambanden mellan medarbetare.,
Design Pro Tips: prova följande söktermer för att hitta dessa symboler i Venngage icon library: ”communication”, ”message”, ”speech”, ”work”, ”teamwork”, ”team”.
symboler för att representera företagstillväxt
företagstillväxt är något du kan behöva visualisera i ett förslag om tillväxt, en marknadsföringsplan eller ett startplandäck.,
men eftersom företagens tillväxt innebär olika saker i olika företag, finns det inte ett bästa sätt att representera företagens tillväxt visuellt.
vanliga symboler som används för att representera företagstillväxt är:
- växt symbol: används för att representera tillväxt, förändring, värde och positivitet.
- Rocketship symbol: används för att representera snabb tillväxt eller produktlanseringar.
- uppåtpil: används för att representera positiv förändring.
- Grafsymbol: används för att representera trender.,
- dollartecken: används för att representera pengar eller intäkter.
bildmallen nedan använder till exempel fyra olika symboler för att representera några olika aspekter av företagens tillväxt, inklusive intäkter, kunder och anställda.
om du fokuserar på att öka återkommande intäkter kanske du vill visualisera företagens tillväxt med kontantsymboler. Om du bryr dig mer om att förbättra andra mätvärden, kan du använda ikoner som visar data trender uppåt.,
eller så kan du använda en metaforisk metod för att visa företagstillväxt, som några av exemplen på tillväxtsymbolen nedan:
Design Pro Tips: prova följande söktermer för att hitta dessa symboler i Venngage icon library: ”work”, ”data”, ”growth”, ”incline”, ”success”, ”money”.
symboler för att representera design, konst, kreativitet:
- Pennsymbol: används för att representera ritning, skissa och ideation.,
- Formsymboler: används för att representera abstraktion, kreativitet och grafisk design.
- Webbläsarsymbol: används för att representera användargränssnitt.
- färgpalett symbol: används för att representera grafisk design, konst och inredning.
- Lightbulb eller brain symbol: används för att representera brainstorming, kreativitet och idéer.
När man talar om design, Finns det lite tryck för att din design ska vara unik., Detta är den perfekta platsen att tänka utanför boxen när det gäller symbolik.
ett smart symboliksexempel är användningen av en tom lådikon för att representera blanktecken i logotypdesigntema infographic nedan:
att prata om kreativitet är också den perfekta tiden att dela ut till funkier illustrerade ikonstilar. Illustrationer var på modet 2019, och vi tror att de kommer att fortsätta som en grafisk design trend i 2020 också.,
här är några roliga illustration-stil design symbol exempel från Venngage ikonbiblioteket:
Design Pro Tips: prova följande söktermer för att hitta dessa symboler i Venngage ikonbiblioteket: ”design”, ”webbplats”, ”färg”, ”paint”, ”draw”.
symboler för att representera säkerhet, säkerhet:
- hård hatt symbol: används för att representera säkerhet på arbetsplatsen.,
- låssymbol: används för att representera datasäkerhet i webbläsare och andra digitala produkter.
- pylon symbol: används för att representera fysisk säkerhet och försiktighet.
- Shield symbol: används för att representera både fysisk och digital säkerhet.
- Paraplysymbol: används för att representera skydd.
ett sätt att hitta unika symboler är att ta den mening du försöker förmedla från ett sammanhang och använda det i ett annat sammanhang.,
till exempel, med hjälp av symboler för byggsäkerhet (som de nedan) i samband med tech security eller Home security.
eller bara hålla sig till de traditionella symbolerna för säkerhet som lås och sköldar som ses i säkerhetssymbolen exemplen nedan.
Design Pro Tips: prova följande söktermer för att hitta dessa symboler i Venngage icon library: ”construction”, ”safety”, ”lock”, ”shield”, ”security”.,
symboler för att representera varning, uppmärksamhet:
- utropstecken symbol: används för att visa betoning, betydelse.
- högtalarsymbol: används för att representera ett meddelande eller en varning.
- handsymbol: används för att indikera att stopp krävs.
- Bell symbol: används för att representera en varning eller anmälan.
den klassiska symbolen för uppmärksamhet är en triangel eller diamantform med ett utropstecken inuti.,
andra mer unika uppmärksamhetssymboler är Klockor, larm, röda lampor, högtalare eller till och med en enkel cirkel med utropstecken. Allt som skriker ”titta på mig” fungerar bra för den här applikationen.
Design Pro Tips: prova följande söktermer för att hitta dessa symboler i Venngage icon library: ”priority”, ”announce”, ”alert”, ”caution”, ”warning”.,
symboler för att representera mätvärden, forskning:
- förstoringsglas symbol: används för att representera forskning och analys.
- Grafsymbol: används för att representera trender och föreningar.
- Målsymbol: används för att representera mål.
- Mikroskopsymbol: används för att representera forskning och upptäckt.
- Gear symbol: används för att representera arbete eller framsteg.,
När det gäller att symbolisera mätvärden och data är alternativen praktiskt taget obegränsade. Du kan hålla fast vid de vanliga bilderna som visar diagram och trender, men det finns så mycket mer där ute.,
några av mina favoriter är de mer invecklade illustrerade ikonerna som kombinerar förstoringsglas med data för att visa analys i aktion, vilket framgår av den här annonseringsplanens design:
Här är bara en liten smak av möjligheterna till symboler för statistik och forskning:
p>
design pro tips: prova följande söktermer för att hitta dessa symboler i venngage ikonbiblioteket: ”analys”,”rapport”, ”data”.,
symboler för att representera mål, strategi:
- Målsymbol: används för att representera ett mål eller en framgång.
- Sökvägssymbol: används för att representera en plan eller procedur.
- Mind map symbol: används för att representera planering, anslutningar eller strategi.
- checklista symbol: används för att representera planering eller strategi.
det beprövade sättet att symbolisera mål är att använda en målikon. Vilket är bra, och allt…men vi kan göra bättre.,ss till ett mål med en delvis färdig checklista, som den som finns i infographic nedan:
När det gäller visualiseringsstrategi, överväg att använda ikoner som visar många anslutningsdelar eller en slingrande väg till något mål, vilket framgår av dessa strategisymbolexempel:
design pro tips: prova följande söktermer för att hitta dessa symboler i venngage icon library: ”target”, ”goal”, ”objective”, ”trend”, ”Strategy”.,
symboler för att representera information, idéer, insikt:
- Lightbulb symbol: används för att representera uppfinning, idéer och kreativitet.
- Kalkylarkssymbol: används för att representera information och organisation.
- blixt symbol: används för att representera insikt, klarhet och inspiration.
- Dokumentsymbol: används för att representera kunskap och kommunikation.
Vi har använt en glödlampa för att representera idéer för åldrar., Det är effektivt, men förmodligen lite överanvänt.
några alternativ? Använd gnistor för att representera blinkningar av insikt, som designen nedan, använd förgrenade, anslutningslinjer för att visa kreativitet eller kombinera glödlampan med andra symboler för att skapa en scen.,
Här är några fler exempel på idé-och informationssymboler med några variationer på den enkla glödlampan:
design pro tips: prova följande söktermer för att hitta dessa symboler i venngage icon library: ”mindmap”, ”Mind”, ”idea”, ”list”, ”about”.,
symboler för att representera förändring, framsteg:
- Gear symbol: används för att representera framsteg, arbete och innovation.
- böjd pilsymbol: används för att representera cyklicitet eller process.
- Checkmark symbol: används för att representera framgång eller visa att mål har uppfyllts.
utanför näringslivet är symboler som representerar förändring relaterade till återfödelse, förnyelse och omvandling…symboler som solen, månen och vattnet.,
nyckeln till att visualisera förändring i ett professionellt sammanhang är att gå mycket mer konkret. Hitta symboler som visar ett begynnelsetillstånd och sluttillstånd, föreslå rörelse eller visa en väg från en plats till en annan.
här är några exempel på förändring och framsteg för att få dig att tänka:
Design Pro Tips: prova följande söktermer för att hitta dessa symboler i Venngage-ikonbiblioteket: ”sync”, ”transition”, ”change”, ”progress”.,
detta skrapar bara ytan på hur kreativ du kan få med symbolik i grafisk design, men förhoppningsvis räcker det med att komma igång. För mer inspiration, kolla in vår infographic icon design guide.
hur man använder symboler och ikoner i infographics och creative designs
använda ikoner för att förstärka viktiga idéer
ett kraftfullt sätt att använda ikoner i kreativa mönster är att använda ikoner för att förstärka punkter du vill att din publik att spärra på.,
används på detta sätt, ikoner och symboler blir visuella signaler som kommer att vägleda publikens ögon mot viktiga områden i din design. Det är därför du ofta ser ikoner bredvid listobjekt eller infographic sektionsrubriker, som visas nedan.
bli inspirerad av stiliserade, illustrerade ikoner
ett enkelt sätt att lägga till tecken till en infografisk (eller annan informell design) är att använda mer invecklade, illustrationsstilsikoner som kärnan i designen.,
Starta designprocessen genom att hitta en ikon stil som du vill, sedan helt enkelt dra färger från dessa ikoner för resten av din design. Detta är ett ganska idiotsäkert sätt att skapa en unik, iögonfallande design som fortfarande är sammanhängande (som den infografiska mallen nedan).
använd konsekventa ikonstilar
det är viktigt att alla dina ikoner matchar i alla design-eller flersidiga dokument.,
kombinera missmatchade ikoner, även om de ser bra ut på egen hand, är en stor design faux-pas som är säker på att stänga av läsarna.
här är ett exempel på en enkel process infographic med en sammanhängande ikonuppsättning som ger en ren, polerad effekt.
hur man använder symboler och ikoner i professionella dokument
utforma formella dokument som statusrapporter och projektplaner kräver ett annat tillvägagångssätt än roligt, kreativa mönster som infographics.,
använd minimala monocolor-ikoner för ett elegant, professionellt utseende
i formella dokument är det vanligtvis bäst att hoppa över de stiliserade, illustrerade ikonerna till förmån för mer minimala enfärgsikoner och symboler.
detta kommer att säkerställa dina affärsförslag och pitch däck träffa alla rätt anteckningar i din nästa pitch möte.,
använd symboler och ikoner för att bryta upp långa passager av text
symboler och ikoner är ett användbart verktyg för att förbättra läsbarheten av täta dokument. Dina läsare kommer att tacka dig om du intersperse några relevanta visuella i längre avsnitt av text, vilket ger dem en plats för sina ögon att vila.,
hur man använder symboler och ikoner i webbdesign
symboler och ikoner är viktiga för många webbplatsgränssnitt. Används på rätt sätt, de kan hjälpa vägleda användare genom en webbplats, samtidigt som du sparar skärmutrymme och göra gränssnitt mer visuellt tilltalande.,
för att symboler ska vara effektiva i ett webbgränssnitt måste de vara:
- lätt att förstå
- entydig och universell
- enkel och kompakt
användarna ska kunna förstå, utan att tänka, vad den symbolen ska vara medel. Om de inte kan, kan detta leda till några allvarliga användbarhetsfrågor.
det är bäst att hålla fast vid glyph-stilikoner–ikoner som är extremt enkla och utformade för användning på webben., De kommer inte att distrahera från innehållet på din webbplats och de kan färgas för att matcha ditt varumärke stil (precis som InVision gör, nedan).
var du kan få symboler, ikoner och illustrationer för dina mönster
Venngage ikonbiblioteket är en go-to-resurs för alla typer av ikoner, från grundläggande former och symboler till stiliserade illustrationer.,ul>
- Outline/glyph icons: minimala, moderna fyllda ikoner perfekt för professionella mönster
- färgade ikoner: enkla, geometriska ikoner med några färger
- platta ikoner: 2D ikoner med geometriska former och djärva färger
- ”0dbb25e978” > illustrerade ikoner: detaljerade ikoner med distinkta, illustrerade stilar
använd bara sökfunktionen för att hitta ikoner efter nyckelord och filtrera sedan efter ikonstilen efter ditt val!,
den bästa delen?
Vi uppdaterar alltid vårt ikonbibliotek för att inkludera nya ikoner. Kolla in våra senaste teckensnitt och ikontillägg.
Få mer information om hur man arbetar med Venngage ikoner i vår handledning.