101 posts Live Long and Prosper
  • Bought between 50 and 99 items
  • Elite Author
  • Exclusive Author
  • Has been a member for 2-3 years
  • Referred between 100 and 199 users
  • Sold between 100 000 and 250 000 dollars
DryThemes says

My 2 cents:

01. Sketch first, but not always.
02. Photoshop is a must. Full PSD site with all pages.
03. Illustrator for the logo or some vector elements (not always).
04. Html/Wp…

:)

5310 posts The Dude Abides
  • United States
  • Exclusive Author
  • Has been a member for 5-6 years
  • Elite Author
  • Bought between 100 and 499 items
  • Referred between 100 and 199 users
  • Author had a Free File of the Month
+5 more
CodingJack says

I think it depends on what you are by nature. If you’re a coder, you’re going to design in the browser. If you’re a designer, you’re going to use Photoshop or Fireworks.

5754 posts
  • Exclusive Author
  • Author had a File in an Envato Bundle
  • Elite Author
  • Has been a member for 5-6 years
  • Sold between 100 000 and 250 000 dollars
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • India
+3 more
VF says

Being a coder something funny happened with my latest 2 attempts. First made a quick framework directly on html/css/javascript and tested with Apple devices just to know it doesn’t perform well there and dropped continuing it. If I have to start something with Photoshop, it will make ‘fail’ into epic fail! :D

For my case, design phase comes after completing 40 to 70% of the whole project and before that stage, only abstract wireframe keeps things going.

2 posts
  • Bought between 1 and 9 items
  • Exclusive Author
  • France
  • Has been a member for 2-3 years
ibchrisb says

For me, I find it difficult to move between coding and design quickly, so a full PSD is definitely my choice. Once all of my creative juice has been spent (in a manner of speaking), I can crank up my right brain in the coding editor.

Swapping between a graphics program and a code editor is just too disruptive to my workflow.

98 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 3-4 years
  • Referred between 50 and 99 users
  • Romania
  • Sold between 10 000 and 50 000 dollars
ThemeFuzz says

Hi,

I am in the process of creating my first wordpress theme . My process was simple :
  • 1. Create a basic wireframe
  • 2. Create a basic PSD file for the front page
  • 3. Started coding the theme
  • 4. Look at the PSD and the actual theme and realizing they are totally different
  • 5. Delete PSD file and code the rest of the theme ( i only kept the psd for different elements )

As a conclusion, i am not a good designer so for me it is easier to just code inside the browser. I create the HTML and CSS , open the page , play with firebug for small changes then copy the code inside the CSS file. For me it is a lot easier to do this as i am not so good with photoshop and now with css3 i can do a lot of design elements directly with CSS .

p.s. i always have a pen and paper next to me for drawing different wireframes when the inspiration hits me :)

Best regards, Stefan

124 posts
  • Belarus
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 5-6 years
  • Sold between 10 000 and 50 000 dollars
Themico says

Hello. I need at least a basic plan (wireframe and a “sitemap” for templates). Then i create from one to four PSD ’s templates. And then coding. Can’t imagine how you can do a nice design without trying it first in photoshop.

Last time i found a cool program which is very-very simple, and works ideally for me. It’s called FlairBuilder. After creating a sitemap of templates and few wireframes with some annotations i’m go to photoshop.

Also, i want to say that after finishing coding my templates looks very different from PSD ’s.

252 posts
  • Sweden
  • Sold between 1 000 and 5 000 dollars
  • Referred between 10 and 49 users
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 3-4 years
graphic_dev says

I always start designing all pages in Photoshop first, but I do have the code in the back of my head all the time. It’s not like I add stuff that I would have no idea how to develop. So sometimes I might look up some jQuery plugins and stuff while designing and test them out, just to be sure that I don’t waste time designing something that I won’t be able to code.

And then I code it so that it looks (almost) exactly as in the PSD . If I have some new ideas when developing then I might make some changes in the PSD , but going back and forth like that can be very time consuming, so I try to be completely happy with the design before I start coding.

44 posts
  • Belgium
  • Bought between 100 and 499 items
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
  • Has been a member for 3-4 years
  • Sold between 100 and 1 000 dollars
chuck8 says

Thanks everybody for your replies! Definitly, we all have different procedures, and the best seems just to be the one that suits us best :)

90 posts
  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Sold between 100 and 1 000 dollars
  • United Kingdom
UniquePixelWeb says

It depends. If I plan to make the template design heavy then starting with Photoshop is must. But for minimal layout I don’t use Photoshop that much.

44 posts
  • Belgium
  • Bought between 100 and 499 items
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
  • Has been a member for 3-4 years
  • Sold between 100 and 1 000 dollars
chuck8 says

It depends. If I plan to make the template design heavy then starting with Photoshop is must. But for minimal layout I don’t use Photoshop that much.

Agree

by
by
by
by
by
by