Designing a website mockup in Illustrator

I am designing a website in Illustrator and then handing the PDF off to the web developer. What size in inches should my mock up be?

Answer

I’m pretty new here so I don’t know how much “into detail” I can go, but here are 2 Tips for Designing for web (be it an app or website).


Design in Pixel

  • As @Darth_Vader pointed out, don’t use inch or any other measurements beside Pixels for designing in Illustrator for Webdesign.

Illustrator Project setup for Webdesign (source: seesparkbox)
Illustrator Project setup for Webdesign (source: seesparkbox)


Create a User Interface Kit

  • If you have to use elements more than once, I would suggest creating a user interface kit, either in the Symbol Panel

User Interface kit saved in the Symbols library (source: smashingmagazine)

User Interface kit saved in the Symbols library (source: smashingmagazine)


Conclusion

If you want to design a fast markup, I would go with Illustrator. But Photoshop is far more advanced and better to organize the elememts

Attribution
Source : Link , Question Author : gretchen , Answer Author : Elbasan

Leave a Comment