Archief - workflow

Ik heb basiskennis html5 & css opgedaan maar nu zie ik meer en meer mensen die hun site volledig ontwerpen in photoshop en dan gewoon in dreamweaver plaatsen.
Nu vraag ik mij af hoe echte professionele bureau's werken.
Doen zij het ook eerst in photoshop en dan verder in dreamweaver of werken zij echt volledig enkel en alleen in code ?

Aangezien ik vrij nieuw ben in het wereldje had ik graag eens geweten of het dan beter is eerst photoshop volledig onder de knie te krijgen.

Zijn ten eerste al meestal meerdere mensen

Stap 1) de projectmanager / architect werken concept en wireframes uit
Stap 2) designer doet creatief in photoshop
Stap 3) front-end zet om naar html css en adds some javascript jazz
Stap 4) backend berzorgd alles van databases bewerkingen en formulieren

Afhankelijk van groote van bedrijf zijn er meer of minder mensen en stappen maar vaak vind je deze toch terug.

Het is dus meestal ook aangewezen om je te specialiseren in 1 stap dan alles te willen doen.

Kan dus gaan tot +10 stappen of 1 zepfstandige, it all depends al blijft de flow wel vrij gelijkend



Sent from my C5303 using Tapatalk

Je hebt Photoshop nog altijd nodig voor bitmap afbeeldingen, best op dubbele grootte (eventueel met grotere compressieratio), zodat je die via CSS kan herschalen en zo zowel op retina schermen en gewone schermen er super uit kan laten zien. Vectormateriaal wordt dan ook weer dikwijls in Illustrator gemaakt als het wat complexer is (of één van de SVG apps). Maar buiten het beeldmateriaal werken de goeie webdevs inderdaad volledig in code, een WYSIWYG editor kan gewoon nooit het inzicht van een mens nabootsen en levert dus minderwaardige en veel te veel code af.

Nu, we gebruiken natuurlijk wel een aantal tools om ons te helpen: een goeie code editor (Sublime Text, TextMate, vim, emacs of zelfs gewoon Notepad++), preprocessors zoals SCSS of LESS om sneller en properdere "CSS" te schrijven, libraries zoals jQuery of Zepto, CSS frameworks zoals Twitter Bootstrap, PureCSS, of Foundation, soms zelfs Javascript frameworks zoals AngularJS of Ember.

Hoe we hier te werk gaan:
- het creatief team bedenkt een concept
- er worden wireframes gemaakt.
- deze wireframes worden voorgelegd bij de klant.
- Als de wireframes zijn goedgekeurd, begint de designer aan de layout in Photoshop adhv de wireframes.
- Designs klaar -> goedkeuring klant.
- (eventueel back-end developement)
- Een oké op de designs -> front-end developer begint met zijn code (html, js, css(3), enzovoort).
- testing testing en nog testing.

Dit is het zowat in grote lijnen.

Bovenstaande stappen zijn inderdaad de meest aangewezen, ik werk ook altijd zo, met goedkeuring van de klant tussen elke stap, zo heb je geen extra werk nadien.

Heel erg bedankt voor jullie reactie , dat beeld had ik dus voor ogen ;-)