Como criar um site de rolagem horizontal com modelos de formato

Você está se perguntando como criar um site de rolagem horizontal para seu portfólio criativo usando os modelos do Format? Aqui estão vários exemplos que você pode começar a usar hoje mesmo.

pexels cottonbro 5054213

Se você está apenas começando sua carreira criativa ou deseja renovar sua presença on-line, é essencial criar um site que permita mostrar seu trabalho de forma atraente e fácil de navegar. Como o site do seu portfólio é como um estúdio digital ou uma vitrine, é importante que você se destaque.

Uma maneira infalível de tornar seu site memorável é optar por um site de rolagem horizontal de uma página. Embora um portfólio horizontal ou um site de rolagem lateral nem sempre tenha sido considerado a melhor prática do ponto de vista da experiência do usuário, ele já percorreu um longo caminho e oferece uma maneira exclusiva de mostrar seu trabalho, especialmente quando o portfólio é visualizado em um dispositivo móvel.

Você está preocupado em saber como criar um site com rolagem horizontal? A boa notícia é que você não precisa se preocupar com isso.

Escolha um Modelo de rolagem horizontal que faz o trabalho para você. Ao usar um modelo de rolagem horizontal bem projetado, você pode ter certeza de que seu design da Web não está sacrificando a experiência do usuário, para que ele permaneça no site (e, com sorte, se torne um cliente pagante!).

O que é rolagem horizontal?

A rolagem horizontal refere-se a um estilo de navegação de site em que você pode rolar de um lado para o outro, com o conteúdo aparecendo à medida que você se move horizontalmente. É uma alternativa ou um complemento ao estilo de navegação mais comumente usado, a rolagem vertical.

Os sites com rolagem da esquerda para a direita que oferecem uma rolagem horizontal da galeria são mais intuitivos do que as experiências móveis com uma só mão.

Embora qualquer bom web designer diga a você para não sacrificar a usabilidade em nome da novidade, a capacidade de rolar horizontalmente pode, na verdade, oferecer uma ótima experiência ao usuário, especialmente quando se trata de sites de portfólio em que as fotos precisam ser exibidas com destaque.

mão no trackpad do MacBook

Se você está se perguntando se o estilo de site com rolagem horizontal é adequado para o seu portfólio, talvez queira considerar esses benefícios ao escolher um modelo.

1) É consistente em diferentes dispositivos.

Quando se trata de web design, a rolagem horizontal é mais do que uma moda passageira. Cada vez mais pessoas acessam a Internet por meio de telefones em vez de computadores de mesa, e é por isso que a adoção de páginas com rolagem horizontal está se tornando uma medida de design mais intuitiva - ela não vai desaparecer.

Embora a rolagem vertical seja a forma mais comum de navegar em um site, a maneira como muitos de nós navegamos on-line mudou muito na última década.

Por exemplo, se você visitava um site há 10 anos, é provável que fosse de um desktop ou laptop. Hoje em dia, muito mais tráfego do site vem de dispositivos móveis e tablets.

Isso significa que, para acompanhar o comportamento dos usuários, as páginas da Web precisam ser responsivas.

Muitas vezes, a versão móvel de um site criado para desktop força o conteúdo para baixo no comprimento da página, de modo que os visitantes precisam rolar muito para encontrar o que estão procurando. Os sites horizontais têm a vantagem de ter menos conteúdo embaralhado em diferentes dispositivos.

2) As imagens de rolagem horizontal permitem que você use toda a largura da tela.

Um design de site mais padrão geralmente tem um menu de navegação em um lado da página, restringindo a área em que os sites exibem suas fotos. Com um site de rolagem lateral, você pode preencher a página com uma imagem ou até mesmo fazer com que ela se espalhe horizontalmente.

Essa rolagem de galeria horizontal é perfeita para fotógrafos de natureza, arquitetos e designers de interiores, onde os detalhes em fotos de grande escala podem realmente se destacar em uma tela menor.

3) Pode ser uma opção de design mais organizada se você estiver exibindo muitas fotos.

Se você deseja incluir toneladas de conteúdo em seus sites, mas quer evitar uma página desordenada, criar um contêiner de galeria para cada seção do seu portfólio significa que os usuários podem rolar verticalmente para acessar diferentes seções e, em seguida, horizontalmente para ver o conteúdo da seção.

Dessa forma, o site do seu portfólio pode ter uma aparência elegante e, ao mesmo tempo, exibir um grande número de fotos.

Como criar um site com rolagem horizontal?

