Het SimpleAdmin-thema ontwerpen inlogpagina

Ga met me mee in deze screencastserie terwijl we een schone, flexibele beheersjabloon maken. We beginnen met het bespotten van onze ontwerpen in Photoshop en vandaag krijgen we de bal aan het rollen met onze inlogpagina.


Admin-sjablonen

Met de opkomst van verschillende Content Management Systemen (CMS) zijn er op dit moment veel administratieve sjablonen vereist. Sommigen van hen zijn zo populair dat ze meer dan 2000 verkopen hebben verdiend op ThemeForest in een relatief korte tijd.

Wat maakt een CMS-thema succesvol? Is het het ontwerp of de functionaliteit? Ik denk een beetje van allebei. En hoe kan zo'n thema een topverkoper worden? Ik bedoel, er zijn honderden CMS's die er zijn. Kunnen we ze allemaal echt verklaren en een thema maken dat hen zou passen als een universele handschoen? Waarschijnlijk niet. Maar mijn doel in deze tutorial is om een ​​flexibel thema te maken dat aan zoveel mogelijk systemen kan worden aangepast.

We beginnen met een paar snelle mockups in Photoshop om een ​​idee te krijgen van de algemene plaatsing van de elementen en ook over kleuren en typografie. We gaan dan verder met het coderingsgedeelte, leren en experimenteren met EM-lay-outs.


Deel 1: De inlogpagina ontwerpen

Of download de video of abonneer je op Webdesigntuts + screencasts via iTunes!


Verdere bronnen

  • Scherpe webapp-pictogrammen - Webdesigntuts+
  • Wireframing kits - Smashing Magazine