this website has a very clean look with a striking orange pallet. it contains strong stylised vector based illustrations which tie all the pages together. the buttons have a nice weight to them and the hover bounce makes it satisfying to use them increasing the enjoyment of the website. it has good use of highlighted text which draws your eye to the key points.
this is technically a 1 page website with the navigation buttons at the top scrolling the page down for you, the effect of this is that there is a some interesting movement as the pages scroll between each other. it works because of its minimal style and our understanding of websites making it surprise us when the page scrolls down to reveal the topic we selected instead of a new page being loaded.
this website has a very stylised cut out style and heavily uses images instead of text to creat its look. part of the first page goes below the fold but you are enticed to scroll down by the words "+loads more" at the bottom of the page. while scrolling dose not actually reveal much on the home page it sets a precedence for you to do the same on the other pages. the website keeps uniformity with the repeating navigation header, page logo and background (a very common feature in websites) it also uses a continued pallet and text box layout. it breaks its repeating background on one of the pages(hack day) relating to night time events which is represented in its night themed background. the break is mainly just a colour one as the other elements stay located in the same place.
the home page contains images of speakers which when hovered over rotate slightly. this addition of movement would be very fitting for my animation themed website. another note on the images is that they are all in greyscale, this is so they they all look uniform as it would have been costly to gather all the speakers in the same place with a professional photographer so as just to have colour photos.
this website has a strong colour pallet and interesting use of straight lines to direct your eye to parts of the text. i also fine the light coming from the centre top on the page draws my eye even through this is wasted on there page, i think it could be useful on mine for bring people back to the navigation bar.
i feel like there text dose not work well in this website the colour of the main text feels wrong and the use of lighter italic text for key works/statements in the body text clashes with the strong angular feel that the yellow lines bring.
each of there images of flash elements along with the whole website is surrounded by a thick black boarder the same thickness as the yellow lines. this boarder set on the websites dark background is hard to see but really makes the elements stand out and sit comfortably with each other.
this is an amazing website which is built using css and java script. it show just how amazing i could potentially make my site look if i had the codeing talent.
i really like the navigation and layout of this website. it has a very intuitive left to right navigation. the buttons however when clicked out filter out hits from the category instead of showing result that suit it. i really like the about button which slides the whole website over to the right revealing a hidden about section.
the strong earthy colours seems to be a current tread in web design.
having spoken to one of my piers, Simon, i have found out that the animation involved in getting the sliding effects is doing using java script. i think it would be wise to keep any use of java script to a minimum so as not to overcomplicate things as the nice aesthetic touches it brings can be worked around with good design.
0 comments:
Post a Comment