workflow studio web design

Salut,

Am de gand sa ma angajez intr-un studio de web design si sunt curios care e tipul de workflow tipic pentru asa ceva in Romania, adica care e procesul de lucru intr-o firma romaneasca. Pana acum nu am lucrat decat ca freelancer web design si am citit articole pe bloguri straine unde am gasit mai multe tipuri de workflow.

La inceput foloseam Photoshop pentru mockup-uri si pe urma realizam partea de cod in Dreamweaver, pe urma am inceput sa folosesc Komodo Edit, iar acum folosesc Brackets si GIMP & InkScape pentru grafica. Am inceput sa fac mindmap-uri (structura site-ului) si wireframe-uri mai intai, pe care le arat clientului ca sa stabilesc exact care va fi structura fiecarei pagini si ce elemente va contine. Incerc sa obtin mai intai de toate content-ul site-ului (poze si text), dar e greu, ca nici unul nu stie ce vrea, ma si trezesc de multe ori ca trebuie sa-i si compun textul pentru site.

Am intalnit 3 tipuri de workflow pana acum:
- workflow clasic, site in Photoshop care arata exact ca site-ul final, dar e nevoie de timp ca sa migalesti la el, aici merge un grafician separat specializat doar pe asa ceva, dupa care se face partea de web development
- wireframe site, dupa care codarea site-ului
- direct codarea site-ului si folosirea intensa a uneltelor pentru dezvoltatori din browser cu stylesheet-uri diferite pentru a arata clientului mai multe optiuni

Asa ca sunt curios care e workflow-ul cel mai utilizat la noi, ca sa stiu la ce sa ma astept. E cineva cu experienta in domeniu sa-mi zica?
Voi cum lucrati de obicei si ce programe sau framework-uri folositi?

-eu folosesc Photoshop, si normal html5,css3,jquery si ca framework Bootstrap

cristirg, on 17 februarie 2015 - 23:59, said:

Folosesti slicing-ul din Photoshop sau exporti fiecare element in parte?
Te ghidezi dupa mockup-ul din Photoshop sa iasa "pixel perfect" in html sau doar sa fie asemanator? Eu nu prea am reusit sa fac mereu layout-ul sa iasa perfect ca in mockup decat daca folosesc unitati fixe de pixeli. Oricum acum cand totul e responsive si cu unitati de masura variabile nu prea conteaza.

Folosesti vreun editor de text anume?

icipcon, on 18 februarie 2015 - 00:37, said:

-nu folosesc slicingul,pt ca in photoshop cc exista Adobe Generator, care extrage automat imaginile,creaza chiar si retina: http://peacefultheme...r-photoshop-cc/
-nu prea fac pixel perfect,mai ales ca folosesc bootstrap
-folosesc ca editor: sublime text+pluginul emmet

icipcon, on 18 februarie 2015 - 00:37, said:

Ca sa reusesti sa iasa pixel perfect in responsive faci asa:
Sa zicem că ai width-ul mockup-ului 1366px şi vrei să faci două div-uri pe width: meniu 366px şi continut 1000px. Formula e simplă pentru procentaj: widthChild / widthParent * 100.
Adică: 366/1366 = 0,2679355783308931 * 100 = 26,79355783308931%;
     şi : 1000/1366 = 0,7320644216691069 * 100 = 73,20644216691069%;
Rezultat:

divMenu {
			   width:26,79355783308931%;				   
}
divContent {
			   width:73,20644216691069%;				  
}

Template-ul o sa iasa la fix. Succes!