Espaçamento em UI Design

Поділитися
Вставка
  • Опубліковано 18 гру 2024

КОМЕНТАРІ • 16

  • @magdielfeliciano
    @magdielfeliciano 8 місяців тому +2

    Interessantíssimo como a exposição de muitos dados fica de mais fácil entendimento e acesso quando se respeita o espaçamento. São 25 itens só na sidebar hahahaha e parece ainda muito clean e minimal.

    • @designergringo
      @designergringo  8 місяців тому +1

      Exato! Facilita muito pra uma boa arquitetura de informação

  • @Alekitous
    @Alekitous 7 місяців тому +1

    Muito bom o vídeo! Me ajudou muito! Continua com o canal que com essa qualidade vai longe!!! Abraço.

  • @felp1s
    @felp1s 8 місяців тому +1

    eu gosto do método 8pt grid, vou adotar esse 4 pixel pra mobile obg pela dica

  • @JanainaVitoriaNunes
    @JanainaVitoriaNunes 8 місяців тому +1

    Muito bom!
    Esse vídeo chegou no momento certo, pois essa era uma das minhas principais dúvidas. Estou interessada em saber se existem tamanhos específicos para elementos, como quadrado e círculos, botões e se há alguma regra que podemos seguir.

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

      Ei, Janaina. Obrigado pelo comentário. Fico feliz que o vídeo te ajudou. Não existe uma regra 100% definida, vai depender muito do produto. Eu te recomendo estudar alguns design systems onde a galera documenta o tamanho dos botões, formulários e etc. Com isso, vai ter uma ideia do que usar no app que está trabalhando.

  • @herbertfranco767
    @herbertfranco767 8 місяців тому +1

    Caramba que layout foda!

  • @grendhacorrea
    @grendhacorrea 8 місяців тому +1

    Muito bom, parabéns!!

  • @JulioAndrad3
    @JulioAndrad3 7 місяців тому +1

    Naquelas listas na sidebar... [12:55] o espaço entre elas e dos itens internos tá muito parecido, não? Me pareceu 24 entre as listas e talvez os mesmos 24 ou 20 entre os itens internos. Não seria mais recomendado diminuir o espaço entre os itens? Me pareceu meio distante um do outro.
    Uma dúvida: nesse sistema que você aplica, existe uma distância mínima pra que algo fique 'próximo demais'? Como foi o caso ali na alteração que você aplicou entre dois ícones... [07:28]

    • @designergringo
      @designergringo  6 місяців тому +1

      Sim, acaba que as diferentes listas tem quase o mesmo espaçamento, o que não tem muito problema, já que o título do componente (nome da lista) serve como diferenciador de onde começa e onde termina. Sobre o espaço mínimo, eu uso bom senso e teste, mas não uso menos do que 4px para espaçar.

  • @mauriciomatos7662
    @mauriciomatos7662 5 місяців тому +1

    É um conteúdo que não se vê no UA-cam... Se você fizer um curso, eu compro

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

      hahahaha fico muito feliz que tenha curtido. A comunidade Designer Gringo vai sair ainda esse ano!