Layoutsystem med grid
Både Sitevision och Wordpress erbjuder stöd för grid-teknik, vilket gör det enkelt att skapa och hantera layouter på dina webbplatser.
Grid är en av de mest använda teknikerna inom webbdesign för att skapa strukturerade och flexibla layouter på webbsidor. Grid-tekniken gör det möjligt för webbutvecklare att skapa avancerade layouter som fungerar på alla enheter, från stationära datorer till mobiler och surfplattor.
Mått och brytpunker
Grid-systemet i vår webbdesign följer en responsiv design som anpassar sig till olika skärmstorlekar. Det har 12 spalter och 20 pixlar i gutter (marginal). Den maximala bredden för vår standardvy är 1444 antal pixlar. För mindre skärmar, surfplattor och mobiler har vi brytpunkter vid 1089, 990 och 767 pixlar för att anpassa layouten.
| Namn | Störst | Minst |
|---|---|---|
| Standard | - | 1090 |
| Liten skärm | 1089 | 801 |
| Surfplatta | 990 | 768 |
| Mobil | 767 | - |
Alla mått i tabellen över är i pixlar. För att uppnå en enhetlig design och utveckling är det viktigt att följa dessa mått och brytpunkter.
Marginaler och padding
Vi har ingen enhetlig konvention för marginaler och padding på våra webbplatser. Men det är ändå viktigt att använda samma marginal på webbplatsen för att skapa en balanserad layout.
Skapa layout med grid-teknik i Sitevision
Sitevisions inbyggda grid-system är en integrerad del av Sitevisions designverktyg och är en viktig komponent i att skapa stabila webbplatser. Som en certifierad utvecklare på Vetenskapsrådet förväntas du använda Sitevisions inbyggda grid-system för att skapa en enhetlig och konsekvent design över alla Sitevision-webbplatser.
För att vara en certifierad utvecklare i Sitevision är det viktigt att ha kunskap om Sitevisions inbyggda grid-system och använda det i dina projekt. Detta kommer att hjälpa dig att skapa högkvalitativa webbplatser som uppfyller de höga standarder som krävs på Vetenskapsrådet. På detta sätt kan du enkelt skapa webbplatser som är lättanvända och visuellt tilltalande för våra användare.
Om ett externt grid-system används ökar kostnaden för förvaltning av webbplaten markant och behovet av dokumentation.
Så sätter du upp gridsystemet i Sitevisison
Sätt upp grid-system i Sitevision med brytpunkter och rätt storlek. Skapa en sida där grid-systemet är synligt. Gör det möjligt att se när sidan byter mellan dator, surfplatta och mobil.