Financial Times: En klassisk redesign för den digitala tidsåldern

En version av det här inlägget dök ursprungligen upp på Mario Garcias webbplats . Den har lagts upp igen med hans tillstånd.

Då och då tillkännages en ny design av tidningen som får alla i alert läge. Så är fallet med den omdesign som presenterades i dag av Financial Times. Låt oss ta en titt på det här projektets mittpunkter: de nya typsnitten, det nya rutnätet, grafikens större roll och totalt sett skapa en tryckt utgåva för den digitala tidsåldern.

Den nydesignade framsidan av Financial Times

Kevin Wilson, designchef på Financial Times, retade mig med ett kort mail som bara sa: 'Mario, det är fortfarande rosa och fortfarande ett broadsheet'.

Det är bra att veta, men det var ännu bättre att prova några sidor med den nya designen som Kevin skickade till mig för ett par dagar sedan.

Tre höjdpunkter är huvudpunkterna i Financial Times redesign, som leddes av Kevin Wilson tillsammans med designkonsulten Mark Leeds:

-En ny typografisk palett: bli introducerad till Financier, ett elegant, gammaldags typsnitt som charmar vid första ögonkastet.

-Ett nytt rutnät: borta är konfigurationen med 8 kolumner, finns i det mer attraktiva rutnätet med 6 kolumner.

-En tidning som är designad för att ge den tryckta utgåvan en specifik roll när den omdefinierar sitt syfte mitt i den digitala världen.

Ett samtal med Kevin Wilson, FT designchef

Mario: Vilken var den största utmaningen att göra om FT?

Kevin: Den största utmaningen för redesignteamet var balans:

Tidningen var inte trasig, men vi behövde uppdatera och modernisera den – för att visa ett fortlöpande engagemang för tryckning samtidigt som vi fokuserade om våra redaktionella prioriteringar. Designen behövde också leverera en rad sidor och grafiska format som var mer standardiserade – för att göra framåtplanering och webb-till-tryck-översättning enklare.

Mario: Your Weekend FT har fler sektioner och en tidning: var ett annat tänkande anpassat för just den här utgåvan?

Kevin: Veckodagen FT är ett komplext tvådelat papper som läsarna närmar sig på olika sätt. Vissa börjar från baksidan Företag och hoppar till specifika punkter i körningen - absorberar nyheter, data och analyser snabbt - tidningen som ett verktyg i deras yrkesliv. Andra tar en mer konventionell väg från förstasidan, genom allmänna nyheter och kommentarer. Så vi måste respektera dessa olika vägar – eventuella strukturella förändringar kunde inte genomföras av kosmetiska skäl.

Typografin: Introducing Financier

En höjdpunkt i denna omdesign är definitivt typografin. En ny anpassad serif, Financier, har utvecklats för tidningen av Kris Sowersby, Nya Zeeland.

'Vi ville ha en elegant, auktoritativ serif med mångsidighet för att hantera nyheter och artiklar (inom konst, vetenskap och sport, såväl som finans)', förklarar Kevin Wilson. 'FT är en global tidning men baserad och grundad i London – och ville åberopa detta brittiska arv i den typ vi använde.”

Kevin säger att de under omdesignen experimenterade med några tidiga anvisningar innan Kris föreslog att man skulle utforska 'något som Gill's Solus för text & Perpetua för visning'.

'Det var starkt på textstorlekar på det nya rutnätet med sex kolumner, och rubriken/visningstypen kunde hantera allt från eleganta versaler för titelstycket till starka nyhetsrubriker. De lätta och djärva vikterna, bortom kärnnyhetsvikterna, var väldigt mångsidiga och visade en stor potential för funktioner som kan användas i FT Weekend, säger Kevin.

Kris har också producerat webbfonter av Financier och Metric (hans sans som vi använder för grafik). De kommer att rullas ut till webben och appen efter behov inom den pågående utvecklingsprocessen på digitalt.

Läs mer om Kris Sowersby, hans typsnitt och hans arbete med FT här .

