Introducción a las preguntas y respuestas de la entrevista de diseño web
El diseño web es un campo interesante. Se requiere un conjunto de habilidades para hacer un buen diseño de sitio web. HTML, CSS <JavaScript, JQuery, etc., son algunos de los lenguajes y marcos importantes que uno necesita conocer muy bien para poder diseñar sitios web fascinantes.
A continuación se presentan algunas de las preguntas y respuestas importantes de la entrevista de diseño web:
Así que finalmente ha encontrado el trabajo de sus sueños en diseño web, pero se pregunta cómo descifrar la entrevista de diseño web y cuáles podrían ser las posibles preguntas de la entrevista de diseño web. Cada entrevista es diferente y el alcance de un trabajo también es diferente. Teniendo esto en cuenta, hemos diseñado las preguntas y respuestas más comunes sobre la entrevista de diseño web para ayudarlo a tener éxito en su entrevista. Estas preguntas de la entrevista se dividen en dos partes:
Parte 1 - Preguntas de la entrevista de diseño web (básico)
Esta primera parte cubre preguntas y respuestas básicas de la entrevista de diseño web
Q1.¿Cómo se puede optimizar un sitio web? ¿Donde empezar?
Responder:
Para mejorar el rendimiento de un sitio web, los desarrolladores deben tener ideas específicas para la naturaleza de cada proyecto. Algunas habilidades de optimización comunes y fáciles de implementar son:
- Minimiza el código CSS y JS. Esto ahorra un kilobyte de cada carga de página.
- Comprima todos los activos en el formato más apropiado.
- Los mecanismos de almacenamiento en caché del lado del servidor como Redis deberían estar habilitados.
- Las imágenes deben servirse según el tamaño de pantalla del dispositivo y la densidad de píxeles. Cargue solo las imágenes apropiadas para un usuario determinado.
- HTML debe ser claro y conciso.
Q2.Describa el uso de las siguientes etiquetas HTML5: ¿FUERTE, EM, PEQUEÑO?
Responder:
Estas etiquetas crean un tratamiento visual específico. Por ejemplo -STRONGbold el texto, EM lo pone en cursiva y SMALL lo hace más pequeño. Pero este no es su propósito. Cada uno tiene un propósito semántico de la siguiente manera:
EM: texto que debe enfatizarse y, por lo tanto, cambiar su significado contextual.
FUERTE: se puede usar en títulos o encabezados y también en párrafos para enfatizar su palabra o frase.
PEQUEÑO: se utiliza para renuncias y aclaraciones.
Pasemos a las siguientes preguntas de la entrevista de diseño web.
Q3. ¿Describe las ventajas y desventajas de usar un marco CSS como Bootstrap o Foundation?
Responder:
Ventajas:
- Los marcos proporcionan prototipos rápidos de diseños, elementos y páginas.
- Promover la reutilización de muchos elementos consistentes en todo el proyecto
- elimina la necesidad de maquetas de Photoshop. También asegura que se eliminen otros bocetos estáticos de alta fidelidad.
- vienen con piezas de uso común estandarizadas
- código bien documentado que está incorporado. Tiene una gran comunidad de soporte cuando surgen problemas.
Desventajas
- trata de generalizar elementos comunes y a menudo conduce a diseños no tan atractivos
- crea un diseño poco convencional o complejo o un diseño
- más esfuerzo implicó manejar frameworks en lugar de simplemente escribir el código desde cero.
- vienen con demasiadas cosas redundantes que nunca se usan, o estilos que se anulan si no se usan en el sentido correcto
- tiempos de carga más lentos en comparación con un código escrito desde cero.
Q4.Diferenciar entre "visibilidad: oculto" y "mostrar: ninguno"?
Responder:
Ambas son propiedades de estilo.
- visibilidad: oculto: Oculta el elemento, pero aún ocupa espacio en el diseño.
- display: none: elimina el elemento por completo. No consume ningún espacio. el HTML para ello está en el código fuente pero no tiene espacio.
Q5. ¿Qué es el espacio en blanco? ¿Cómo afecta el contenido en la web?
Responder:
El espacio en blanco es cualquier área que se deja en blanco a propósito. No necesita ser blanco. En el diseño web, el espacio en blanco se utiliza para separar elementos o agruparlos o para llamar la atención sobre un elemento en particular o para enfatizar el diseño del contenido.
Parte 2 - Preguntas de la entrevista de diseño web (avanzado)
Echemos un vistazo a las preguntas y respuestas avanzadas de la entrevista de diseño web.
Q6. ¿Definir los principios de "gestalt"?
Responder:
Los principios de la Gestalt son de una teoría de la percepción visual. Algunos de estos principios aplicados en el diseño web son:
- Similitud: el cerebro humano percibe elementos con características comparables entre sí y eso significa que estos elementos están conectados o agrupados.
- Proximidad: los elementos ubicados entre sí se consideran agrupados o relacionados entre sí o con una parte de un todo.
- Cierre: el principio de cierre hace que un elemento sea más fascinante de ver. Esto hace que el diseño sea más agradable;
- Figura: es la relación fundamental que tiene la tendencia a separar mentalmente los hechos en función de una combinación de color, forma y experiencia.
- Destino común: elementos que se mueven sincrónicamente y a menudo se conciben agrupados
- Continuidad: la capacidad de nuestro cerebro para ver las conexiones entre las cosas y seguir un camino o un camino diferente en función de las similitudes entre ellos.
Q7. ¿Cómo combinar fuentes? ¿Qué tipos de combinación de fuentes funcionan bien? ¿Cuántos tipos diferentes de fuentes se pueden usar en un sitio web?
Responder:
Hay fuentes que funcionan bien juntas y se ven bonitas en la misma página. Para combinar dos fuentes correctamente, las similitudes y diferencias entre ellas deben considerarse cuidadosamente.
Dos fuentes funcionan bien entre sí si son similares, excepto si son muy diferentes. Para que las dos fuentes sean similares, deben tener alturas x iguales
Se debe evitar combinar fuentes que se parecen mucho, como combinar Helvetica con Lucida Grande.
8. ¿Se menciona el diseño receptivo en una página web?
Responder:
Diseño receptivo: - Un enfoque para construir sitios para proporcionar la mejor experiencia de visualización e interactividad. Se centra en la fácil navegación de un sitio. Asegura el mínimo de desplazamiento, desplazamiento y cambio de tamaño en todos los dispositivos.
Bootstrap es probablemente el marco más popular para desarrollar un diseño web receptivo, se basa en CSS, HTML y JS.
Pasemos a las siguientes preguntas de la entrevista de diseño web.
9. ¿Menciona algunos malos ejemplos de diseño web?
Responder:
A continuación se mencionan algunas formas muy malas de hacer diseños web que todos deben evitar.
- Imágenes que parpadean, giran o parpadean
- Fondo negro o muy oscuro con texto blanco, claro o pálido
- Fondos negros con texto marrón, gris u oscuro.
- Imágenes de fondo en mosaico con texto de color claro u oscuro
- Todo está centrado en la página.
- Demasiadas imágenes en la página o imágenes enormes
- Tantas listas de enlaces
- Demasiados titulares o texto que parpadea
Q10. ¿Cuándo utiliza la compresión JPEG.webp y cuándo prefiere PNG en su lugar?
Responder:
Cada formato de compresión de imagen tiene un propósito específico.
JPEG.webp: - Esto reduce el tamaño de la imagen al encontrar áreas de color similar. Un nivel de compresión más alto asegura que esas áreas se vean más agresivamente, lo que lleva a una pérdida de información visual y a la generación de artefactos. Esta compresión es mejor para fotos, dibujos y degradados. JPEG.webp no funciona muy bien para capturas de pantalla o elementos simples de IU o iconos planos o esquemas. Es muy malo para el texto.
PNG: - Este método de compresión funciona reduciendo los colores utilizados. Esto podría conducir a una ligera pérdida de tonos de color también. El método PNG es especialmente bueno para logotipos e iconos y signos e imágenes que contienen texto. Para ilustraciones simples o elementos de UI y capturas de pantalla también, PNG es bueno. La mayoría de las veces, los archivos PNG son más grandes que los JPEG.webp.
Artículos recomendados
Esta ha sido una guía para la Lista de preguntas y respuestas de la entrevista de diseño web para que el candidato pueda tomar medidas enérgicas contra estas preguntas de la entrevista de diseño web fácilmente. Aquí en esta publicación, hemos estudiado las principales preguntas de la entrevista de diseño web que a menudo se hacen en entrevistas. También puede consultar los siguientes artículos para obtener más información:
- Preguntas de la entrevista de servicios web
- Las 10 preguntas principales de la entrevista de desarrollo web
- Los 10 principales software de diseño web importantes para principiantes
- Preguntas de la entrevista de servicios web de Java
- Bootstrap 4 Hoja de trucos