DESCUBRA qual é o TAMANHO IDEAL de imagens de FUNDO DE LANDING PAGE

Поділитися
Вставка
  • Опубліковано 16 лис 2024
  • Aprenda qual o tamanho certo de imagens de fundo para sua Landing Page, entenda tudo sobre tamanhos de monitores e como preparar a base para fazer suas criações no Photoshop.
    🔵 Conheça meus cursos
    👉 hericky.com.br...
    🔵Hospedagem + Elementor Pro + WP Rocket e mais 1 plugin grátis
    👉sejaturbo.com....
    👉 / herickyalencar
    👉 Livros de Design
    • Design Centrado no Usuário: amzn.to/3huZLLe
    • O design do dia a dia: amzn.to/3w7UPkx
    • Sprint: amzn.to/3hzcRqW
    • Não me faca pensar: amzn.to/2UmFCij
    • Mapeamento de experiência: amzn.to/3ylGm6h
    • Isto é Design thinking de serviços: amzn.to/2UnMKeE
    • Design de interação: amzn.to/2UVxXb3
    • Usabilidade móvel: amzn.to/3hagLXX
    • Design ergonomia emoção: amzn.to/2Ugq6og
    • Lego Serious Play: amzn.to/3dBgsn6
    • Design Thinking Brasil: amzn.to/3ylHRkV
    • O design do futuro: amzn.to/3AkXafs
    Se você tem dúvidas de como criar fundos para suas Landing Pages, assista esse vídeo até o final.
    Então se estava buscando:
    Qual tamanho de fundo de landing page,
    Tamanho de background de site,
    Tamanho de imagens de fundo,
    Como fazer Imagens de fundo para site,
    Pronto, você no vídeo que estava procurando.
    Aproveite o no final deixe um comentário e seu like.

