Dolls for Girls

This site is very clear but still directs for its target audience very well. This is aimed at girls and finding toys that girls will like. The site is pretty and pink. They have a main toolbar at the top with 5 sections - then within each section you are able to link to a lot more things such as in the 'fun for girls' tab, you can link to additional 5 links for more to offer, also with a listing link bar on the right and boxed subsections through the rest of the page . They also offer buying online so as to access their product immediately.

This is a very extensive site, and I think it would be very easy to navigate for young girls and then also be interactive enough for them to browse with a parent for purchasing purposes.

The colour are very girly, they do not have an extensive palette, but have rather taken to using colour gradient through the site. They have also centralised their content with then either white or their main pink as background colour.

I think there is also a wide appeal as this brand is linked to very prominent sponsors such as HBO and books and TV characters are featured through the site so they get a wide range of publicity to bring someone to this site.

http://www.americangirl.com/index.php

An interesting email

I recently signed up to a newsletter from About.com to do with DTP and web design as learning some new tips every now and again is helpful to everyone. I found this email especially interesting but mostly amusing.

I tried to copy a few things out but to no success as they have links on the site to view. The topic of this particular lesson was related to bad web design.

http://webdesign.about.com/od/webdesignbasics/tp/little_web_of_horrors.htm

Monitor size and resolution

The basic element to make up the visuals to a computer monitor is pixels. Monitor resolution is measured in pixels, the width and height of the screen. example 640 x 480. This means that the screen in 640 pixels wide and 480 pixels in height.

'You can see by the chart below how screen size and effective resolution are linked. Compare a 15-inch monitor and a 21-inch monitor, both set to 800 x 600 pixels: the 15-inch will have a higher resolution. Larger monitors must contain smaller pixels in order to maintain the same resolution, but when a smaller monitor is set to a high resolution, the images would be much too small to read. A 14-inch monitor set to 640 x 480 is very readable, while a 21-inch needs at least 1024 x 768. Here are some recommended resolutions for the different screen sizes:'

	14"	15"	17"	19"	21"
640x480	BEST	GOOD	TOO BIG	HUGE	TERRIBLE
800x600	GOOD	BEST	GOOD	TOO BIG	HUGE
1024x768	TOO SMALL	GOOD	BEST	GOOD	STILL GOOD
1280x1024	TINY	TOO SMALL	GOOD	BEST	GOOD
1600x1200	TERRIBLE	TINY	TOO SMALL	GOOD	BEST

http://www.thescreamonline.com/technology/monitor/monitor_res.html

Relationship between elements.

Web elements refers to things like font, colour, buttons. These all need to be connected and have a linking quality to them to make your web site work.

Font - You do not necessarily have to use the same font for all your text but make sure there is continuity throughout. What you can do is use one font for topics and then another for all your body text throughout.

Buttons - make sure that through your different pages your keep the same colour scheme in your tabs as colour is very good for navigation through a site. So having your home tab green on one age and then changing it to yellow on another will lead to it being harder to follow than any real help.

Colour - as mentioned above - keep your colour continuous. Not meaning monotone - but that you have continuity in the colour, that every age holds a base layout in terms of your colour. In your buttons - that they all stay the same colour on every page.

An example of some great design continuity in these web elements is
http://www.instabox.com/

mmmm Cookies

A homemade cookie site - what more could one ask - If only they delivered to Ireland. There layout is very straight forward and keeps to the same grid on each page. They have centralised their content to a central box with a solid colour background which is also the colour used on their navigational tabs.

They use a very limited colour palette for the whole site which I think works in their favour as they have better things to show off rather than fancy colours. This is a commercial site and is clear in its objective of selling their product. They have a range of cookies then give you multiple options of how to buy them.

Their product and aim are clear and the site is not to cluttered with unnecessary information - I only think their downfall in their design is where they don't have focal images and there content is very flat - like in their contact us page.


The best thing about this product is they have an angel to their selling - they make a huge mention of their all natural ingredients and low trans fats in their products. Due to health being such a very popular topic - so now you get a healthy cookie to overindulge on.

http://www.pacificcookie.com/

Space - the white and negetive kind

An element in design that is a very important part of your creation and is definitely not considered enough. This element is white or negative space. Negative space is all the space within a pictures borders that is not the subject. The borders of any picture form a frame. Within that frame, your subject is considered the positive area. Anything outside of that is called negative space.

Negative space should always be taken into account in your design and is not used enough to help your designs objectives, well at least not on purpose most of the time.

I came across this site while searching for logo's but it was too good not to share this - its some of the brilliant work people have done over the years of logo's but with negative space. Amazing minds out there and definitely tough competition.
http://www.logodesignlove.com/negative-space-logo-design

An example of negetive space - do you see it?

'Is is a vase or two faces?
The classic example of negetive space or shapes is the brian-teaser where depending on how you look you see either a vase or two faces'

http://painting.about.com/od/paintingforbeginners/ss/negativespace.html

Search facilities to help communicate with others out there

Facebook search facility allows you to search within the entire website. Then also to do diverse search via someone's email address or then their own name and it comes up with possibilities matching as close as possible to your criteria, or with the email is more specific and you have to log in to your own personal email and it then send requests to your whole address book to then find people.

Facebook is very clever is multi connecting its system up with the email services and then also in the bottom right it connects to various instant messaging programs, whereby you do the same as with your email. import your entire friends list from your previous instant messaging service as you want everyone you previously communicated with via email, Im or otherwise to chat to now on facebook. clever tactic to enroll the millions of now current user. Im pretty sure its the most used interface at the moment