Creëer een gestroomlijnd, zakelijk webontwerp (HD-videoserie dag 2)

In deze videoserie laten we u zien hoe u een gestroomlijnd, professioneel webontwerp kunt maken voor een bedrijfswebsite. Dit is deel 3 van een 4-delige serie - we zullen ook de ondersteuningspagina's afwerken en het hele ding coderen in HTML / CSS!


Over deze lesreeks

Adi Purdila gaat ons een heel project begeleiden - van ontwerp tot codering - allemaal hier op Webdesigntuts deze week! Op dag 1 heeft hij ons laten zien hoe we het basisraamwerk voor het ontwerp kunnen instellen en hoe we de startpagina kunnen inrichten. Op dag 2 laat hij ons zien hoe de verschillende ondersteuningspagina's (contact, galerij, enz.) Kunnen worden gemaakt. Op dag 3 laat hij ons zien hoe het volledige Photoshop-ontwerp kan worden omgezet in een volledig werkende HTML / CSS-site.

Hier zijn de links naar elk van de definitieve ontwerpen van vandaag:

  • Servicepagina
  • Contactpagina
  • Galerijpagina

Laten we beginnen!


Dag twee: De ontwerpen van de ondersteunende pagina maken

In deze volgende reeks video's loopt Adi door de ontwerpen van de ondersteuningspagina's in Photoshop. Zorg ervoor dat je naar HD-weergave switcht als je de bandbreedte hebt!

Dag twee: deel 1

Dag twee: deel 2

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


Over de auteur

"Of het nu websites, logo's of gedrukte materialen zijn, mijn werkfilosofie is hetzelfde: neem nooit snelkoppelingen en zet altijd mijn hart en ziel in elk project, want uiteindelijk zijn het de kleine details die tellen en hoe meer moeite ik in een project stop. project, hoe beter het mijzelf als persoon en ontwerper vertegenwoordigt en tegelijkertijd vertegenwoordigt het mijn cliënt op een manier die bij zijn behoeften past.

Als u geïnteresseerd bent in de HTML-sjablonen en bestemmingspagina's die ik aan het ontwikkelen ben, kunt u ze bekijken op mijn portfolio-pagina op ThemeForest. "- Adi