КОМЕНТАРІ • 61

  • @herickyalencar
    @herickyalencar  Рік тому

    🔵 Conheça meus cursos
    👉 hericky.com.br/?

  • @gabrielarkanjo8876
    @gabrielarkanjo8876 29 днів тому

    Macho, tu é muito lindo! Aula maravilhosa, muito obrigado!

  • @ojohn.locker
    @ojohn.locker 19 днів тому

    Fala Brother, pela primeira vez demonstrei interesse a aprender criar páginas pelo WordPress, resumindo, peguei de primeira essas instruções de Resoluções de Pixels dos Banners (Photoshop), olha que a galera fala tamanho universal, 1920 x 1080, como não tenho costume de acompanhar a boiada, prefiro ter a compreensão por completo, valeu demais pela aula irmão.

    • @herickyalencar
      @herickyalencar  19 днів тому

      Massa demais irmão, obrigado pelo feedback. Pois é, eu criei essa aula pra pessoas comprometidas igual você. Sucesso

  • @fgsx1
    @fgsx1 9 місяців тому +3

    Vídeo muito bom, mas poderia fazer um explicando para as outras responsividade, notebook, tablet e celular também. ❤️

  • @Gandhalf
    @Gandhalf 7 місяців тому

    Vc eh foda irmao, merece crescer mto! Otima oratoria/explicação e organização do vídeo!! Ajudou demais

  • @DQUFRRJ2010
    @DQUFRRJ2010 11 місяців тому

    Queria ver no tamanhop pra tablet e celular. Espetacular, vou adotar esse modelo de produção.

  • @adrianoguedes3603
    @adrianoguedes3603 Рік тому +9

    O vídeo é top, me ajudou bastante mas, não sei o porque, todos que criam este tipo de conteúdo não mencionam sobre a versão mobile, que hoje é quase 100% dos usuários, como o banner vai ficar nesta versão etc,etc. No vídeo era só aperta no botão do celular dentro do elementor que os usuários iriam ver a versão mobile,concerteza muitos ficaram na dúvida, eu não fiquei por sei como preceder. Esta de parabéns pelo conteúdo, só faltou este ponto mesmo.

    • @ads.clickdigital
      @ads.clickdigital Рік тому

      vdd. Essa é a dúvida cruel kkk. Se vc colocar pra mobile vai ficar tudo esquisito. O Banner pra mobile é outro, até porquê na tela do celular é mais facil vc criar um banner, porquê o usuario só precisa de rolar para cima e para baixo. Isso tudo depende da estratégia. Por exemplo, aqui colocamos o Botão pra aparecer logo quando o LEAD abrir a Lp. Porquê isso converte mais para nós, porquê nossa estrátegia é diferente.

  • @felipesousadossantos6253
    @felipesousadossantos6253 Рік тому +1

    Isso foi perfeito pra mim, por que estou iniciando na programação e não fazia ideia de como funcionava esses tamanhos de imagem para tamanhos diferentes de tela, me deu um norte de como fazer

  • @igormatheusf
    @igormatheusf 9 місяців тому

    só conteúdo de excelência!!

  • @epoxiedi
    @epoxiedi Рік тому +1

    Top de mais, parabens pelo conteúdo, estou criando minha LP e tava quebrando a cabeça aqui com a divisão das faixas.

  • @fabiofreitas1082
    @fabiofreitas1082 Рік тому

    Deus abençoe, meu nobre. Seu LTV é garantido.

  • @lunaluauniverso
    @lunaluauniverso Рік тому

    Obrigado e parabéns irmão!

  • @mayaracalacio
    @mayaracalacio Рік тому

    Cara, só muito obrigada!

  • @edsondesigner
    @edsondesigner 2 роки тому

    TOP! TOP! TOP! Valeu mano Hericky

  • @AntonioCarlos-zd9yl
    @AntonioCarlos-zd9yl Рік тому

    Sempre cirúrgico 👏👏👏👏

  • @jacksonmigueldeoliveiramat2883

    Salvou demaaaais!

  • @MrThaynamariano
    @MrThaynamariano Рік тому +1

    Me salvou d+ com esse vídeo, mto obrigada!!!
    Não sei se já tem vídeo sobre, mas tem algum direcionamento sobre as dimensões pra mobile?

    • @herickyalencar
      @herickyalencar  Рік тому

      Não tem ainda Thayna, mas obrigado pela dica, irei fazer.

  • @WilkensSantos
    @WilkensSantos Рік тому

    Excelente aula e conteúdo!!!!👏👏👏👏👏👏👏

  • @pablosoaresdemelo481
    @pablosoaresdemelo481 Рік тому +1

    Como é a organização para deixar responsivo?

  • @mariosilva7403
    @mariosilva7403 7 місяців тому

    Video top demais 👏👍

  • @gugaborted
    @gugaborted 8 місяців тому

    Eu consigo levar esse conceito e criar dentro do canva ?

  • @igreenenergybrenerfelipe
    @igreenenergybrenerfelipe Рік тому

    Excelente! Parabéns e Obrigado😀Inscrito👍

  • @marialuciajabo
    @marialuciajabo 11 місяців тому

    então no figma o tamanho ideal do frame é 2560?

  • @raul.roccha
    @raul.roccha Рік тому

    Super aula, irmão!

  • @souzaaugustsite
    @souzaaugustsite Рік тому

    Muito Massa o vídeo! e no mobile como serie essas margens? vc faz outra arte para o mobile?

    • @herickyalencar
      @herickyalencar  Рік тому

      Exatamente.. ai no caso deixa com 800px de largura pois o mesmo bg que vai no tablet, funciona no mobile. Aí só rediagramar o layout novamente

  • @vinnyscrouth7196
    @vinnyscrouth7196 Рік тому +2

    Cara, muito Top o vídeo.. mas sou da época em que 1280px era a resolução mais usada.
    Eu uso 1920 hj, mas ainda vejo meus pais e a maioria das pessoas mais velhas (50+) utilizando de 1280 para baixo (fora o zoom absurdo no chrome kkk).
    Vi alguns blogs pessoais falando sobre "1366px" ser mais popular no BR em 2022 e "1920" nos EUA.
    Sabe se ja há algum novo estudo ou pesquisa atualizada (e de confiança) sobre isso?
    Valew @Hericky, Abç!

  • @JohnSilvawm
    @JohnSilvawm Рік тому

    Mais um vídeo espetacular!

  • @hd038
    @hd038 Рік тому

    ensina a fazer banners para lojas no figma usando essas dicas

    • @ojohn.locker
      @ojohn.locker 19 днів тому

      Dar pra fazer os Banners pelo Photoshop man, trabalha nos dois: Photoshop + Elementor, nem precisa ir direto no software do elementor, basta instalar puglin do elementor no próprio WordPress.

  • @arthusantunes5645
    @arthusantunes5645 2 роки тому

    Vídeo sempre mt bom!!

  • @QRPRINT
    @QRPRINT 5 місяців тому

    Top

  • @necrodoctor9736
    @necrodoctor9736 Рік тому +1

    Pode fazer um vídeo mostrando como fazer tamplates, bunners e design geral da loja na nuvem shop? Estou tentando faz tempo desenvolver algo para essa plataforma, porém nunca encontro uma forma correta de fazê-lo, poderia fazer um vídeo mostrando como fazer?

  • @marlonbrandooliveira9211
    @marlonbrandooliveira9211 Рік тому

    Toop!

  • @jaislanrodrigues6930
    @jaislanrodrigues6930 Рік тому

    Por onde entro em contato com você? Gostaria de fazer um orçamento.

  • @Solcreator-x3g
    @Solcreator-x3g 5 місяців тому

    Video muito bom! Mas eu simplesmente não consigo ajustar a altura. Sempre que eu seleciono uma altura durante a edição no elementor, quando visualizo a página ela diminui

  • @dreputifero
    @dreputifero Рік тому

    Salve mano, baixei todos os softwares q vc nos sugeriu, baixei pirata mas é a mesma coisa , to com o photoshop, ilustrator e corel draw atualizado, falta só o indesign, já dá pra trabalhar?

  • @dudadias7837
    @dudadias7837 Рік тому +1

    E para Mobile?

    • @mmorais_net
      @mmorais_net 10 місяців тому

      Também queria saber, tenho impressão que a imagem que aparece no lado do texto na segunda seção deveria estar separada pra conseguir controlar o responsivo.

  • @wesleywylli
    @wesleywylli 2 роки тому

    soh uma dúvida... mas seria lá dentro do Elementor, vc usa por padrão qual Largura? 2560?? 1920??

    • @herickyalencar
      @herickyalencar  2 роки тому +1

      Largura padrão, ou seja, se redimensiona sozinha. E por isso deixo o background "preenchendo". Assim ele acompanha o tamanho de dela e sempre se manterá no centro.

  • @ofilipedesigner
    @ofilipedesigner 2 роки тому

    e para monitores menores como 1366x768?
    tenho dificuldades para criar e desenvolver com essa resolução

    • @herickyalencar
      @herickyalencar  2 роки тому

      Segue a mesma regra irmão.. nesse caso só criar o conteúdo dentro dessa largura de 1280280 pra sobrar uma "bordinha"

  • @FelipeBelazart
    @FelipeBelazart Рік тому

    Mano, você falou pra nunca salvar em PNG, caso não precise de fundo transparente, mas já ouvi (não lembro onde) que a melhor opção para as mídias sociais era em PNG24. Poderia explicar melhor essa questão? Ficou meio vago

  • @HealthCareWellnessReview
    @HealthCareWellnessReview 3 місяці тому

    O foda mesmo não sei se é só cmg, ter um monitor 32 polegada, 1920x1080 ai o que você fez não dá pra mim fazer, que é tirar print da altura porque ele meio que da zoom, sei lá é um dos piores de vdd pra se fazer sites

    • @herickyalencar
      @herickyalencar  3 місяці тому +1

      Quando vc divide a tela em 2, não fica 2x de 1920x1080?

    • @HealthCareWellnessReview
      @HealthCareWellnessReview 3 місяці тому

      @@herickyalencar não entendi bem sua pergunta, mas assim, a sua tela ai está perfeita, pois voce consegue tirar print da altura tranquilo, as minhas o elementos fica tudo grande e até o conteiner debaixo fica escondido, embora esteja em 100% tudo norma, ai o que to pensando em fazer e medir ate onde der e jogar um pouco a mais sei la 1920x1000, ai a seção de baixo que dá pra tirar o print ai consigo normal, mas se contem muitos elementos a tendencia e a seção esticar correto? ai não dá pra mim, é bem ruim acerta as vezes

    • @HealthCareWellnessReview
      @HealthCareWellnessReview 3 місяці тому

      @@herickyalencar passando pra dizer que era a escala do layout do meu windows descobri passei de 150 pra 125 % tenso... e resolveu

  • @ricox25
    @ricox25 Рік тому +1

    Cara me desculpa lhe falar mas é uma crítica construtiva: seu vídeo é bem complicado pra se entender, acredito que seja por isso que tem poucas visualizações.

    • @herickyalencar
      @herickyalencar  Рік тому +1

      Fala irmão, agradeço. Talvez você precise de vídeos mais básicos para entender os fundamentos (Não é atoa que foi o único). Deixo essa dica também, as vezes parece complicado, mas só não estamos prontos.

  • @vitoriesr
    @vitoriesr 3 місяці тому

    Entendi nada jkk

  • @Fatpigsclub
    @Fatpigsclub Рік тому

    Descobri o canal recentemente mas ja vou parar para elogiar! Conteúdo bom demais irmao, obrigado.