Qual é a largura para criar modelos de sites para desktop e dispositivos móveis agora?

A resposta curta é: não há nenhum. Se você deseja que seu site seja preparado para uso no mundo vasto e selvagem, você deve manter qualquer largura de tela entre, digamos, 480 e 4800 px em mente.

1. Qual deve ser o tamanho de uma maquete de site?
2. Qual é a largura do site para celular?
3. Qual tamanho de tela devo projetar para celular?
4. Qual resolução devo usar para o design da Web?

Qual deve ser o tamanho de uma maquete de site?

Devem ser fornecidos modelos um pouco mais largos do que o contêiner para mostrar o que acontece em telas largas. Um contêiner de 1366px exigiria uma maquete com cerca de 1500px de largura, por exemplo. Se o contêiner tivesse 1.200 px de largura, uma maquete de 1280 px seria suficiente para desktops e laptops.

Qual é a largura do site para celular?

Para tentar fornecer a melhor experiência, os navegadores móveis renderizam a página em uma largura de tela de desktop (geralmente cerca de 980 px, embora isso varie entre os dispositivos) e, em seguida, tentam fazer o conteúdo parecer melhor aumentando os tamanhos das fontes e dimensionando o conteúdo para caber no tela.

Qual tamanho de tela devo projetar para celular?

Projete para seu público, primeiro. Design de 360 ​​× 640 a 1920 × 1080. Não projete para um tamanho de monitor ou resolução de tela. O tamanho da tela e o estado da janela do navegador variam entre os visitantes.
...
Dez principais resoluções de tela mais comuns.

Qual resolução devo usar para o design da Web?

Qual é o melhor tamanho? Como já mencionado, muitos argumentam que você deve pelo menos otimizar os designs de sites para 1024 × 768. Isso deve fazer um site parecer bastante bom na maioria das resoluções e dispositivos.