Skip to main content

InDesign to Web? 3737 Responses

Last post: 2 years ago | Thread started: Apr 2, 12, 8:05 p.m.

RespondNew TopicDisable Images

  • freshdude

    I designed a portfolio website for a friend in indesign because I'm used to it, and it gives me much better layout control and it's better for type.

    for a programmer, do I need to manually convert to a PSD, or can I File > "export for dreamweaver"?

    Apr 2, 12, 8:05 p.m. – Permalink
  • albums

    experiment!

    http://www.newyorkparkingticket.com/Portals/41340/images/NYPT-mad%20scientist.jpg

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 2, 12, 8:13 p.m. – Permalink
  • freshdude

    Helpful.

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 2, 12, 10:40 p.m. – Permalink
  • monNom

    see your other thread for answers http://www.qbn.com/topics/672594…

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 2, 12, 10:49 p.m. – Permalink
  • freshdude

    it didn't answer my question completely. I was hoping someone else knew something.

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 2, 12, 11:17 p.m. – Permalink
  • fadein11

    DO NOT USE INDESIGN FOR WEB DESIGN
    [end of thread]

    • STFUESKEMA1/6
      quit whining like a little bitch, I use whatever the fuck I want.ESKEMA2/6
      sorry... Hugs?ESKEMA3/6
      bog off bumfacefadein114/6
      Photoshop is not a design program.fredddddd5/6
      woteva trevorfadein116/6
    next note >+ add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 3, 12, 1:25 a.m. – Permalink
  • monNom

    Just use File > Export for Dreamweaver. Should be fine.

    + add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 3, 12, 1:52 a.m. – Permalink
  • dijitaq

    ^ how's the quality of the html and css code if you export to dreamweaver? i remember it used to be filled with unnecessary junk when you export from sliced layers in photoshop.

    + add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 3, 12, 2:14 a.m. – Permalink
  • animatedgif

    Try Fireworks.

    - Proper align, spacing and distribute tools
    - Pixel snapped vector shape support + shortcut key to re-snap vectors to pixels if they ever do slip, no more doing this manually like in Photoshop.
    - Pages and the ability to export those to flats in about 3 clicks
    - Definable text and layer effect styles
    - Flash style symbols/smart objects with 9-slice re-scalling
    - Copy and paste appearance/effects from one object to another
    - http://johndunning.com/fireworks… < This is life changing for web layouts
    - Non-destructive gaussian blur as a layer effect
    - Stackable re-orderable layer effects
    - Copy and paste from Illustrator preserving vectors
    - REDEFINEABLE ROUNDED CORNERS ON ALL RECTANGLES

    Adobe are a bunch of bellends for not pushing this program better, it makes Photoshop look like a joke for web design.

    next note >+ add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 3, 12, 2:22 a.m. – Permalink
  • ESKEMA

    talk to your developer and ask him what he's most confortable with. Anyone in here will give you HIS prefered method, what matters here is what you and your developer prefer.

    • <monospaced1/4
      Better yet - talk to your developer before, during and after design. Don't wait till the end and be like. Oh HAI - can i haz dis?jtb262/4
      haz this? Here do.jtb263/4
      Especially if you've never built a website yourself.jtb264/4
    next note >+ add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 3, 12, 2:35 a.m. – Permalink
  • ESKEMA

    This is the new Mac vs Pc, Flash vs HTML5 topic.

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 3, 12, 2:42 a.m. – Permalink
  • pillhead

    This is like a client from hell.

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 3, 12, 4:11 a.m. – Permalink
  • doesnotexist

    don't. it's retarded. it's not 1:1 and you should be shot.

    • 1px is not 1px?ESKEMA1/5
      inches man. i'm gonna punch someone in the face here.doesnotexist2/5
      surely, you mean centimeters?pizzafire3/5
      why would you work in inches, or cm?ESKEMA4/5
      i'm not, was handed this file now i must work magics.doesnotexist5/5
    next note >+ add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 3, 12, 7:23 a.m. – Permalink
  • Hue

    Can you create PDF and then use acrobat to export as HTML?

    + add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 3, 12, 7:37 a.m. – Permalink
  • ESKEMA

    I don't know if it's because people does not know how to use ID, but it needs to be said, ID is NOT a print only software, it is fully capable and perfect for pixel work too. Maybe you're frustrated because of shitty designers presenting shitty work on it because they come from print and don't know better, but that's not the software fault.
    quick examples to illustrate:

    http://i.imgur.com/VZw8T.png

    http://i.imgur.com/c5zrF.png

    http://i.imgur.com/d2zeo.png

    • + STYLES for EVERYTHING,
      Master Pages, etc, etc,
      ESKEMA1/6
      that actually helped, thank you! i still hate indesign for webdoesnotexist2/6
      InDesign is superior to PS in every way for layout out and designing a website.monospaced3/6
      ok. i use illustrator!doesnotexist4/6
      cool story brofadein115/6
      when indesign first came out... i understood that it was for web AND print. it was used for both. good luck!ohhhhhsnap6/6
    next note >+ add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 3, 12, 7:47 a.m. – Permalink
  • animatedgif

    Just because it can doesn't mean it should.

    The web mode is a recent hack added to what's a 13 year old print design app.

    It might be superior to PS, but PS was a fucking stupid thing to design web pages with in the first place. Should be using something built from the ground up with web design in mind.

    • it's not a hackmonospaced1/2
      Implying anything Adobe adds these days isn't a hackjob.animatedgif2/2
    next note >+ add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 3, 12, 9:16 a.m. – Permalink
  • mirrorball

    use Muse

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 3, 12, 9:21 a.m. – Permalink
  • vaxorcist

    if doing web design in fireworks is like swimming with flippers on your feet, doing web design with InDesign is like swimming with hiking boots on your feet....

    • I've never understdood the hate or reluctance to use Fireworks. Interface is intuitive, makes smaller sliced files. Ive been using it since version 2.Josev1/3
      been using it since version 2.Josev2/3
      LOVE fireworks.. maybe the fear is the learning curve, as everyone "knows photoshop"vaxorcist3/3
    next note >+ add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 3, 12, 9:49 a.m. – Permalink
  • zarkonite

    InDesign can work really well for web design, especially CMS websites. I wouldn't use it for a site that requires a lot of graphic design (in the sense of heavy use of graphics integrated with the content cuz you'll end up using photoshop for image manipulation so might as well stay in there) but anything corporate or typographic it's definitely a great tool.

    Problem is, I've not met a single dev that can handle INDD files.

    Question I have for you Eskema: if you have a style, like a drop shadow, on an object. How do you export that to a PNG for the web from IND? In Ps you can just make a smart object, select, copy, new file, paste, save for web.

    + add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 3, 12, 10:01 a.m. – Permalink
  • zarkonite

    http://www.firstcarstory.com/ <-- if you were to use Indesign for a site like this, wouldn't you spend most of your time in Photoshop?

    + add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 3, 12, 10:07 a.m. – Permalink
  • ESKEMA

    @zarkonite

    I have no problems with using any software, I use them all. I need to use several because each serve it's purpose. And for layouts, ID is far superior. I'm not saying that while using it, I won't touch PS or AI. That's just stupid and limitating. I just cringe everytime I see someone say ID is for print and can't do web. Yes it can, yes it does. And it all depends on the job in question.
    Like what you show, it doesn't make much sense to do it in ID. That's fine, there's others more fit to the task. But doing The New Yorker site (http://www.newyorker.com) in PS is equally retarded.

    I tried to grasp FW but I wasn't confortable with it. That doesn't mean it's bad software, just that I'm bad with it and don't have a lot of time to experiment with it for now (I'm sure I'll be tempted again somewhere down the road)...

    The point of this is, know your tools, know your team, use the tool you're confortable with (and the rest of the team) and use it well, if it doesn't do the job, switch to a more fitting one. Or maybe don't do stuff you shouldn't be doing at all because it makes us all look bad...
    (the you's in this text do not refer to anyone in particular)

    + add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earApr 3, 12, 10:48 a.m. – Permalink

Login or Register to respond to this

Skip to main content