Problemet med ordet "skabelon" er, at dens betydning afhænger af ens synspunkt.

Skabeloner kan være billetter til instant websites. Mange content management systemer gør det muligt for ejere at ændre plug-and-play temaer lige så nemt som de skifter tøj. Billige skind er en Google-søgning væk.

For andre er skabeloner læringsværktøjer. At studere prøver af ægte verdenskode og -stil kan være mere praktisk end følgende eksempler i en bog eller genvejledende notater.

Problemet med ordet "skabelon" er, at dens betydning afhænger af ens synspunkt.

Til nogle er en skabelon en billet til et øjeblikkeligt websted. Mange indholdsstyringssystemer gør det muligt for ejere at ændre plug-and-play-temaer lige så nemt som de skifter tøj, og billige skind er kun en Google-søgning væk.

For andre er skabeloner læringsværktøjer. At studere prøver af ægte verdenskode og stil er mere praktisk for dem end følgende eksempler i en bog eller gennemgang af forelæsningsnotater.

Skabeloner kan repræsentere uafhængighed. Enhver, selv nogen uden grundlæggende design eller udviklingsfærdigheder, kan vælge imellem hundredvis af skabeloner uden frygt for, at en "designekspert" vil sætte spørgsmålstegn ved deres beslutning.

Skabeloner kan også betyde effektivitet. De er generiske nok til at passe de fleste oplysninger, og de kan genbruges. Fyld pladsen med et strejf af indhold, og du er færdig.

Mange mennesker, jeg har arbejdet med designere, ledere og klienter ligner skabeloner med design. At oprette et design er at opbygge en stol, hvor indholdet vil sidde. At vælge et design er at vælge et køretøj til at bære information.

Substansen "design" adskiller sig fra ordet "design" : den ene er et produkt, den anden en proces. Denne tanke rejser spørgsmålet: Er webdesign hud dybt, eller er designere mere end udbydere af skabeloner?

bevidst design skiller sig ud

Chasing tastaturgenveje

Tænk på processen med at designe en hjemmeside som "at producere den bedste skabelon" er den forkerte tilgang. Jeg ved af erfaring.

Ikke længe siden blev jeg ansat for at designe et advokatfirma's hjemmeside. Virksomhedernes ejere vidste hvad de ønskede mere eller mindre og gav JPG mock-ups. Bevidst om den stramme frist, hammer udvikleren og jeg en database, en brugerdefineret CMS og, selvfølgelig, HTML-skabelonen.

Deres tre-kolonne sammensætning havde bleg bokse på en lysere baggrund. Vi målte plads til annoncer til højre, arbejdede for at passe til søgeværktøjet til venstre, markeret afstand i tre versioner af Explorer og justerede drop-shadows under navigationslinjen. Kort sagt skød vi over alt undtagen midtkolonnen.

Da deadline nærmede sig, mødtes vi for at løse problemer i sidste øjeblik. En person var ikke tilfreds med arrangementet af visse oplysninger. Nogen foreslog en løsning og bad mig om at prøve det ud. Et par HTML-ændringer senere, så vi den nye side. Alle besluttede sig for dette kompromis, og hjemmesiden gik videre.

Efter lanceringen komplimenterede klienten min design færdigheder og især min viden om tastaturgenveje. I første omgang genkendte jeg ikke den utilsigtede fornærmelse, men jeg var blevet kastet i rollen som "knappusher", og designområdet var knapskubende. Det var værre, det var min skyld: ved at handle på udvalgets indfald sætter jeg mig i denne stilling. Jobbet betalte godt, men resultatet blev uinspireret, og oplevelsen var i orden.

Den bedste måde at designe, og jeg mener verbet, er at fortsætte med at designe, for at søge problemer. At insistere på at "mindre er mere" er det samme som at sige "Må ikke gøre noget, medmindre projektet lider uden det."

skabelon design vs. indhold design

Hvordan virker det?

1. Stil spørgsmål.

