För dig som inte har koll på Squarespace så är det ett verktyg för att bygga hemsidor. Skillnaden mot andra alternativ, exempelvis Wordpress, är att användargränssnittet är otroligt enkelt och att Squarespace hanterar all drift och säkerhet. Vi använder Squarespace när vi ska bygga hemsidor som inte behöver några specialfunktioner utöver det vanliga. Resultatet blir en hemsida som våra kunder enkelt kan uppdatera själva. Vi kan dessutom lägga tid och fokus på bra innehåll istället för programmering.
Squarespace kommer med ett helt gäng förbyggda funktioner och design-moduler som du fritt kan välja mellan. Det finns dock tillfällen när de fördesignade modulerna är begränsande. Det kan exempelvis finnas grafiska element och riktlinjer i din grafiska profil som helt enkelt inte går att genomföra i Squarespace. Men nu har Squarespace släppt en gigantisk uppdatering som öppnar upp helt nya möjligheter när det gäller design. Den uppdateringen heter Fluid Engine och är ett grid-baserat design-gränssnitt.
Som Squarespace själva säger “With Fluid Engine, you'll have more flexibility and options with block placement, resizing, and overlap, opening up new possibilities for creative layouts never possible before in Squarespace.”
Vi som Circle-medlemmar (Squarespace community för de som bygger många hemsidor i verktyget) har tillgång till en beta-version av Fluid Engine och därför har vi redan nu börjat testa och utvärdera den. Initialt är det verkligen ett lyft för våra arbetsprocesser! Squarespace rullar ut Fluid Engine successivt till alla 7.1-siter så ha tålamod, snart har du den också.
Hur fungerar det då?
Allt baseras på en Grid (som du kan visa eller dölja genom att trycka på “G”). Du kan sedan dra in de olika blocken och släppa dem där du vill ha dem på din Grid. Siten är fortfarande uppbyggd av sektioner och dessa kan du nu enkelt förlänga genom att dra i en liten schysst pil-ikon nere till höger.
Överlappande block med hjälp av lager
Förutom att du kan placera blocken där du vill ha dem kan du nu även tänka i lager och placera blocken överlappande. Precis som i exempelvis Illustrator. Det är väldigt hjälpsamt om du vill skapa en mer organisk design på dina undersidor där allt inte nödvändigtvis linjer med objektet ovanför. Eller när du vill placera text ovanpå en bild. Du kan givetvis välja om du vill ha med eller utan bakgrundsfärg på det överlappande blocket.
I exemplet här nedanför har vi placerat en rubrik ovanpå en bild och genom att klicka på de nya ikonerna (sträckad rutan och solid ruta) kan du flytta objektet antingen framåt eller bakåt. Överlappande text har som bekant funnits tidigare men inte med möjligheten att lägga textblocket där det passar.
Anpassa din Grid efter egna preferenser
I inställningarna för den aktuella sektionen har Squarespace adderat funktionen att kunna specialanpassa griden med mellanrum och antalet rader. Väldigt användbart eftersom att olika designers förhåller sig till grids på olika sätt.
Ingen specialanpassning för mobilvy ännu
Det finns tyvärr ingen grid-baserad editeringsvy för mobila enheter för tillfället. Det innebär att Fluid Engine designar för desktop och att den sedan automatiskt anpassas för andra skärmstorlekar. Med tanke på att hela idéen bygger på större frihet skulle vi önska att även mobilvyn, som faktiskt är den primära för många, fick möjligheten att anpassas med Fluid Engine. Vi hoppas att det kommer i en senare uppdatering.
Fluid Engine är ett utmärkt komplement men ska användas med varsamhet
Styrkan med Squarespace är enkelheten och att saker fungerar felfritt. I och med Fluid Engine får vi som designers mer verktyg att specialanpassa hemsidorna. Men samtidigt finns det en fara i det. Våra kunder uppskattar enkelheten i Squarespace och om det blir för invecklat tappar vi den aspekten. Utmaningen framåt blir att hitta en balans mellan den traditionella Squrespace-designen och de nya möjligheterna vi får med Fluid Engine.
Vi kommer fortsätta utforska Fluid Engine och lär säkerligen publicera våra findings både på Instagram och här i kunskapsbanken.
Matilda Westberg