Comments on: Use Adobe Illustrator to Create a Clean Website Layout

By: n

Wed, 18 Nov 2009 14:34:39 +0000

i agree, it’s too clean, add some extra, give your creativiti a boost on this one

By: Lavanya

Lavanya — Fri, 13 Nov 2009 16:49:31 +0000

For those that want pixel perfect lines/boxes/anything, turn on Snap to Pixel, use the rasterize function (under effects) to ensure it renders correctly and then nudge it to the nearest pixel.

I personally lay up in Illy and do complex artwork that requires raster effects in Photoshop. I have found that the best way for my web work is to use both effectively and maximise both of their strengths. Illy is an incredibly powerful layout tool with incredible tools such as smart guides, vector scalability and vastly superior typography control and manipulation.

In a designer (both in print and web), I look for people who command the ability to use all the Creative Suite tools together creatively and intelligently. Designers that only use Photoshop (and likewise those that only use Illustrator) would benefit from broadening their skillset.

Versatility in design is key, and this applies to the tools that you use too.

By: Boîte communication Montréal

Boîte communication Montréal — Mon, 09 Nov 2009 01:10:31 +0000

Who thought it would be that easy!?

I have problems the step after that though, making the design with dreamweaver.

By: barbara jean

barbara jean — Sat, 07 Nov 2009 05:41:14 +0000

really wonderful design! and truly exceptional, well-written tutorial.

Thank you

By: dj..

dj.. — Thu, 29 Oct 2009 14:47:03 +0000

nice…

By: nlx

nlx — Thu, 29 Oct 2009 14:07:53 +0000

What about Type Rendering ?

Even if i can export thru illustrator, there is not type rendring option in illustrator right ? (smooth/sharp etc.)

By: Treefingers

Treefingers — Tue, 06 Oct 2009 00:38:21 +0000

Why do web graphics in a program made for photos? The design will be inflexible and will not transfer gracefully to print media.

By: Treefingers

Treefingers — Tue, 06 Oct 2009 00:30:35 +0000

An important thing to remember when doing this is to use a corner reference point. Anywhere else and odd-numbered dimensions will result in the occasional *.5

Frankly, just use pixel preview and snap to pixel

By: Treefingers

Treefingers — Tue, 06 Oct 2009 00:25:06 +0000

Exactly, Alastair. Pixel preview + snap to pixel = win. I used to do all my layout in PS but gradually found myself using nothing but its vector tools. This led me to thinking, “why not use an actual vector program then?”. I jumped over to AI and never looked back. PS for the photo work, naturally, but I drop those into AI with place and align them to the pixel grid.
PS just can’t match the flexibility of AI in the early stages, and isn’t nearly as adaptable afterwards. I’m done with layout and into pixel tweaking way faster now.

Chad, your AI designer obviously just hadn’t paid attention in her screen typography classes or something. She would have know about watching/tweaking for pixel alignment if she had. That’s her problem, not AI’s.

By: Radule

Radule — Sat, 19 Sep 2009 09:43:27 +0000

Slicing using “gudies” i think is not smart idea…
I allways use “CRAP” tool and you dont need so much sliced images,this is clean layout,very easy and nice layout but i think you only need to slice HEADER + NAVIGATION… )