What’s out there?
Did a bit of research on the different design styles and trends being used for website image galleries and sliders. Below are a few examples from what I discovered… beforehand a list of some of the styles that are featured on websites.
- Minimal Style
- Scattered Photos
- Image based Navigation
- Grid-based Designs
- Horizontal Image Content Slider
- Grungy look
- Interactive 3D Interfaces
- Photos behind typography
- Carousel Photo Gallery
- Down Scrolling
- Center Focused Layout
- Modal or Light boxes
Art direction and Graphic design firm Arnaud Beelen used a creative spin for their website image gallery. Rather than using the traditional square shape or usual card design they opted for parallelogram thumbnail shapes. This gives them a unique innovative and intuitive competitive edge over all the other square-based galleries since it stands out.
This uses a jQuery plugin that is for high volumes of photos while conserving bandwidth.
This website showcases the highest quality free fonts. An emphasis is placed on the text through the extreme close-up of symbols and letters that display the fonts in colourful icons. It’s a creative and artistic way to show the different fonts that communicate the websites context whilst being aesthetically pleasing.
Full sized Image
Exposure is another jQuery plugin which I can’t use but looking at the design, it features a large image with the other images in the gallery on the side. Another feature to consider
Damian Watracz Design
Similar to Arnaud Beelen this website has strayed away from using square or circle shaped icons. As well as the icon shape being different there is a hover over effect that changes the image from black and white to colour and rotates the image. http://watracz.com/
Features a horizontal image slider with arrows that control the navigation between the images.