Thursday 20 November 2008

Source material

I have collected together a range of different textures, based on my mind maps and word association and have hosted them on PhotoBucket. I have taken all of these images myself.
The textures will be used as part of my source material for the design of my website but also will be included in the content. I will be updating the variety of textures over the next week or so.

Monday 17 November 2008

Websites and monitor resolution
I have been looking into the different website resolution sizes and looking which one would be best for me to use for my textures website. I found this website whilst browsing for the solution and i came across this one: www.hobo-web.co.uk/tips/25.htm. It shows the different statistics of what size monitor resolutions users use when viewing websites. Theystates that there isnt a specific size to do your website in but it also states ' Optimize for 1024x768, which is currently the most widely used screen size'.

I also think that as my main target audiance is for around 21 - 40 year olds designers, they are more han likely going to have quite a good computer to be able to install the designing programs onto, So i think i should be safe to produce my main website page template to this resolution.

Flash Advertising Templates
I have been looking at the different advertising templates available in flash, we have to include three elements from these templates, which includes one pop up. There are different sizes in these templates available (below)
I have decided to produce my pop up, to the 500x500 size for two reasons. One because the other pop up template is not very big and i want plenty of room to be able to play around with the texture imagery and typography and for two i want the pop up to be right in your face, yeah its probably going to be annoying but its better than the user not really noticing that they have a pop up, and obviouly i want them to notice as i am aveviting something that i want the user to be interested in.

My other two elements on the other hand will be smaller. As i dont want everything given to the user to be completely in their face. So have decided on a skyscraper as according to various webstes such as here because they are great for advertsing and are apparatley good 'attention getters'. (image below). The size i will be using is 160x600. There was the choice between this size and 120x600, i have decided to use the wider option because of the same reason for the pop up, i want to have more freedom with room when design it.
My last element will be a banner. With the size 468x60, i have gone for quite a small and dinky size for this element because the other two elements are quite a lot bigger and i want a smaller element that will fit quite snug into the page.
These are the different elements and sizes for them that i intend to include in my website. When designing i might change them if i decide that they dont look coherent together.

Sunday 16 November 2008

Flash - music and sound

David downes set us another week long exercise in our seminar on tuesday. The task was to produce a website promoting a tribute band for the Pet Shop Boys band called Grocery Shop boys. Our site is to include 3 music video and sounds, with four different main navigation links, About, Contact us, Music tracks and music videos. We were told in seminar that our site didnt specifically have to be based on this band. So instead i decided to do my site based on a tribute band (that i made up)for Evanescence. I first designed some different design ideas for the main design template and the interaction. We also had to include a simple animation at the begining of the site that included a skip button, so i thought up a range of different ideas for this element to. My design ideas are below (notes are written on the design sheets). Excuse the photograph quality, i really need to buy a scanner. :).

This design sheet contains a range of different design ideas, including the different ideas for templates and navigation.This design sheet includes another range of designs, including the interaction the user has with the music and video tracks which will be included on the site.
Thsi design sheet includes different ideas on how the user can interact with the main navigation links and a few ideas on the introduction movie.

This design sheets shows another idea for the initial template and how the user would navigate around it.
Thsi is another design idea for a possible introduction movie.

Thursday 13 November 2008

Fonts

I have decided to also look into a bit of typography for my project, because i think that a nice typography on top of a texture works really well. Here are a few that i have been looking at:

Source: http://www.dafont.com/
Fonts: 28 Days Later
Acid Label
Diffused
Soul Mission
Sniper
Cocaine Nosejob
Trashed

















I have chosen these style of fonts becausei wanted the style of font to be grungy and quite messy on top of the textures. I also want the font to be quite bold because i dont want it to get lost in the textured background, instead i want it to stand out.

The Colour Wheel


Today we spoke about the basics of colour in our seminar unfortunatly this seems to be a subject i struggle with, i can never seem to get a colour scheme right, i can work with pastle colours quite well but not the brighter colours such as yellow and orange. I was once taught though that one way to learn about what colours is 'see what colours are directly opposite each other and these will work well together'.

Image source: http://northlite.net/ps/images/color_wheel.gif

Website Two
Texture King

