Saturday, 7 July 2012

Web Site Design

As part of section 5 we are tasked with building a web site to display our portfolio, so I have been reviewing various photographers' web sites to get ideas of what looks good and what doesn't. The following is what I am planning:

  • Clean classic design, minimal no fuss. The site should concentrate on the images.
  • White (or near white) background. Use of grey text [#807e7e and #999999] seems best
  • Slide show would be nice
  • Menus for different projects
  • Contact information
  • Film strip
  • Optional description of the project / image
  • Would be nice if when re-size the browser the web site was not affected or moved with the resizing. A lot of sites seen to fail on this point.
  • I don't like pages that have the viewed imaged fading in and the background lost, this is too messy for my liking and too animated. Examples of this are Thickbox and lightbox.
  • What size are my images going to be, the viewing area should accommodate for both portrait and landscape, if pre loading of images can be done then size can be bigger, perhaps around 350k for JPEGS or 400 x 600 px as this is the same ratio as my camera so no cropping.
  • Flash is a little above me and I am told will be retired soon with html 5 taking off. So it is just Javascript for now.
I have found some javascript / jquery called ad-gallery which is free to use so I am hoping to use this. Although this part of the project is optional I really feel that it will be worth the effort as I am sure this site will evolve over the coming years as I progress my courses.

Here is my first attempt at a logo, drawn in Photoshop.....the fonts I have chosen are Corbel and Verdana, I actually compressed my name a little and obviously expanded out the character spacing for the word ' photography'. However as these fonts may not be installed in my viewers computers I think I will have to use a more standard font such as arial for the site's text so that every viewer receives the same experience.

No comments:

Post a Comment