Page 1 of 2 12 LastLast
Results 1 to 10 of 11

Thread: Do you skip Photoshop when you make a site?

  1. #1
    irahat is offline Net Builder
    Join Date
    Jun 2009
    Posts
    87
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Do you skip Photoshop when you make a site?

    We're having a big debate in the office between the designers and developers about the role of the PSD in generating a site. My feeling is that, for sites of a certain scale, you should develop the typographic rules, and perhaps even the layout, in HTML/CSS rather than Photoshop. As with any medium there are subtle differences in execution.

    When adhering to visuals - it is sometimes the case that the designer will impose unique rules readding, colour etc per each page. A link on one page may have a bullet point, on the next it doesn't.

    Conversely, if you begin your design in CSS/HTML, impose an information hierarchy starting with type, then layout, and finally graphics (which is where the PSD comes in) you will be more likely to create layouts that reflect the content hierarchy consistently - and incur less overhead trying to achieve an arbitrary quest for pixel perfection.

    This article goes into greater detail about the whole concept of skipping Photoshop in the initial design phase.

    “The text in Photoshop is not the text on the web. Once you’re looking at a static Photoshop mockup you can’t quickly change the text without going back into Photoshop, changing the text, saving the file, exporting it as a gif/png/jpg, etc. You can’t post it online and tell someone to “reload in 5 seconds” like you can when you quickly edit HTML. You have to say “Give me a few minutes…”. Also, type in Photoshop never seems to be the right size as type in HTML. It just never seems to feel the same. It doesn’t wrap the same, it doesn’t space out the same.”

    Why we skip Photoshop

    As a caveat, I think this argument is less relevant to smaller, brochure style sites, but holds true for CMS/e-commerce and heavily data driven sites - i.e: The Guardian or the Times sites.

    What do you guys think?

  2. #2
    HOPA is offline Unknown Net Builder
    Join Date
    Aug 2009
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I think that photoshop is the best design prog

  3. #3
    Diesel's Avatar
    Diesel is offline DJuice Net Builder
    Join Date
    Jun 2009
    Location
    Heartbeat City
    Posts
    180
    Thanks
    66
    Thanked 48 Times in 43 Posts

  4. #4
    Mike-XS's Avatar
    Mike-XS is offline XeroAgent
    Join Date
    Sep 2009
    Location
    OZ
    Posts
    209
    Thanks
    30
    Thanked 109 Times in 71 Posts
    Hi irahat

    I usually start a site in Photoshop, but I leave main body text areas blank so that I can work on the text / layout formatting with CSS directly later on. Maybe I'll throw in a little demo text, but that soon gets ripped out when it's time to code.

    Often though I start a design on paper first to get a basic structure, then move to photoshop then dreamweaver. Since most of my site designs are for Joomla templates I'll work on a localhost joomla site to finish it all off.

    I think if you can visualise what you want your site design to look like before you even start then you could jump straight into the CSS and build the layout graphics to fit in afterwards.

    This article goes into greater detail about the whole concept of skipping Photoshop in the initial design phase
    Do you have a link to the article ?

  5. #5
    Aziz's Avatar
    Aziz is offline no investment, no glory
    Join Date
    May 2009
    Location
    IL
    Posts
    736
    Thanks
    588
    Thanked 243 Times in 168 Posts
    I would argue. Photoshop or any designing software is essential to your website's outlook.
    You may first draw a basic sketch of the layout then design it in Photoshop

    after you've finished the design you can start developing it (aka code it). You stated that the text in photoshop isn't quite the same on the web. That's right, However, modern browsers now support font anti-aliasing which isn't that different from the text in Photoshop. and you have to know which fonts to use and for headers you can use sIFR. you can even add more effects with CSS3 (such as shadow etc) - this isn't fully supported in all browsers but there are hacks for it.

  6. #6
    dmi's Avatar
    dmi
    dmi is offline Net Builder
    Join Date
    Mar 2009
    Location
    N43°54′, E017°40′
    Posts
    242
    Thanks
    141
    Thanked 56 Times in 28 Posts
    I skip Photoshop.

    Gone are the days when I used to design and code sites by hand, but I always skipped Photoshop. I let the code (xHTML+CSS) lead the way.

  7. #7
    garfish's Avatar
    garfish is offline I'm Not Sure.
    Join Date
    May 2009
    Posts
    848
    Blog Entries
    12
    Thanks
    155
    Thanked 57 Times in 54 Posts
    i skip it becuase i just download themes

  8. #8
    MI5's Avatar
    MI5
    MI5 is offline Newbie Net Builder
    Join Date
    Oct 2009
    Posts
    28
    Thanks
    7
    Thanked 6 Times in 5 Posts
    I have never used Photoshop to design a site, as it's not really meant for that. Sure, you can create .html files in Photoshop, but all it does is create a bunch of image slices and put them in a table. This is a horrible way to code a web page. On top of that, having an image-heavy site slows down the page loading times. If you're going to have a background image for your navbar, for example, it's better to create the full-sized image, crop a tiny slice (like 1px wide), and have the image repeat along the x-axis of your navbar div, which you can control with CSS. This is much more efficient and professional.

    The only thing that I use Photoshop for in terms of design is to create logos or other design elements.

  9. #9
    Diesel's Avatar
    Diesel is offline DJuice Net Builder
    Join Date
    Jun 2009
    Location
    Heartbeat City
    Posts
    180
    Thanks
    66
    Thanked 48 Times in 43 Posts
    I agree with MI5. Though I said I skip Photoshop while I designing websites, but actually I cannot skip it completely. To make curve or bring shape to the edges Photoshop becomes essential to me as I cannot do such design applying CSS.

  10. #10
    Aziz's Avatar
    Aziz is offline no investment, no glory
    Join Date
    May 2009
    Location
    IL
    Posts
    736
    Thanks
    588
    Thanked 243 Times in 168 Posts
    Quote Originally Posted by MI5 View Post
    I have never used Photoshop to design a site, as it's not really meant for that. Sure, you can create .html files in Photoshop, but all it does is create a bunch of image slices and put them in a table. This is a horrible way to code a web page. On top of that, having an image-heavy site slows down the page loading times. If you're going to have a background image for your navbar, for example, it's better to create the full-sized image, crop a tiny slice (like 1px wide), and have the image repeat along the x-axis of your navbar div, which you can control with CSS. This is much more efficient and professional.

    The only thing that I use Photoshop for in terms of design is to create logos or other design elements.
    That is true, and unfortunately a lot of designers do that. Thought you can design the layout and export tiny images and sprites to keep fast loading speed, there is no problem with designing in Photoshop and saving the images and code by hand after

Page 1 of 2 12 LastLast

Similar Threads

  1. How Much Money Do You Make From Your Site?
    By Lee Lawson in forum Business
    Replies: 6
    Last Post: 13 December, 2011, 07:27 AM
  2. [WTS] Photoshop Designer! Logo, Banner, Site Layouts, Landing Pages...etc
    By PhotoshopDesigner in forum Services
    Replies: 0
    Last Post: 5 April, 2011, 18:14 PM
  3. Replies: 1
    Last Post: 1 April, 2011, 11:13 AM
  4. Do You Bother With Seo, Or Do You Skip It?
    By StephenM in forum Promoting
    Replies: 4
    Last Post: 21 July, 2010, 13:33 PM
  5. Please Review My Site: Photoshop Stuff
    By gfx in forum Site Reviews
    Replies: 4
    Last Post: 22 January, 2009, 13:12 PM

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •