Seria uma boa prática aplicar sombras em botões? Posso criar botões sem sombras?
Outra dúvida: o uso de sombras pode ser reservado somente para modais ou para elementos que se sobrepõem ao conteúdo que o usuário está visualizando?
Por exemplo, em um e-commerce, quando o usuário adiciona um produto ao carrinho e interage com o mini cart, uma camada se abre sobre a página atual nesse caso, o mini cart. Seria apropriado aplicar sombra somente nesse tipo de componente?
Olá, Débora, como vai?
É totalmente possível e comum criar botões sem sombra. A aplicação de sombra em botões não é uma regra fixa, mas sim uma decisão de design que deve levar em conta o contexto e a hierarquia visual. Se um botão precisa chamar mais atenção ou se destacar de outros elementos (por exemplo, um call to action principal), a sombra pode ajudar nesse destaque. Mas se for um botão secundário ou de menor importância, pode-se optar por deixá-lo sem sombra para manter o foco no conteúdo principal.
Quanto à sua segunda dúvida, o uso da sombra está diretamente ligado à ideia de elevação e hierarquia, como você bem mencionou com o exemplo do mini cart. Quando um elemento se sobrepõe aos demais, faz sentido aplicar uma sombra para reforçar a ideia de profundidade e destacar sua prioridade na tela. Porém, essa mesma lógica pode ser aplicada em outras situações, como em cards, dropdowns, tooltips, menus flutuantes, etc.
O importante é garantir que exista uma consistência no sistema: se um tipo de interação sempre causa uma elevação visual, isso precisa ser replicado em todos os componentes semelhantes.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar.
Abraços :)