Saturday 20 November 2010

Visual Design and Images for the Web

Have just spent about 3-4 hours reviewing the material from yesterdays lecture based around Visual Design and Images for the Web. This was a good lecture to finally get as the idea for my site is based around showing off some of the photos from all of my trips.

We covered off gif vs jpg vs png etc and there really is a lot of material about this on the web. The general convention is that JPEG is the best file format used for photographs (explained here) and this is also supported by advise from webstyleguide.com. So I will need to ensure all my photographs are saved as appropriate sized jpg files. 

Webstyleguide.com also offers: 
When you are creating graphics for web pages you should always use the 1:1 display ratio (one pixel in the image equals one pixel on the screen), because this is how big the image will display on the web page   Images that are too large should be reduced in size with an image editor such as Adobe Photoshop to display at proper size at a resolution of 72 ppi
 
I will follow this advice when preparing the content for my website.

One thing I have to consider is the height and width of my photos. I really have to experiment with the layout to get that right. The lecture notes spoke about The Golden Ratio in Web Design and The Grid System - grids as an aid to practical application of the golden ratio. So I have downloaded a template from 960gs to play around with the layout in photoshop.

The lesson also went over editing images in dreamweaver and change image on rollover etc.

It broadly discussed galleries, but this is something (as you will get from last weeks blog posts!) that I really want to have included as a key feature of my site, so I am now going to go a spend some time looking at galleries and look for ideas (and maybe even a design!) that I can use at talesfromloz.com

No comments:

Post a Comment