Designtips för att fräscha upp din webbplats
ibland behöver din webbplats bara en uppdatering. Att integrera en designtrend eller två kan göra designen renare, modernare och driva engagemang.
lyckligtvis är det ganska enkelt att hålla sig på trend med Weebly. Från skarpa mallar för ett professionellt utseende, till att justera bilderna i redigeraren, allt du behöver för en modern webbdesign finns på ett ställe.
men var börjar du? Här är fem tips som gör att din hemsida ser fräsch ut.
ljusa färger och lutningar
djärva, ljusa färger är en av de mest populära – och lyckligaste – webbdesigntrenderna 2019.
du behöver inte vara rädd för att använda gula, gröna, rosa och blues med mycket färgmättnad. Betrakta ljusa färgbakgrunder som en accent eller för användargränssnittselement att dra in kunder och skapa en känslomässig koppling.
förutom enstaka färger som är ljusa är lutningar ett annat sätt att använda ljus färg för maximal effekt. En färggradientöverlagring på en bild kan ge precis rätt duk för att lägga till text eller en annan uppmaning.
Topptips: du kan göra med alla Weebly-webbplatser direkt från redigeraren. Använd färgväljaren för att välja en ljus bakgrundsfärg eller använd ett av de många olika bildfilteralternativen för att lägga till en pop till dina foton. Dessa verktyg är tillgängliga från din instrumentpanel; öppna bara redigeraren och redigera bilden eller bakgrunden.
prova detta tema: Plats
fasta eller mobila navigeringselement
se till att användarna alltid har tillgång till navigeringselement med fasta placeringar som stannar högst upp eller på sidan av skärmen när användarna bläddrar. Att ha navigering alltid tillgänglig gör det enkelt för webbplatsbesökare att flytta runt designen och hitta element om de går vilse.
en av de mest populära användningarna av fast navigering är att använda en ”mobil” stil för alla enhetstyper. Detta är ofta ett enkelt, tunt navigeringselement längst upp på skärmen som innehåller en logotyp eller varumärke och en enkel ikon som expanderar till full navigering.
denna typ av element kan ge dig ett större dukområde för huvudmeddelandena och har ett rent, strömlinjeformat utseende. Och medan navigering inte alltid är öppen, är de flesta webbplatsbesökare eller online-shoppare vana vid detta navigeringsmönster eftersom det är standarden för de flesta mobila webbplatser.
Topptips: leta efter fasta navigeringselement när du väljer ett Weebly-tema för att göra denna process till en bris.
prova detta tema: papper
rörelse och animering
Video och animerade effekter är några av de mest engagerande elementen du kan lägga till i en webbdesign. Användare lockas till rörliga objekt och kommer ofta att stanna och titta för att se vad som händer när det finns rörelse på skärmen.
en av de bästa platserna att börja är att lägga till en video på din webbplats. Oavsett om det är en helskärmshjältebild eller en video på en specifik sida som visar en produkt eller information, är det enkelt att lägga till en video. Du kan ladda upp en video direkt eller bädda in element från populära plattformar som YouTube eller Vimeo.
Topptips: visste du att du också kan animera små element? Textanimationer kan lägga tonvikt på ett visst ord eller till och med ditt företagsnamn. Prova appen gratis textanimering i App Center för att lägga till rörelse i din webbdesign med några få klick.
prova detta tema: Birdseye 2
gott om vitt utrymme
du kanske känner behovet av att få allt på skärmen, men att öppna din webbdesign med mycket vitt (eller ljust) utrymme kan faktiskt vara mer användarvänligt.
en ren, organiserad design kommer nästan alltid att vara lättare för användarna att förstå. Införliva utrymme i den övergripande planen genom att använda en mall med en öppen stil. (Detta kan hjälpa dig även om du känner behov av att börja fylla designen med element.)
topptips: Balansera utrymme och element som foton och text så att det finns ett tydligt visuellt mönster som hjälper användare att flytta från en sak till en annan. Var inte rädd för att sätta element under rullningen – det kommer att vara nödvändigt i en design med mer vitt utrymme.
prova detta tema: rena linjer
modulära layouter
en modulär layout skapar ett system med mindre block som du kan flytta, mixa och matcha. (Tänk på det som byggstenar eller Tegelstenar.)
modulära layouter kräver ofta mer av en redesign, men kan ge stor flexibilitet med en mängd olika innehållstyper. Och med ett Weebly-tema, med en modulär stil, är det inte så svårt att komma igång.
Topptips: en modulär layout är ofta bäst för mönster som har mycket innehåll – tänk e – handel eller en portfölj-så att användare kan se en mängd olika saker på en gång. Koppla ihop modulära element med gott om vitt utrymme för en ren design som parar två trender i en!
prova detta tema: Cento eller rask
slutsats
det fantastiska med många av dessa designtrender är att de inte innebär en fullständig redesign av din webbplats. Du kan ändra färg eller lägga till en video utan en fullständig översyn.
ibland kan en enkel förändring bara vara saken att uppdatera din online-närvaro. (Och tack och lov ger Weebly-mallar en perfekt utgångspunkt, medan redaktören ger ett enkelt sätt att göra ändringar.)