Ett samtal med typdesignern Kris Sowersby

Mario: När du skapade Financier, vilka prioriteringar och riktlinjer gav du dig själv. Financial Times är trots allt en ikonisk finansdagstidning.

Kris: Kortet från Kevin & Mark var väldigt tydligt. FT ville ha en elegant, auktoritativ serif med mångsidighet för att hantera nyheter och reportage inom konst, vetenskap och sport, såväl som finans. Dessutom hade typsnittet arbete över media, från breda tryckta broadsheets till smala mobilskärmar.

Mitt första koncept var en total tjuvstart. Detta bidrog dock till att finslipa avsikten med typsnittet. Mark förtydligade att för att signalera FT:s nya riktning behövde det gå bort från Miller, något skarpare i små storlekar. Han föreslog att man skulle utforska ett alternativ utan bollterminaler. Denna enda kommentar från Mark var nyckeln.

Den stora biten av tidningstypsnitt har kulterminaler. Det är en del av deras historia och arv, och jag tyckte att det var förvånansvärt svårt att flytta ifrån. Så jag började skrapa på att försöka hitta bra modeller för att passa räkningen. Något med anständiga proportioner för nyhetstext, inga bollterminaler, kan gå upp och gå ner i vikt och kommer att fungera bra på digitala skärmar. Jag bestämde mig för Eric Gills Solus, Joanna och Perpetua, och klippte snabbt fram ett text- och displayklipp under ett par dagar. I stort sett följer Financier Text estetiska signaler från Solus/Joanna, och Financier Display följer Perpetua. Det här är första gången jag har skapat en typsnittsfamilj med gratis stilar snarare än motsvarande. De känner att de hör ihop, snarare än att de ser likadana ut.

Mario: Det är en multimedia, multiplattformsvärld, så du var inte bara tvungen att tänka på den tryckta upplagan och hur typ skulle spela där, utan också andra plattformar, inklusive digitala enheter. Vilken roll spelade det tänkandet i dina beslut?

Kris: Textstilarna behövde inte vara typiskt 'tidningspapper'. Tiempos Text, till exempel, är ett tidningstypsnitt med alla klassiska drag: smal bredd, stor x-höjd, liten cap-höjd, öppna diskar och robusta seriffer. Det är nästan en klyscha: vilket halvanständigt typsnitt av tidningstext kan beskrivas så här. Jag arbetade med utgångspunkten att FT-rutnätet öppnade sig, artiklarna gick mot en längre form. Det skulle bli något välbehövligt typografiskt andrum!

Den andra avgörande punkten var mobilskärmar. I porträtt har de smal horisontell bredd, men (teoretiskt) oändligt vertikalt utrymme på grund av rullning. Detta informerade om den förväntade horisontella effektiviteten för Financier Text-bokstavsformerna, men gjorde det möjligt att sänka x-höjden. Ascendensarna är en touch högre. Detta tar effektivt bort typsnittet från typiska tidningsproportioner till något mer elegant.

Ett samtal med Mark Leeds: designkonsult för FT-projekt

Mario: Enligt din åsikt, vad var din högsta prioritet när du designade om FT?

Markera: När det gäller designen koncentrerade vi oss på att lyfta fram några av FT:s rapporteringsstyrkor – (som analys med centrerade rubriker och en varm röd färg) och förvränga det med nyheter (vänsterrubriker i intervall) och en skifferblå färgpalett.

Mario: I en redesign är det detaljer som räknas: vilka var några viktiga detaljer i denna redesign?

Markera: Vi har lagt till plats- eller sektortaggar ovanför rubriker, som förutom att vara användbara för att snabbt skanna igenom, skapar luft runt rubrikerna så att de finns i sin egen fläck av vitt utrymme

Rutnätet med sex kolumner ger en bekväm, läsbar linjelängd och gör att vi ibland kan dela upp den i halva kolumner och lägga till tempo, energi och vertikal fart.

