Monday, 30 May 2011

Image Roll Overs


I really want to design this website properly as i have designed mock ups before but they have been very visual and flat with no functionality specifications. I have been talking to a web designer/developer who is a close friend and he has given me some tips about what actually needs to be designed. 

One thing was roll overs on buttons, we did a very basic lesson on this when learning about dreamweaver but now I want to apply this to the Straw Bear website. 

So I have started looking at image roll overs and how they can function. This first example is a triangle colour over the image to start with and then when rolled over, the triangle disappears to reveal the full image. However Chris said that roll overs work better in a  positive response meaning that they work better if something appears of changes when rolled over rather than disappear.



So instead i tried having the full image and then when rolled over the coloured triangle swoops in with the title. However this gives no indication what the link is until the viewer rolls over it.



So after that i though about having a full bleed colour and the the roll over reveals half the image and reduced the block colour to the triangle.



No comments:

Post a Comment