Showing posts with label image optimization. Show all posts
Showing posts with label image optimization. Show all posts

Tuesday, 13 September 2016

WEB DESIGN: Slicing/Image Optimization

A technique we used in class, after designing the webpage, is slicing the images directly through illustrator.

This method of cutting what we need helped in the organization and direction to go when it came to coding. Instead of just starting to place the bits and pieces, I'm going to code from the top down (though, I would be starting with the background). Starting with the header, and the image I decided to go with (instead of coding in the text and all it's attributes).



Now that the section is laid up, I go on to optimize the image in the way we're shown.



I decide to keep the transparency of the "text image" I've chosen, so I ungroup my other elements of the design, and keep just the title. With that in mind, I use the transparent "PNG" option to export my section.



And that's it. For the rest of my design, I'll be making decisions on what needs to be optimized and sliced in what ways to have a design that is easier for me to code up later.