Embora você possa escrever um código personalizado para fazer com que seu site ou elementos dele sejam rolados horizontalmente, essa pode ser uma tarefa complicada. Isso ocorre porque o HTML se presta mais intuitivamente a designs de rolagem vertical. E se você não entende de linguagens de computador, talvez seja necessário contratar alguém que entenda, como um web designer ou um desenvolvedor da Web.

Felizmente, você não precisa mais se preocupar em como criar um site de rolagem horizontal do zero.

A melhor maneira de obter rolagem horizontal em seu site é usar um Criador de sites que oferece modelos de sites com rolagem horizontal. Dessa forma, você pode evitar falhas e a armadilhas comuns que podem tornar esse estilo de navegação difícil de usar.

Embora você possa encontrar tutoriais e exemplos on-line de sites com rolagem horizontal usando a propriedade overflow x do CSS, até mesmo um profissional de desenvolvimento da Web pode preferir optar por um modelo personalizável em vez de começar do zero usando HTML ou outro código. Os criadores de sites permitem que qualquer pessoa crie rapidamente um site e o personalize com tipografia, cores e elementos de marca.

Quando você terminar de fazer as personalizações, o site será totalmente exclusivo.

Se você criar sua própria navegação horizontal, uma coisa a ter em mente é que é importante deixar óbvio para o usuário que ele deve rolar de um lado para o outro. Uma maneira testada e comprovada de fazer isso é garantir que você deixe um pouco do próximo conteúdo aparecendo na lateral.

Outra consideração é que uma barra de rolagem não é a melhor maneira de navegar horizontalmente. Elas podem ser irritantes de usar, especialmente sem a roda do mouse. Uma alternativa às barras de rolagem que seja mais intuitiva seria algo como botões de seta e, é claro, a rolagem com dois dedos.

17 modelos de rolagem horizontal para destacar sua fotografia

Agora que você sabe por que esse estilo de navegação diferencia o site do seu portfólio, coloque o site do seu portfólio em funcionamento com um desses modelos. Você encontrará exemplos impressionantes de rolagem horizontal, independentemente do tipo de fotografia que você faz.

Compilamos uma lista dos melhores modelos de rolagem horizontal para lhe dar inspiração sobre o que você pode fazer com o site do seu portfólio.

Formato do modelo de site Reel

O design permite que você role pela página inicial da esquerda para a direita usando uma rolagem com dois dedos, ignorando a barra de rolagem e evocando a aparência de uma tira de filme. Você pode fazer com que cada imagem da página inicial seja um botão vinculado a uma coleção, o que facilita muito a organização das fotos por projeto ou tema.

Formato do modelo de site Vantage

Vantage

O Vantage foi projetado com fotógrafos de imóveis e cinegrafistas você tem em mente. No entanto, qualquer pessoa que trabalhe com videografia verá que esse tema é perfeito para exibir filmagens.

Mesmo que não grave vídeos, você apreciará a exibição de imagens em full-bleed. Você pode sobrepor o texto de sua escolha a uma imagem de fundo da página de destino para obter uma aparência profissional. Se você deseja que os clientes vejam seu conteúdo com facilidade, conheçam você e sua empresa e escrevam mensagens que chegam diretamente à sua caixa de entrada, o Vantage é uma ótima opção que preenche todos esses requisitos para sites bonitos.

Formato de modelo de site Skyline

As fotos em full-bleed são exibidas com perfeição em qualquer navegador, e a navegação à esquerda facilita o acesso a diferentes páginas do portfólio, como projetos específicos, uma loja de impressão e uma página sobre. Você notará que, quando começa a rolar a tela, o menu permanece, mas fica mais transparente, de modo que a imagem pode ir até a borda.

Formato do modelo de site Panorama

Se você gosta do Skyline, mas prefere um menu de cabeçalho e um tema mais leve e simples, o Panorama é a opção ideal para você. Ele permite que suas imagens falem por si só, e todas as páginas extras que você quiser adicionar podem ser facilmente acessadas pelo cabeçalho.

Formato do modelo de site Gloss

O Gloss é uma excelente opção se isso parece ser o que você precisa para seu próprio site de portfólio. Limpo e contemporâneo, o Gloss facilita a adição de legendas clicáveis às fotos da sua página inicial, que levam o usuário a mais conteúdo dessa sessão ou coleção.

Formato de modelo de site Obsidian

A Obsidian foi criada tendo em mente os melhores artistas e tem uma ótima aparência, mesmo que as fotos do seu portfólio não combinem perfeitamente.

Com a Obsidian, você não precisa se preocupar tanto com o fato de todas as suas imagens serem carregadas com a mesma proporção, pois a variação do espaço em branco à medida que os usuários rolam horizontalmente faz parte do charme e dá à Obsidian uma agradável sensação de colagem, independentemente do navegador que estiver sendo usado.

