Design är en metod för uttryck. Den kommunicerar ett visuellt meddelande till dem som ser det. Det kommunicerar också en historia, oavsett om det är underförstått eller tydligt angivet.
Som designer är det ditt jobb att se till att historien är klar. Designhistoriken ska falla i linje med företagets historia, varumärke, hemsida, spel, dryck på flaska eller vad du än arbetar med. Att berätta en historia är viktig för att skapa ett bestående intryck och göra din? Sak? mer minnesvärd än alla andra där ute.
Vad är din historia?
Innan du ens börjar utforma det första elementet, bestäm vilken historia du planerar att berätta. Är det lyckligt eller ledsen, roligt och energiskt, eller långsamt och lugnt? Ritar historien vid hjärtsträngarna? Skriv ut det så att hela laget vet och förstår den berättelsen, tonen och stämningen som designen ska förmedla.
Ett par fina exempel på historia (med en design som matchar) inkluderar:
- TOMS skor: Filantropi
- Clif Bar: Enkelt äventyr
- Gå Pro: Spännande och extrem
- Nike: Attityd
- Trader Joe: Quirky
Så hur identifierar du din historia? Börja med en snabb brainstorm. Säg namnet på ditt företag / varumärke / klient högt. Skriv sedan ned alla ord och saker du associerar med det. Be några andra personer att göra detsamma utan att veta varorna på din lista. Ett vanligt tema kommer att uppstå. Det är din historia. (Om resultaten är något som du inte vill vara din historia kan det vara dags att ta med en varumärkeschef för att ändra den.)
Delar av en berättelse
Numren varierar beroende på vem du frågar, men varje historia har några mycket specifika delar. Din designhistoria ska också förmedla detta. Berättelsen eller berättelsen visar diagrammen och handlingens handling och kronologi. Här kommer vi att titta på delarna och relatera dem till Trader Joes hemsida som exempel.
Det börjar med en introduktion. Trader Joes landningssida är enkelt och låter dig veta att detta företag handlar om mat och är lite annorlunda än den traditionella mataffären.
Historiens stigande handling händer när du lär dig om karaktärer och inställningen. Produktnyheterna? och? Recept? sidor anger den här scenen. Du blir intresserad av affären och vill veta mer.
Berättelsen climax är den största vändpunkten i historien: Vad kan du hitta på Trader Joe och var du kan hitta den (? Dig In?). Du är investerad i historien och vill åka dit.
Den fallande åtgärden leder dig till slutsats. Du kommer sannolikt att klicka runt på webbplatsen lite mer och kanske även hitta den verkliga Trader Joes historia, vilket hör samman med webbplatsens design. (Det var en verklig man som heter Trader Joe!)
Slutligen har historien upplösning. Du vet om företaget och har bestämt dig för att handla där och planerar att besöka. Och du kommer ihåg viktiga delar av historien och kanske dela dem med andra. Berättelsen har hjälpt dig att förstå varför Trader Joe har det utseende den har och hur det rör sig om något konkret.
Fördelar med berättande
Storytelling har tre viktiga fördelar också. En berättelse hjälper dig att förstå, engagera och komma ihåg. Tänk på alla de roliga små spelen du spelar på din telefon; de har var och en en historia.
Visuellt vill du använda dessa fördelar till din fördel med element som färg, typ och bilder. Släng estetiken till historien. Välj en färgpalett som skapar en logisk koppling till känslan eller stämningen i den berättelse du berättar, gör samma sak med typografival. Bilder ska också förmedla det meddelandet. (Det finns en anledning att varje person i varje bild som Coca-Cola distribuerar ler, glädje är en del av sin historia. Detta gäller för företaget hela tiden som du kan se från 1950-talet.
Tips för att designa din berättelse
Utseendet på din berättelse bör återspegla stämningen och tonen i den. En enkel historia som är förvirrad av utarbetade effekter kan ha en ojämn känsla. Här är fem designverktyg som kan hjälpa dig berätta för din historia.
1. Stora bilder
Du har hört clichen: En bild är värt ett tusen ord. Använd det till din fördel. Vilken bild bäst berättar för folk vad du handlar om? Eller kanske är det inte alls ett foto, men en illustration.
Gå stort med en eller två av dessa bilder som representerar ditt företag. TOMS-skor gör det till exempel särskilt bra. Bilderna på varje sida på webbplatsen handlar mer om berättelsen än den faktiska produkten. Denna presentation skapar bättre koppling till historien.
2. stora ord
Ett stort ord eller en fras kan fastställa det hållbara intrycket du vill göra. Berätta för folk vad du handlar om i ett nötskal för att locka dem in i din berättelse.
Clif Bar varumärket är för äventyrare. Från förpackningen av produkter till webbplatsen görs detta särskilt tydligt. Webbplatsen använder i synnerhet stora ord för att hamra hem:? Foder din äventyr.?
3. Färg
Vetenskapen bakom färg och känslor har visat gång på gång att nyans kan påverka hur användarna uppfattar en design och kopplar ihop den. Se till att din färgpalett skapar rätt anslutning.
Titta på de två färgpaletterna ovan, tänk på de olika versionerna av samma historia som de berättar. Håll den tanken i åtanke när du tänker på färg i dina designprojekt för att säkerställa att ditt system berättar rätt historia.
4. Designeffekter
En av de stora sakerna om teknik är alla tillgängliga alternativ för att berätta för din historia. De två största trenderna just nu i webbdesign är video- och parallaxeffekter. Båda är fantastiska berättande tekniker.
Parallax rullning kan hjälpa dig att skapa scener eller diabilder för varje kapitel? av din historia. Effekten är generellt smidig och användarvänlig. Det fungerar för en mängd olika historia typer och kan vara så enkelt eller komplext som du vill. Tänk på den här tekniken när du utformar för tryckta element också.Skapa en design i paneldesign (eller flipbook eller storyboard) för att få samma historia progression känsla.
Video ger dig kontrollen att faktiskt berätta en historia i bilder och med ljud om du vill. Go Pro har faktiskt en dokumentärfilm på webbplatsen som tar tag i din uppmärksamhet och berättar om sin historia. Det trevliga med en kort video är att den kan inbäddas i flera designprojekt från webbplatsen till en bildspelshandledning till en tv-plats till en kiosk.
5. Navigering
Få människor igenom din historia - och designen är viktig. Tydligt flöde, navigering och uppmaningar till handling gör det möjligt att få det att hända och få användarna att ansluta till din design och historia på det sätt du vill ha dem till. Oavsett om designen är tryckt eller digital, ställ en tydlig handling och interaktion. Vad ska folk göra när de ser din design?
Nike gör ett bra jobb med detta i allmänhet. Märket skapar ett distinkt humör och hjälper dig att komma till försäljningsdelen av webbplatsen på flera sätt. Det finns en menyfält över sidans topp och sida samt direkta handlingsbara länkar i skjutreglaget. Dessutom är varje länk en del av historien:? Du vill vara den "baddest" basketspelare du kan vara? Klicka här.?
Slutsats
Storytelling är en viktig del av designprocessen. Så kom ut en penna och notera vilken historia du vill berätta. Det kan vara historien om din historia, eller varför din produkt är överlägsen andra eller hur din VD utför affärer. Alla har något unikt och intressant att dela med sig av.
Anslut den intressanta informationen till din design med färg, bilder, typografi och designeffekter. Och börja tänka på allt design du ser också: Vilken historia försöker de berätta? Fungerar det?
Bildkälla: Public Domain Archive.