"Hvad vil vi opnå?" Er kun begyndelsen, og "At bygge et websted" er ikke et tilstrækkeligt svar.

  • "Hvem forsøger vi at hjælpe, informere eller påvirke?"
  • "Hvorfor skal folk komme til os i stedet for konkurrencen?"
  • "Hvem er ansvarlig for hvad?"
  • "Hvad har vi brug for for at lancere, og hvad kan vente på senere?"
  • "Hvordan vil vi opretholde denne hjemmeside? Hvem vil foretage ændringer, overvåge trafik og fejlfinding af problemer? "
  • "Er dette blevet gjort før? Hvis ja, hvordan kan vi forbedre det? Hvilke fejl kan vi lære af? "

Disse synes ikke som design spørgsmål; En grundig forståelse af projektet vil dog give dig mulighed for at vedtage de rigtige grafiske og teknologiske teknikker. Valget af CMS afhænger for eksempel af, hvor ofte hjemmesiden skal opdateres, måske er en CMS ikke engang nødvendig.


2. Definer parametrene.

Folk er overraskede over at lære, at design trives på grænser; problemløsning er en god øvelse. Her er nogle parametre at overveje:

  • OBS: "Vi ønsker at skabe et varigt indtryk på mennesker. Hvad er vores besked? Hvor mange forskellige måder kan vi udtrykke den besked? Hvad kan distrahere folk? "
  • Medium: "Vi har brug for dette til at fungere i stationære browsere og på håndholdte enheder. Hvordan kan vi skrive den samme HTML til begge? "
  • Budget: "Hvor meget kan vi gøre med de penge, vi har?"
  • Tidslinje: "Projektet skal starte i x antal dage. Hvordan kan vi nå alt dette til da? "
  • Succes: "Vi skal sælge x antal widgets, informere y antal mennesker og erhverve z antal nye medlemmer i den første måned. Hvad vil overtale folk til at handle? "

Restriktioner opdrætter innovation. At skrive et websted, der passer til, siger både iPhones og Internet Explorer 6, kan kræve, at designere udfordrer deres egen forståelse af, hvad HTML kan gøre. Begrænsninger skaber problemer, og design er at løse dem.


3. Deal med det uventede.

Sjældent afspejler virkeligheden idealer, så praktiserer problemløsningskompetencer.

  • Teknisk: "Denne plugin, vi downloadede, gør ikke alt, hvad vi ønsker. Vil tilpasning af koden eller tilpasning af målene forårsage mere sorg? "
  • Visuel: "Det så bedre ud i mit hoved, end det gør på skærmen. Hvorfor er jeg undervældet? Hvordan kan vi bedre udtrykke den holdning, vi ønsker? Vil besøgende blive imponeret? "
  • Politisk: "Vi skrev denne kode for at udføre en bestemt opgave, og nu bliver vi bedt om at få det til at gøre noget andet. Er vi i stand til at sige nej, eller er anmodningerne mulige? "
  • Tid: "Dette tager længere tid end vi har tilladt."

Når design er en proces , løser problemerne ved hjælp af layout, typografi, farve, linje, form, kontrast og teknologi.

Hvornår designer designer?

At beslutte, hvad en blog skal se ud er en dårlig måde at starte. En blog er en mikrofon, ikke en stemme; uden ord for at udfylde sine sider, vil bloggen slanke sig.

Ingen mængde WordPress / Drupal / Blogger / Joomla wizardry vil fylde et tomt hul. Tag fonter, for eksempel: at vælge et skrifttype, der ser godt ud, er ikke det samme som at vælge et med quirks, der efterligner eller forstærker grafiske elementer på hjemmesiden.

At downloade et design (substantivet) er en genvej til at få resultater, men ikke nødvendigvis for at få succes. Sider bliver udskiftelige skibe: let reproducerbare men ligeglade med indhold.

Design (verbet) er et intimt forhold mellem indhold og form. Det er mere arbejde, men er det ikke, hvorfor folk ansætter professionelle designere?


Skrevet udelukkende til Webdesigner Depot af Ben Gremillion. Ben er en freelance webdesigner som løser kommunikationsproblemer med bedre design.

Hvordan ser du 'skabeloner' og 'design' efter at have læst denne artikel? Venligst del dine kommentarer nedenfor ...