3 webbdesign regler du borde faktiskt försöka bryta

Det finns massor av designregler som fastnar i ditt huvud. Saker mer senior designers föreslog, element i designteori eller lärdomar i klasser under vägen. Men kanske borde du verkligen bryta några av dessa regler?

Designtrender och koncept förändras mycket över tiden. Tekniska framsteg har i synnerhet förändrat vissa regler. Design är en utvecklande process och det som fungerar idag kan förändras i morgon. Med det i åtanke är här tre designregler du borde ha Prova att bryta.

1. Använd Sans Serif typsnitt för webbdesign

Varje webbdesigner brukade säga att du behövde använda sans serif-typsnitt online. Det är bara inte fallet längre. Bryt den regeln!

En bra blandning av läsbara teckensnitt är den nya normen. Detta inkluderar serifs, sans serifs och även nyhet och script stilar. Nyckeln till att välja rätt typsnitt (eller typ palett) plockar från bokstäver stilar som är lätta att läsa.

Det har varit forskning för att säkerhetskopiera denna idé också. Jakob Nielsen från Nielsen Norman Group, som fokuserar på användarupplevelse, forskning och utbildning, säger bättre skärmar förändrar landskapet av typografi riktlinjer för webbdesign. Här är slutsatsen från den studien:

Den gamla användbarhetsriktlinjen för online typografi var enkel: hålla sig till sans-serif typsnitt. Eftersom datorskärmar var för elaka för att göra serifs ordentligt, försökte serif typ vid kroppstypstorlekar resulterat i suddiga brevformer.

Tyvärr är den nya riktlinjen inte lika tydlig som den gamla. Lättlighetsforskning är otvivelaktigt huruvida seriffonter är riktigt bättre än sans serif.

Skillnaden i läshastighet mellan serif och sans serif är tydligen ganska liten. Således finns det ingen stark användbarhetsriktlinje för att använda den ena eller den andra, så du kan göra valet baserat på andra överväganden - som branding eller stämningen kommuniceras av en viss typografisk stil.

Så fortsätt och bryta den gamla sans serif regeln. Här är några saker att leta efter när man tänker på vilken typsnitt som ska väljas och om den är läsbar eller inte.

  • Välj en jämn slagbredd i medium eller vanlig vikt. Superljus eller tunn typ kan vara svårt att läsa.
  • Håll dig till en genomsnittlig x-höjd. Att låta det är supertunt och långt kan komma med läsbarhetsproblem.
  • Leta efter konsekvent och adekvat brevavstånd, utan överanvändning av ligaturer eller blomningar.
  • Använd utsmyckade teckensnitt för små textblock och endast med tydlig avsikt.
  • Välj serif eller sans serif typsnitt för större kopior av kopior. Välj bokstäver med tydliga brevformar som är lätta att läsa vid en blick.

2. Håll dig borta från fet bakgrund

Ett tag verkade det som om de enda acceptabla färgerna för en webbplatsbakgrund var vita och upplysta neutrala. Aldrig!

Djärva, ljusa bakgrundsfärger kan göra ett bra bakgrundselement. Färg kan göra ett utmärkt första intryck på användare, ställa tonen på designen och är ett roligt och intressant sätt att bryta upp samma gamla designmönster.

Fler webbplatser och stora varumärken använder färg för att skapa en intressant och engagerande upplevelse. Och användare verkar gilla det.

Den andra delen av denna brytbara regel är att begränsa antalet färger i din färgpalett. Medan det är en bra idé att ha en distinkt märkespalett, kan du gå lite mer pizazz med individuella designprojekt.

Färgpaletterna bakom Material Design kombinerat med användning av djärva färgval har öppnat vad som anses vara stiligt och klibbigt. Mer färg är acceptabel. Fler webbplatser och stora varumärken använder färg för att skapa en intressant och engagerande upplevelse. Och användare verkar gilla det.

Medan du behöver en enkel palett när du går till standard för konsistens, lägg till några extra (och ljusare) färger för specifika projekt. Du behöver inte redesigna alla dina märkesmaterial för att ha ljusa lila eller gröna bakgrunder, men du kan införliva mer trendiga färger i projekt på flera sätt.

  • Tänk på ett färgfotoöverlagring.
  • Välj en lysande rubrikfärg.
  • Byt ut den neutrala bakgrunden för något mer minnesvärt.
  • Använd en ljusare nyans för knappar eller handlingselement. (De behöver inte alla vara röda eller blåa.)
  • Använd färgblåsande svävartillstånd för att uppmuntra interaktion.

3. Skapa symmetrisk balans

Tidigt i min design karriär, för många veteran designers drivit kraften i perfekt symmetriska mönster för att skapa harmoni och balans. Titta tillbaka, många av dessa koncept var bara tråkiga och alltför säkra.

Asymmetri kan hjälpa dig att skapa mer visuellt intresse och balansera utan en split-down-the-middle design. Medan det finns en plats för symmetri kan skapa balans med vikt, utrymme och element som motverkar varandra vara så mycket mer intressant.

För att få ut det mesta av asymmetri i designprojekt överväga följande för att skapa en känsla av harmoni och visuellt flöde:

  • Balanselement och utrymme mot varandra. Ett tungt element kan känna sig mer balanserat när det parras med vitt utrymme.
  • Lägg på betoning på ögat rör sig genom designen som avsedd. Tänk på hur människor läser, och börja med tyngre element och text till vänster att flytta? till höger.
  • Använd färg för att skapa kontaktpunkter.
  • Rymma allt på ett rutnät för att skapa en känsla av organisation och flöde.
  • Var uppmärksam på vikt. Asymmetriska mönster ska inte känna sig lutade.? Användaren ska enkelt flytta igenom innehållet. Använd statiska element som navigering för att skapa en behållare för asymmetriska element.

Slutsats

Bryt design regler kan vara uppfriskande? eller katastrofala. Gör rätt val på vilken regel som ska bryta (och när) genom att tänka på målen för ditt projekt eller design.Hur går det att bryta en regel gör det här projektet bättre? Förbättrar användbarheten, funktionen eller förmågan för användaren att förstå meddelandet?

Om svaret är ja, så kan ditt projekt vara den perfekta duken för att bryta en regel och prova något nytt och annorlunda. Bryt inte bara en designregel eftersom du är uttråkad. (Det är verkligen inte en bra anledning att göra mycket av någonting.)