What does it look like?
This website is more visually pleasing, as with absolute background textures they have used a white and grey colour pallette but they have also brought in orange to brighten the page up as to not make it so dull, thi works well because it is more pleasing to the eye. On the index page, the designer has presented the navigation in an unusual way, having block boxes with the name of the link at the top of the box and the amount of textures that link holds. The have done a sort of reversal with colour, on the link they have used white on the darkish grey and the same gray on a whit background for the sections below, this
work because putting light colours on top or dark or vise versa helps them to contrast together and stand out better.

They have also presented the textures in a neat an organised way which helps the user to find exactly what they want with ease.





The colours and the design are consistant throughout the site which is a strong point because failing to do this may cause the user to become lost and confused resulting in them getting bored and leaving the website.








How relevent is the content on the site?

The content of the site is based around textures, photography and Photoshop, all key elements that produce designs. The site also sells their brands promotional products, such as T-Shirts badges and magnets.

How clearly is the website laid out?
This texture website also keeps to quite a simple structure, although the struture is more complex than the absolute textures website, its still clear and easy to find without much animation or fun included. But the site does hold key elements that have to be remembered when designing for example, the logo is in the top hand left corner, this is strong because the humans eye automatically looks from left to right. The text is clear and easy to read. The colours contrast together well, all simple points such as these help to make it easier for users when trying to understand a website.

What would inspire me from this website with my own website?
Using a bright but simple and clear colour scheme and structure. I also like how the designer has seperated the different textures, making them easy to find.

A couple more websites i browsed were:
http://www.cgtextures.com/
http://free-textures.got3d.com/
http://textures.forrest.cz/

With all of the websites i found similarities, they all hold a simple structure, not very busy designs, eveything is all seperated into different section making them organised. The all use a simple colour pallette, sticking to eiter 2 or 3 different colours. They are all also clear and easy to navigate round with easy to read text.

This is sort of long overdue but ive been so busy, but ive done it now. Using the criteria that David gave us. I wanted to do a couple of reviews reguarding the subject of my theme to try and gather inspiration if the different ideas i could play with.

Website One
Absolute background textures archive.

What does it look like?
The design of the website isn't visually pleasing in my opinion. Its quite a standard template, with everything set in a place which enables the users to find what they want at ease. They have used a grey and white colour pallette, with a banner going along the top which looks like it could have been created in paint. Id probably give the design 30/100, could look better but i suppose its one of those website which is just there to serve its purpose.

How easy is it to use?
Its very easy to use, navigation is easily laid out and easy for the user to find, each button goes to its own seperate page, which each display relevant information. It is all straight forward, after looking around the different pages, i found that the user could interact in different way, there is a a wide variety of things you can create yourself on the website

For example you can create and personalise you own buttons, textures and logos's.

This logo was created by me just inputting some information into the fields provided and uploading my own texture (although they do provide textures too). I clicked to submit my options and this logo was generated.
The same with the button above, i imputted the information, textures and colours and the website generated the image. Obviously if your a professional at website design or are working to become a proffessional then you would create your own anyways, but i think it really works well for say, novice computer users, or maybe clan leaders who want to make a site for their clan or a band member who wants to create a site for their band. I like the interactivity included within the website.

How relevant is the content of the website?
First of all, everything is free which is really cool. Second, all of the content on the webpage is related to website design in some way, for example they have the buttons, textures, logos as well as template makers and texture makers, web graphics, fonts, sound effects and you can also request web graphics to be made personally for you. The only thing on the page not relevant is a banner across the top of the page which is probably kust an advertisement from the webserver hosting the website. On thing i did find quite odd that i hadn't seen on another site before was that the designer had split there different types of textures into colours rather than what the texture is.

How clearly is the content laid out?
The layout of the site is simple, it follows a simple grid, with each different section being 'boxed'. Like i said before the design isn't good but the user will easily be able to respond to the design and figure out what to do and how to get about.

There is no flash included on the website but at a guess im guessing that it has been created using javascript or php, im not sure im not too good at any of those at the min.

What would insipre me from this site with my own site?
The only part really that i would include as inspiration for my own site would be the interaction with the user, its made me start to think of all the different methods i could include which would allow me to pull the users in. As textures are use a lot by anyone who designs really, my site needs to be creative yet easily functional as i want the user to be able to find what they have come for.