Rotate Transition & Shuffle Layout Slideshow html

Estes slides têm um design único, que é tanto nítido como moderno.

Por cima do slide principal estão variadas imagens pré-visualizadas, empilhadas horizontalmente. Surgem quatro imagens no slide e as restantes aparecem pela direita ao navegar. Cada imagem pré-visualizada tem um rebordo cinzento, que fica turquesa quando corresponde à imagem principal.

Ao passar por cima das imagens pré-visualizadas consegue navegar nas mesmas e selecionar a imagem do slide que pretende. Devido ao facto de as imagens pré-visualizadas estarem no topo e ocuparem bastante espaço, torna-se claro como navegar pelos slides e adequa-se a um público menos experiente a nível tecnológico.

O slide principal tem um rebordo turquesa em cima e em baixo mas não tem rebordo dos lados. Transmite uma sensação moderna e aberta.

A combinação entre o slide principal e as imagens pré-visualizadas no cimo significa que os slides ocupam bastante espaço. É arrojado e irreverente, sendo perfeito para uma página web onde os slides ocupem grande parte da mesma.

Há uma legenda no canto inferior esquerdo. Tem um título, escrito a turquesa contra um fundo branco e um subtítulo escrito a branco contra um fundo turquesa. Ambas as legendas surgem diretamente do lado do slide e têm cantos arredondados.

A tipografia utilizada é chamada Noto Sans, uma tipografia humanista e sem serifa. É uma tipografia legível em vários tamanhos de ecrã e vários aparelhos, tornando-se na escolha perfeita para slides adaptativos. Por ser sem serifa é moderna e nítida e o facto de as letras serem ligeiramente arredondadas torna-a suave e amigável.

Ao passar pelo slider, duas setas de navegação são exibidas, uma de cada lado. Estas setas têm um fundo cinza que se estende a partir da borda do quadro e possuem os cantos levemente arredondados. Há uma seta branca fina em cada um. Ao passar sobre as setas, o fundo se estende ainda mais e se torna turquesa.

O efeito de mudança padrão é chamado de 'rotate', onde as imagens giram em sua posição. Há uma série de efeitos de transição que podem ser escolhidos e quase todos eles irão funcionar com este design flexível de slider. 'Collage' e 'cube' também são efeitos agradáveis que mantêm a sensação simples e moderna.

A combinação da cor turquesa brilhante com o design limpo e o impacto forte do slider que ocupa bastante espaço, significa que ele funcionará muito bem para uma empresa de jóias ou uma que venda objetos de luxo. Também funcionará bem para uma cadeia de hotéis de luxo que deseja mostrar alguns dos lugares deslumbrantes onde os hotéis estão localizados. Na verdade, por este slider ter um design tão flexível, ele funcionará bem para quase qualquer website.