Formato de modelo de site Reflexão

O Reflection é uma opção fantástica se você precisar incluir mais do que apenas imagens na sua página da Web para realmente transmitir uma história ao seu público. Ele pode ser usado para criar um site de rolagem horizontal de uma página que combine a rolagem horizontal com a rolagem vertical. Na parte superior, exiba suas melhores fotos em uma seção horizontal. Depois, à medida que você rolar para baixo, adicione seções para coisas como depoimentos e descrições dos seus serviços.

Esse modelo leva em conta que, para alguns fotógrafos, é importante que os clientes em potencial possam acessar rapidamente o tipo de informação de que precisam antes de entrar em contato com você. Com o Reflection, você pode ter certeza de que seu site é bonito e informativo.

Formato do modelo de site Meridian

Experimente o tema Meridian, limpo e simples, que foi projetado para esses tipos de fotos, mantendo o menu horizontal à vista para que seus clientes em potencial não tenham problemas para navegar no site e enviar solicitações que chegarão à sua caixa de entrada. Ele também é uma opção perfeita para você portfólios de design de todos os tipos.

Modelo de site de formato Horizon

O pouco espaço em branco entre as imagens dá a elas algum espaço para respirar, portanto, mesmo que você fotografe contra vários fundos de cores diferentes, ainda poderá exibir suas fotos lado a lado sem que elas se choquem nesse layout. O Horizon é um excelente tema multiuso que se adequa a criativos de todos os tipos e pode ser personalizado com sua tipografia e elementos de marca. Quer você seja um fotógrafo de casamentos ou um fotógrafo comercial, o Horizon é um dos melhores temas para a criação de fotos. melhores modelos de site para qualquer profissão.

Modelo de site de formato Horizon Left
Modelo de site de formato Médio

Essa seria uma ótima opção para um fotojornalista ou qualquer fotógrafo ou artista que queira fornecer algum contexto para cada conjunto de imagens.

Formato de modelo de site Editorial
Formato de modelo de site Dusk

Um belo recurso são os links para projetos específicos, que sobrepõem os detalhes do projeto a uma imagem de fundo desse conjunto de fotos. Aumente ou diminua o tamanho da fonte para alterar a aparência geral dessa seção.

Formato do modelo de site Beacon
Formato do modelo de site Coral
Modelo de site de formato Illuminate
Formato do modelo de site Converge

Comece a criar seu site com rolagem horizontal

Com tantos temas de rolagem horizontal para escolher, você certamente encontrará um que dará vida aos seus sonhos de portfólio.

Agora que você sabe como criar um site de rolagem usando um modelo, pode começar a criar o seu próprio site.

Lembre-se de que todos esses temas são totalmente personalizáveis, portanto, mesmo que você não tenha experiência em desenvolvimento da Web, poderá torná-los totalmente personalizados e com ótima aparência em qualquer navegador.

A colaboração com os clientes também é facilitada com o uso de galerias de provas de clientes e, ao usar um construtor de sites, você pode ter certeza de que os dados do usuário também são mantidos em segurança.

A rolagem horizontal é um ótimo recurso para sites que são inesquecíveis. Ignore o javascript, o CSS e o código e tenha seu site de portfólio exclusivo pronto e funcionando em pouco tempo com os modelos do Format.

Experimente um modelo de site horizontal gratuitamente, sem necessidade de downloads.

Você pode criar o site do seu portfólio com uma avaliação gratuita de 14 dias usando o Format, sem necessidade de cartão de crédito.

Você quer mais dicas para fazer seu portfólio brilhar? Continue lendo!

Atualize seu portfólio: 6 dicas para você limpar sua carreira e seu portfólio

Nossa lista definitiva de inspiração para portfólios

Como criar um portfólio de fotografia para a faculdade e a universidade

Colaborador

  • Equipe de formato

    Na Format, somos um grupo apaixonado de pessoas que trabalham na interseção entre tecnologia e criatividade, unidas por um único objetivo: ajudar os fotógrafos a ter sucesso. Nossa equipe se dedica a fornecer aos fotógrafos e artistas criativos as ferramentas e os recursos de que precisam para compartilhar seu trabalho e expandir seus negócios.

A4 1 4

Um guia para aprimorar suas habilidades fotográficas

Eleve o nível de sua fotografia com nosso guia de recursos gratuito. Obtenha acesso exclusivo a dicas, truques e ferramentas privilegiadas para aperfeiçoar sua arte, criar seu portfólio on-line e expandir seus negócios.

Nome(Obrigatório)
Assine o boletim informativo Field Label
Esse campo é para fins de validação e deve ser deixado inalterado.
pt_BRPT