Sammantaget tror vi att designen behandlar sina läsare med intelligensvägledning snarare än att styra igenom innehållet. Jag hoppas att vi har skapat motsvarigheten till en skräddarsydd Saville raddräkt för våra läsare. Uppdaterad, men ändå bekant

Mario: Känner du att många av de goda idéerna kom in i den nya FT-omformningen?

Markera: Jag är säker på att du vet bättre än de flesta – det som visas på trycket är toppen av ett isberg, det finns många tankar parkerade tills det finns en möjlighet att använda dem. Mycket tidigt provade vi en artikel på iPhone-skärmen som använde ett system som nu finns som en sidofältsstil. Det metriska typsnittet såg bra ut. Vi har haft regelbundna möten med Dan Skinner, (chef för design och UX på ft.com) vad gäller typsnitt, färger och vart nästa. Det har varit en riktigt informativ process – och en välkommen avledning! Kris Sowersby har skapat ett typsnitt som passar digitala plattformar

En stor fördel – i designmässig mening – är att tryckprodukten kan stänga av den gamla versionen ena dagen och slå på den nya nästa.

Det nya rutnätet med 6 kolumner

Sidarkitektur är ett av de viktigaste delarna i utformningen av en tidning. FT har övergett sin traditionella 8-kolumnskonfiguration och bytt den mot 6 kolumner. Det här är ett drag som jag välkomnar.

Tryckta tidningar ger en lutande, avslappnad upplevelse för läsarna, så att det mycket aktiva formatet med 8 spalter, som tjänade tidningarna väl under de dagar då hårda nyheter befolkade sidorna, inte längre är den bästa idén. I dag utökar tryckta upplagor det som läsaren redan vet, och därmed behövs inga smala spalter.

'FT var ett traditionellt 8-kolumns broadsheet - med annonser i hundra olika storlekar, ofta växlande mellan regionala utgåvor med sena ändringar som lämnade luckor att fylla och kompromissade beslut att fatta,' sa Kevin.

Med omdesignen har FT:s reklamavdelning tänkt om annonsformer och koncentrerat dem till ett litet antal standardformer. Det är inte business as usual för hur annonserna placeras på sidorna.

Rollen för den tryckta FT-utgåvan omdefinierades genom denna omdesign

En framträdande del av Financial Times redesign som inte nödvändigtvis syns på sidorna: ett åtagande att skriva ut. Genom att investera i den tryckta utgåvan sänder FT ett meddelande om att dess tryckta produkt är här för att stanna och att det de gör är att omdefiniera sin roll.

Kevin förklarar att dessa designförändringar är en del av en utvecklad redaktionell struktur, där seniorredaktionen åtar sig att planera framåt för djupare journalistik (en särskild styrka hos FT).

– Uppdraget var att producera en vassare, modern tidning som visar upp våra styrkor inom rapportering, analys och visuell journalistik. Vi tycker att designen matchar detta mål och tydligt visar våra redaktionella prioriteringar och utbud för läsarna”, sa han.

Jag vet att många i branschen kommer att titta på den här omdesignen efter ledtrådar: hur skriver man ut realistiskt och effektivt när nyheter kommer ut på digitala plattformar? Vad kommer den här omdesignen att inrikta sig på redaktionens organisation och hur en nyhet går från tweet till djupgående?

Till skillnad från förr i tiden, där estetiken var den viktigaste punkten för koncentration, tittar vi idag på dessa omtänka ansträngningar för ledtrådar och svar på hur man ska hantera rollen som tryck.

Mark Leeds, konsult för projektet, förklarar det så här:

Den kortfattade redaktionen av tidningen uppskattades av de läsargrupper vi höll. Ingen bad om mer (berättelser, sidor etc) men de ville ha klarhet och användarvänlighet.

Jag kommer att ägna stor uppmärksamhet åt vad den här omdesignen utvecklar, samtidigt som jag är ganska imponerad av hur typografi, ett nytt rutnät, annonsplacering och navigering kommer ihop med denna Financial Times omdesign.