• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Diferencia en vista previa de Adobe Xd y Web actual

Community Beginner ,
Oct 17, 2024 Oct 17, 2024

Copy link to clipboard

Copied

Buenas tardes, quiero hacer una consulta acerca de diferencias en tamaños que noto al realizar un mock en Adobe XD y una vez que lo armamos en la web. Si bien los tamaños son exactamente los mismos, se ve totalment diferente una vez subido a la web. Yo trabajo en mesas de trabajo de 1920x1808.

Así se ve en el mock de adobe xd, notar los espacios que quedan a los costados.

ernestinadriollet_0-1729192317140.png

 

Pero al subirlo a la web, se ve todo mucho más grande y con menos espacio a los costados, a pesar de tener el tamaño correcto:

ernestinadriollet_1-1729192434769.png

 

Esto está haciendo que cuando lo llevo al plano de la web, todo se vea grande, y completamente desproporcionado, tanto los tamaños en general como los tamaños de tipografía etc, que en el mock se ven bien (cuando lo llevo a VIsta prebia en tamaño completo también), pero al subirlo no se ve igual, aunque tengan los mismos tamaños especificados. Ayuda!

 

A qué se debe y como puedo mejorar el mock para ver replicado exactamente lo mismo en la Web?

Desde ya muchas gracias!

TOPICS
Design , How to , Prototyping

Views

136

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 2 Correct answers

Community Expert , Oct 17, 2024 Oct 17, 2024

@ernestina driollet think of it as resolutions. When you view your website design in Adobe XD, it's like looking at a picture on your computer. But when you put it online, it's like showing that picture to people on different screens and phones. These devices have different sizes and ways of showing sizes. So, even though the picture is the same, it might look a little different on each device. This is why your website mockups might look slightly different online than it does in Adobe XD.

Votes

Translate

Translate
Community Beginner , Oct 24, 2024 Oct 24, 2024

Thank you for your answer! I suspected it was a resolution thing. Cheers!

Votes

Translate

Translate
Community Beginner ,
Oct 17, 2024 Oct 17, 2024

Copy link to clipboard

Copied

Esas dos imágenes fueron tomadas de la pantalla completa de la VISTA PREVIA de Adobe XD y la otra de la pantalla completa de la WEB ACTUAL. Se ve perfecto como cambia todo a pesar de tener el mismo tamaño.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 17, 2024 Oct 17, 2024

Copy link to clipboard

Copied

@ernestina driollet think of it as resolutions. When you view your website design in Adobe XD, it's like looking at a picture on your computer. But when you put it online, it's like showing that picture to people on different screens and phones. These devices have different sizes and ways of showing sizes. So, even though the picture is the same, it might look a little different on each device. This is why your website mockups might look slightly different online than it does in Adobe XD.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Oct 24, 2024 Oct 24, 2024

Copy link to clipboard

Copied

LATEST

Thank you for your answer! I suspected it was a resolution thing. Cheers!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines