Hur man utformar en smakfull användarsida?

Begränsa din kreativitet till din användarprofilsida och låt din samtalsida vara ren för att följa riktlinjerna.

Användarprofilsidesdesign är ett sätt att uttrycka individualitet på vilken wiki som helst inklusive guide; olämpliga färgval och införandet av för många element som inte fungerar bra tillsammans kan dock skämma för en observatör och få användarprofilsidan att se oprofessionellt ut.

Denna artikel guidar dig genom processen för att säkerställa en smakfull och mogen användarsida.

Var medveten om styr politik om användardiskussionssidor. Talk-sidor omfattas av en annan policy än sidor för användarprofiler. Samtalsidor är en central del av användarutrymmet i guiden och är en avgörande del av vår webbplats. Många användare vill dekorera sina samtalsidor på ett sätt som liknar dekorationer av användarprofiler eller "siddesign". Det har förekommit några fall av användare som använder särskilt sammanstötande färger, vilket kan vara svårt eller ansträngande för många guider. Av denna anledning kanske bakgrunds- och textfärgerna på alla samtalsidor inte ändras från standard, svart text på en vit bakgrund.

Många användare vill dekorera sina samtalsidor på ett sätt som liknar dekorationer av användarprofiler eller "siddesign".

Att utforma ditt användarprofilutrymme bör vara en övning i kreativitet och personligt uttryck men bör också försöka förmedla mognad och professionalism. Denna artikel guidar dig genom processen för att säkerställa en smakfull och mogen användarsida.

Steg

1

Välj naturliga och dämpade färger för din design. Ljusa färger som ljusa gröna och gula kan orsaka trötthet för en tittare och ge varje design ett barnsligt utseende.
Lägg märke till skillnaden mellan dessa två gröna objekt och effekten det har på dig:
66FF00 - en onaturlig green

00CC66 - en mer neutral grön
2

Säkerställ god kontrast mellan bakgrunds- och förgrundsfärger. Det kan vara svårt för tittare att läsa text om bakgrundsfärgen ligger nära färgskalan. Detta gäller särskilt för äldre besökare och besökare med nedsatt syn.
FF00FF med FFFF33 - Text som denna är mycket svårläst

66CCFF med 000000 - Svart text på en avstängd bakgrund är mycket lättare för ögonen.
3

Välj tre till fem färger som fungerar bra tillsammans och använd dem konsekvent på hela din användarsida. Ju färre färger du använder i din design, desto mer konsekvent, mogen och professionell kommer din design att visas. De flesta webbdesigner görs med högst fem färger.
4

Undvik överanvändning av textformateringselement. Överanvändningen av djärva, understrukna, genomträngande och liknande textformateringselement gör det svårt för betraktaren att hitta viktiga objekt. Textformatering används för att dra ögat mot något och när allt är formaterat är det svårt att fokusera och läsa sidan som avsett.
5

Undvik snygga teckensnitt för stora textblock. Även om ett snyggt teckensnitt kan vara ett trevligt sätt att utforma en rubrik eller ett kort block med viktig text kan det vara svårt att läsa stora bitar av text i icke-standardteckensnitt. Beroende inte heller på teckensnitt som finns i ditt system för att vara närvarande på någon annans; de är det ofta inte. Sans-serif-teckensnitt som Arial och Helvetica och serif-teckensnitt som Times New Roman och Garamond är att föredra för stora skrivblock.
6

Undvik flytande element och element som rör sig när sidan rullar. Element som flyter ovanför sidan är svåra att integrera i ditt användarutrymme eftersom din CSS måste samexistera med den befintliga och oföränderliga CSS på webbplatsen. Resultatet är ofta att webbplatsens CSS åsidosätter din CSS när ditt flytande element kommer i kontakt med ett webbplatselement och orsakar ovanligt beteende som ser dåligt ut.
7

Använd inte för mycket bilder där det räcker med text. Bilder är en kärnkomponent i alla webbdesignprojekt men de bör användas sparsamt för att ge de bilder som används mest effekt. Ju fler bilder som kläms in på en sida, desto mindre uppmärksamhet kommer tittaren att ägna åt varje, det är därför bättre att använda några fantastiska bilder än många mediokra bilder.
8

Begränsa sidinnehållet till två fulla längder på skärmen. Ju mer bläddring en tittare måste göra desto mindre sannolikt är det att de kommer till botten av din sida vilket gör att allt arbete som görs på den nedre delen av din sida går till spillo. Fokusera på kvalitet över kvantitet på din användarsida.
9

Undvik överanvändning av skiljetecken som utropstecken och textismer som TTY, LOL och OMG. Förkortningar och dussintals skiljetecken gör att texten ser amatörisk ut och kommer sannolikt att få tittarna att se dig som omogen. Skriv din användarsida som om din engelska lärare skulle granska den när du är klar.
10

Använd små fasta kanter i stället för stora gränser eller streckade gränser. Stora gränser ger utseendet på en amatördesigner och tar värdefull plats från faktiskt innehåll.
Något enkelt och smakfullt är ett trevligt sätt att lägga till elegans på din sida.

Exakt samma färgschema kan plötsligt förlora sin elegans bara genom att ändra gränsen.

Skriv din användarsida som om din engelska lärare skulle granska den när du är klar.

Tips

Begränsa din kreativitet till din användarprofilsida och låt din samtalsida vara ren för att följa riktlinjerna.
Den World Wide Web Consortium har en guide om att designa med tillgänglighet för synskadade i åtanke http://w3.org/standards/webdesign/accessibility.
Verktyg som Kuler från adobe kan hjälpa dig att välja en färggom som är tilltalande för ögonen.
Försök att inte använda färger som är ljusa som bakgrund, som rött, svart, gult eller grönt.
Undvik att använda teckensnitt som Comic Sans MS och Blackboard; de ser barnsliga ut och får inte din användarsida att se professionell ut på något sätt.

Läs också: Hur man gör citronmassa?