Tema 1- DSINF

¿Qué es una interfaz web?. Un programa que permite crear bases de datos. La estructura diseñada en una aplicación web que permite al usuario acceder a sus contenidos. Un lenguaje de programación utilizado para desarrollar páginas web. Un sistema que permite almacenar archivos en un servidor.

¿Cuál es el objetivo principal de una interfaz web?. Mejorar únicamente la apariencia visual de una aplicación. Reducir el número de páginas de un sitio web. Permitir una operación y un control efectivos de la aplicación por parte del usuario. Evitar que el usuario tenga que interactuar con la aplicación.

¿Qué dispositivos digitales se mencionan en los apuntes como medios para utilizar interfaces web?. Computadoras de escritorio, laptops, smartphones y tablets. Únicamente computadoras de escritorio. Exclusivamente smartphones y tablets. Servidores, routers y dispositivos de almacenamiento.

¿Qué elementos permiten al usuario interactuar físicamente con una interfaz web?. Bases de datos, servidores y protocolos. Archivos HTML, CSS y JavaScript. Sistemas operativos y redes informáticas. Pantallas táctiles, teclados y botones.

¿Qué es lo primero que debemos considerar al diseñar una interfaz web?. El lenguaje de programación que utilizaremos. La planificación de los elementos que conforman la web. El precio del alojamiento web. El número de usuarios registrados.

¿Qué tres aspectos se mencionan como importantes para planificar una interfaz web?. Seguridad, almacenamiento y velocidad de conexión. Programación, bases de datos y servidores. Usabilidad, elementos visuales y mapas conceptuales. Publicidad, posicionamiento y comercio electrónico.

¿Por qué es importante planificar los elementos de una interfaz web?. Porque ayuda a completar correctamente los elementos que forman la interfaz. Porque elimina la necesidad de diseñar la aplicación. Porque garantiza que la web no necesite mantenimiento. Porque permite prescindir de los elementos visuales.

¿Cuál de las siguientes afirmaciones describe correctamente una interfaz web?. Solo puede utilizarse desde un ordenador de escritorio. Su única finalidad es mostrar imágenes y textos. No necesita elementos de interacción con el usuario. Permite al usuario acceder a los contenidos de una aplicación mientras navega.

Si una aplicación web tiene una apariencia atractiva, pero resulta difícil de utilizar, ¿qué aspecto de la planificación convendría revisar?. El almacenamiento del servidor. La usabilidad. El nombre del dominio. La capacidad de la base de datos.

¿Cuál de las siguientes decisiones se ajusta mejor a la planificación inicial de una interfaz web descrita en los apuntes?. Diseñar únicamente los elementos decorativos. Elegir primero el servidor y dejar la interfaz para el final. Considerar la usabilidad, los elementos visuales y los mapas conceptuales antes de completar la interfaz. Evitar la planificación para comenzar directamente con el desarrollo.

¿Cuáles son algunas de las tendencias actuales en el diseño web?. Uso exclusivo de texto y eliminación de imágenes. Fuentes sencillas, títulos grandes, gráficos vectoriales, scrolling design, neomorfismo y WebXR. Utilización únicamente de imágenes rasterizadas y páginas estáticas. Eliminación de los elementos visuales para mejorar la navegación.

¿Qué ventajas ofrece una buena elección de fuentes en el diseño web?. Reduce automáticamente el tamaño de las imágenes. Evita que sea necesario utilizar elementos de navegación. Mejora la legibilidad y la estética de la página. Permite eliminar los contenidos de texto.

¿Cuál de las siguientes listas contiene únicamente fuentes mencionadas en los apuntes?. Open Sans, Roboto, Avenir, Ubuntu y Montserrat. Arial, Times New Roman, Calibri, Verdana y Georgia. Roboto, Helvetica, Courier New, Impact y Garamond. Montserrat, Comic Sans, Arial, Cambria y Tahoma.

¿Cuál es la principal ventaja de los gráficos vectoriales frente a las imágenes rasterizadas?. Siempre ocupan menos espacio de almacenamiento. Están formados exclusivamente por píxeles. No pueden utilizarse en páginas web. Pueden ampliarse sin perder calidad.

¿Cuál es el formato más común para gráficos vectoriales en la web?. JPG (Joint Photographic Experts Group). SVG (Scalable Vector Graphics). GIF (Graphics Interchange Format). PNG (Portable Network Graphics).

¿Qué diferencia existe entre las imágenes rasterizadas y los gráficos vectoriales?. Las rasterizadas están compuestas por píxeles y los vectoriales por algoritmos. Los gráficos vectoriales pierden calidad al ampliarse y las imágenes rasterizadas no. Ambos están formados únicamente por píxeles. Las imágenes rasterizadas pueden ampliarse ilimitadamente sin perder calidad.

¿Qué es el scrolling design?. Una técnica para cambiar automáticamente los colores de una web. Un sistema que impide desplazarse por una página. Una tendencia que determina cómo se presenta el contenido mientras el usuario se desplaza por la página. Una herramienta para crear gráficos vectoriales.

¿En qué consiste el long/infinite scrolling?. En mostrar todo el contenido de una página sin permitir desplazamientos. En cargar contenido continuamente mientras el usuario se desplaza hacia abajo, sin pulsar un botón para cargar más. En mover diferentes elementos de la página a distintas velocidades. En dividir obligatoriamente el contenido en varias páginas.

¿Qué ventaja proporciona el long/infinite scrolling al usuario?. Elimina la necesidad de utilizar imágenes. Impide que se carguen nuevos contenidos. Permite visualizar contenidos únicamente mediante botones. Una experiencia de navegación fluida y sin interrupciones.

¿En qué consiste el efecto parallax?. En mover diferentes elementos de una página a distintas velocidades durante el desplazamiento. En cargar nuevos contenidos de forma continua. En ampliar imágenes sin perder calidad. En utilizar exclusivamente colores suaves en una interfaz.

¿Qué efecto visual se consigue mediante la técnica parallax?. Una reducción del tamaño de las fuentes. Una eliminación de las sombras. Una sensación de profundidad y movimiento. Una distribución uniforme de todos los elementos.

¿Qué permite la tecnología WebXR?. Crear únicamente imágenes vectoriales. Crear experiencias de realidad aumentada y virtual directamente desde el navegador. Sustituir los navegadores por aplicaciones de escritorio. Diseñar páginas web sin elementos interactivos.

¿Cuál es el objetivo principal de WebXR?. Evitar que los usuarios interactúen con el contenido. Reducir el tamaño de los títulos de una web. Eliminar las imágenes y los gráficos. Ofrecer experiencias inmersivas e interactivas que mejoren la experiencia del usuario.

¿Qué caracteriza al neomorfismo en el diseño de interfaces?. El uso de luces, sombras, profundidad y texturas para crear una apariencia tridimensional. El uso exclusivo de elementos planos sin profundidad. La eliminación de los colores y las texturas. La utilización de múltiples capas visuales independientes del fondo.

¿Cómo se integran los elementos de una interfaz diseñada con neomorfismo?. Se separan completamente del fondo mediante capas independientes. Se utilizan colores y formas sin mantener una estética común. Parecen formar parte del propio fondo, creando una apariencia suave, uniforme y consistente. Se eliminan los efectos de profundidad para conseguir una apariencia exclusivamente plana.

¿Qué es la interacción persona-ordenador (IPO)?. Una técnica para desarrollar exclusivamente aplicaciones móviles. La disciplina que estudia la interacción entre las personas y los sistemas informáticos para mejorar esta relación mediante el diseño gráfico. Un sistema de programación que permite automatizar procesos informáticos. Una herramienta utilizada para crear bases de datos.

¿Con qué otras siglas se conoce la interacción persona-ordenador (IPO)?. HTML y CSS. UI y UX exclusivamente. HCI y CHI. HTTP y HTTPS.

¿Qué significa HCI?. Human-Computer Interaction. Human-Control Interface. Hardware-Computer Integration. Human-Communication Internet.

¿Cuál es el objetivo principal de la IPO?. Mejorar únicamente la apariencia de los sistemas informáticos. Eliminar la intervención de los usuarios en los sistemas. Aumentar la complejidad de las aplicaciones informáticas. Incrementar la productividad, minimizar los errores y proporcionar una experiencia segura, confortable y satisfactoria.

¿Por qué es importante estudiar la interacción persona-ordenador?. Porque permite eliminar las interfaces gráficas. Porque permite conseguir sistemas más fáciles, intuitivos y eficientes. Porque evita la necesidad de utilizar dispositivos digitales. Porque se centra exclusivamente en el funcionamiento del hardware.

¿Qué analiza y mejora la IPO?. La relación entre las personas y los sistemas informáticos mediante el diseño. La velocidad de conexión entre servidores. El almacenamiento de información en bases de datos. La comunicación entre diferentes lenguajes de programación.

¿Qué significa UI en el contexto del diseño de interfaces?. Unidad Informática. Usabilidad de Internet. Interfaz de Usuario. Interacción Universal.

¿Qué incluye la interfaz de usuario (UI)?. Únicamente los elementos decorativos de una página web. Los servidores y las bases de datos de una aplicación. Exclusivamente los lenguajes de programación. Los elementos y recursos que permiten al usuario comunicarse con el sistema de forma sencilla e intuitiva.

¿Qué significa UX?. Unidad de Experiencia. Experiencia de Usuario. Usabilidad Extendida. Interfaz de Usuario.

¿En qué se centra principalmente la experiencia de usuario (UX)?. En cómo se siente el usuario al utilizar un sistema, considerando la facilidad de uso, la eficiencia y la satisfacción. En la estructura interna de las bases de datos. En el diseño exclusivo de logotipos y elementos gráficos. En la velocidad de procesamiento del ordenador.

¿Cuál de las siguientes opciones describe correctamente la diferencia entre UI y UX?. UI y UX se utilizan exclusivamente para estudiar el hardware. UI estudia las emociones del usuario y UX únicamente los elementos gráficos. UI se refiere a los elementos que permiten comunicarse con el sistema, mientras que UX se centra en la experiencia del usuario al utilizarlo. UI y UX son lenguajes de programación utilizados en el diseño web.

Una aplicación dispone de elementos que permiten al usuario comunicarse con el sistema de forma sencilla e intuitiva. ¿Con qué concepto se relaciona principalmente?. CHI (Computer-Human Interaction). UI (Interfaz de Usuario). UX (Experiencia de Usuario). HCI (Human-Computer Interaction).

Un usuario utiliza una aplicación y valora positivamente su facilidad de uso, eficiencia y satisfacción. ¿Qué concepto se está evaluando principalmente?. La estructura de la base de datos. El funcionamiento del servidor. El lenguaje de programación utilizado. UX (Experiencia de Usuario).

¿Qué beneficios pretende conseguir la IPO al mejorar la relación entre las personas y los sistemas informáticos?. Reducir los errores y aumentar la productividad, ofreciendo una experiencia segura y satisfactoria. Incrementar los errores para detectar fallos de programación. Reducir la participación de los usuarios en las aplicaciones. Priorizar únicamente la apariencia visual frente a la facilidad de uso.

¿Cómo se relacionan IPO, UI y UX?. Son conceptos independientes que no tienen ninguna relación. Se utilizan únicamente para desarrollar sistemas operativos. Trabajan conjuntamente para mejorar la interacción entre las personas y la tecnología. Su objetivo principal es sustituir la interacción humana por procesos automáticos.

¿Cuáles son los cuatro tipos de elementos más destacados de una interfaz web?. Cabecera, cuerpo, imágenes y pie de página. Identificación, navegación, contenidos e interacción. Diseño, programación, almacenamiento y seguridad. Texto, imágenes, vídeos y enlaces.

¿De qué depende principalmente la cantidad de elementos que componen una interfaz web?. Del lenguaje de programación utilizado. Del dispositivo desde el que se accede. De la complejidad y el objetivo del sitio web. Del número de imágenes que contiene.

¿Cuál es la función principal de los elementos de identificación?. Ayudar a reconocer el sitio web. Permitir realizar compras online. Facilitar el acceso a todas las secciones. Mostrar exclusivamente información de contacto.

¿Cuál de los siguientes conjuntos contiene únicamente elementos de identificación?. Menú principal, buscador y carrito de compra. Formulario de contacto, newsletter y menú lateral. Migas de pan, menú principal y footer de navegación. Nombre de la web, logotipo e imagen de cabecera.

¿Qué función cumplen los elementos de navegación?. Identificar exclusivamente la marca de la empresa. Permitir al usuario acceder a los contenidos del sitio web. Mostrar únicamente los artículos de un blog. Permitir modificar el idioma de la aplicación.

¿Cuál de los siguientes elementos se considera de navegación según los apuntes?. El logotipo. El formulario de contacto. El menú principal. El carrito de compra.

¿Qué son las breadcrumbs o migas de pan?. Elementos que indican al usuario su ubicación dentro del sitio web. Botones utilizados para cambiar el idioma. Imágenes que permiten identificar una marca. Formularios para suscribirse a un boletín informativo.

¿Qué componentes debe incluir un sistema de navegación para que el usuario sepa dónde está y cómo desplazarse por la web?. Logotipo, carrito de compra y formulario de contacto. Buscador, newsletter e imágenes de productos. Únicamente un menú situado en el pie de página. Acceso a la página de inicio, menú principal superior e información sobre la ubicación del usuario.

¿Cuál de los siguientes conjuntos contiene únicamente ejemplos de elementos de navegación mencionados en los apuntes?. Logotipo, nombre de la web y cabecera. Menú principal, widgets, aside de navegación y menú del footer. Carrito de compra, buscador y cambio de idioma. Formulario de contacto, artículo de blog y newsletter.

¿Qué son los elementos de contenidos de una interfaz web?. Los elementos que permiten reconocer la empresa. Los botones que permiten realizar acciones. Las zonas donde se muestra la información destacada del sitio. Los menús que permiten desplazarse entre páginas.

¿Cuál de los siguientes ejemplos corresponde a un elemento de contenidos según los apuntes?. El área de texto de un artículo de un blog. El botón para cambiar el idioma. El menú principal de navegación. El logotipo de la empresa.

¿Cuál es la función principal de los elementos de interacción?. Mostrar exclusivamente la identidad de la marca. Organizar la estructura de las páginas. Indicar la ubicación del usuario. Permitir al usuario realizar acciones dentro del sitio web.

¿Cuál de los siguientes conjuntos contiene únicamente elementos de interacción mencionados en los apuntes?. Logotipo, nombre de la web e imagen de cabecera. Cambio de idioma, buscador, carrito de compra y suscripción a newsletter. Menú principal, breadcrumbs y aside de navegación. Artículo de blog, imagen de cabecera y menú del footer.

En una tienda online, un usuario pulsa sobre el carrito para consultar los productos que ha seleccionado. ¿A qué tipo de elemento pertenece esta funcionalidad?. Identificación. Contenidos. Interacción. Navegación.

En una página web aparecen el logotipo de la empresa, un menú para acceder a las secciones, un artículo informativo y un botón para cambiar el idioma. ¿Cuál es la clasificación correcta?. Logotipo: identificación; menú: navegación; artículo: contenidos; cambio de idioma: interacción. Logotipo: navegación; menú: identificación; artículo: interacción; cambio de idioma: contenidos. Logotipo: contenidos; menú: interacción; artículo: identificación; cambio de idioma: navegación. Logotipo: interacción; menú: contenidos; artículo: navegación; cambio de idioma: identificación.

¿Cuáles son algunos de los componentes más comunes de una interfaz web?. Bases de datos, servidores, formularios y archivos. Cabecera, menú de navegación, cuerpo, barra lateral y pie de página. Únicamente imágenes, vídeos y textos. Lenguajes de programación, servidores y navegadores.

¿Qué es la cabecera o header de una página web?. La zona superior de la interfaz que sirve para identificar la empresa o marca. La zona inferior donde se muestran las políticas de privacidad. El área destinada exclusivamente a mostrar artículos. Un menú lateral que permite acceder a otras secciones.

¿Qué elementos pueden aparecer en la cabecera de una página web?. Únicamente las políticas de privacidad y las cookies. Exclusivamente los artículos y contenidos principales. Logotipo, nombre de la empresa, textos descriptivos, imágenes, paneles de acceso y banners. Solamente enlaces a otras páginas.

¿Dónde se sitúa normalmente el cuerpo de una página web?. Siempre en la parte inferior, después del footer. Exclusivamente a la derecha de la barra lateral. Encima de la cabecera. Debajo de la cabecera o del menú de navegación principal.

¿Cuál es la función principal del cuerpo de una página web?. Identificar exclusivamente la marca. Mostrar los contenidos de la página. Mostrar únicamente las políticas de privacidad. Sustituir al menú de navegación.

¿Qué característica deben cumplir los elementos del cuerpo de una página web?. Seguir la guía de estilo del resto de la web. Utilizar siempre colores diferentes a los de la cabecera. Estar situados obligatoriamente dentro de una barra lateral. Tener un diseño independiente del resto de la interfaz.

¿Qué es el pie de página o footer?. El área superior que contiene el logotipo. Un menú situado exclusivamente a la izquierda. La zona situada en la parte inferior de la interfaz web, debajo del cuerpo de la página. El espacio donde se muestra únicamente el contenido principal.

¿Qué información suele incluirse en el footer de una página web?. Únicamente el logotipo y el nombre de la empresa. Exclusivamente los artículos principales de la página. Solo el menú principal y las imágenes de cabecera. Enlaces a servicios, formularios de contacto, banners y políticas de privacidad y cookies.

¿Qué es una barra lateral o sidebar?. Un elemento que siempre aparece en la parte superior de la página. Un área situada a la izquierda o derecha del contenido principal de una web. Una sección destinada exclusivamente a mostrar publicidad. Un componente que sustituye al cuerpo principal de la página.

¿Cuál es la función principal de una sidebar?. Mostrar información complementaria y facilitar la navegación sin ocupar el espacio del contenido principal. Sustituir completamente el menú principal. Mostrar únicamente el logotipo de la empresa. Impedir que el usuario acceda a otras secciones.

¿Cuál de los siguientes conjuntos contiene elementos que pueden incluirse en una sidebar?. Únicamente formularios de registro y contraseñas. Solo el nombre de la empresa y su logotipo. Enlaces, información adicional, categorías, etiquetas, widgets y contenido relacionado. Exclusivamente políticas de privacidad y cookies.

¿Cuál es la función principal del menú de navegación?. Mostrar exclusivamente imágenes publicitarias. Almacenar la información de los usuarios. Sustituir todos los contenidos del cuerpo de la página. Permitir que los usuarios encuentren y accedan fácilmente al contenido de la web.

¿Qué características debe tener un menú de navegación bien diseñado?. Etiquetas poco descriptivas y opciones colocadas sin un orden definido. Etiquetas claras, opciones organizadas lógicamente, accesibilidad y adaptación a diferentes pantallas. Un número ilimitado de opciones sin jerarquía. Un diseño que solo funcione en ordenadores de escritorio.

¿Cuál de las siguientes afirmaciones sobre el menú de navegación es correcta?. Suele situarse en el encabezado, puede incluir submenús y permite organizar las secciones jerárquicamente. Siempre debe situarse en el pie de página y no puede tener submenús. Solo puede contener enlaces a páginas externas. No necesita adaptarse a diferentes tamaños de pantalla.

¿Cuál de los siguientes conjuntos incluye otros elementos de una interfaz web mencionados en los apuntes?. Compiladores, intérpretes, servidores y bases de datos. Únicamente cabecera, cuerpo y pie de página. Popups, políticas de privacidad, cookies, ayudas flotantes y breadcrumbs. Procesadores, memorias, discos duros y tarjetas gráficas.

¿Qué son los elementos conceptuales en el diseño de interfaces?. Elementos gráficos definitivos que aparecen siempre en la web. Elementos efímeros e invisibles utilizados para plasmar ideas, posiciones o direcciones durante las primeras etapas del diseño. Componentes utilizados exclusivamente para programar una interfaz. Elementos que únicamente permiten seleccionar los colores de una web.

¿En qué etapa del diseño se utilizan principalmente los elementos conceptuales?. Exclusivamente después de publicar la web. Durante el mantenimiento del servidor. Durante las primeras etapas, cuando se está prototipando. Únicamente cuando se realizan pruebas de seguridad.

¿Qué representa el punto como elemento conceptual?. Una posición dentro de un espacio determinado. Una superficie limitada por líneas. Un elemento con largo, ancho y profundidad. El recorrido de un plano en movimiento.

¿Cuál de las siguientes características corresponde al punto según los apuntes?. Posee dos dimensiones y está limitado por líneas. Posee tres dimensiones y está limitado por planos. Posee una dimensión y forma los bordes de un plano. No posee ninguna dimensión y puede representar el principio o el fin de una línea.

¿Qué ocurre cuando un punto se mueve?. Se convierte directamente en un volumen. Su recorrido se transforma en una línea o sucesión de puntos. Genera automáticamente una superficie tridimensional. Desaparece sin producir ninguna transformación.

¿Qué es la línea como elemento conceptual?. Una superficie formada por varios planos. Un elemento que posee tres dimensiones. La traza invisible que deja un punto al moverse. Un espacio que no tiene ninguna transformación.

¿Cuántas dimensiones posee una línea?. Una dimensión: largo. Dos dimensiones: largo y ancho. Tres dimensiones: largo, ancho y profundidad. Ninguna dimensión.

¿Cuál de las siguientes afirmaciones sobre la línea es correcta?. No tiene dirección y está limitada por planos. Posee dos dimensiones y está limitada por volúmenes. No tiene ninguna dimensión y carece de límites. Tiene posición y dirección en el espacio, está limitada por puntos y forma los bordes de un plano.

¿Qué elemento conceptual se genera cuando una línea se mueve?. Un punto. Un plano. Un volumen. Una textura.

¿Cuáles son las características principales del plano?. No posee dimensiones y está limitado por puntos. Posee una dimensión y está limitado por planos. Posee dos dimensiones, largo y ancho, y está limitado por líneas. Posee tres dimensiones y está limitado por volúmenes.

¿Qué función cumple el plano respecto al volumen?. Define los límites extremos de un volumen. Elimina la profundidad de todos los elementos. Representa únicamente el principio de una línea. Impide la representación de elementos tridimensionales.

¿Qué ocurre cuando un plano se mueve?. Se transforma en un punto. Desaparece su superficie. Se convierte en una línea sin dimensiones. Su recorrido da lugar a la aparición del volumen.

¿Cuántas dimensiones posee el volumen?. Dos dimensiones: largo y ancho. Tres dimensiones: largo, ancho y profundidad. Una dimensión: largo. Ninguna dimensión.

¿Cuál de las siguientes afirmaciones describe correctamente el volumen?. Tiene una sola dimensión y se transforma en un plano. No tiene posición en el espacio y está limitado por puntos. Tiene posición en el espacio, no tiene dirección, está limitado por planos y no presenta ninguna transformación. Tiene dos dimensiones y se transforma en una línea.

¿Cuál es la secuencia correcta de transformación de los elementos conceptuales?. El movimiento de un punto genera una línea, el de una línea genera un plano y el de un plano genera un volumen. El movimiento de un volumen genera un punto, el de un punto genera un plano y el de un plano genera una línea. El movimiento de una línea genera un volumen, el de un volumen genera un punto y el de un punto genera un plano. El movimiento de un plano genera una línea, el de una línea genera un punto y el de un punto genera un volumen.

¿Cuáles son los cuatro elementos visuales del diseño?. Punto, línea, plano y volumen. Forma, medida, color y textura. Dirección, posición, espacio y gravedad. Representación, significado, función y posición.

¿Qué relación existe entre los elementos conceptuales y los elementos visuales?. Los elementos conceptuales y visuales no tienen ninguna relación. Los elementos visuales sustituyen a los conceptuales durante el diseño. Los elementos conceptuales tienen características visuales que permiten crear elementos más complejos. Los elementos conceptuales únicamente se utilizan para definir colores.

¿Cuándo se produce la forma como elemento visual?. Cuando una línea se une con otra cerrando un plano. Cuando un punto se desplaza sin formar ninguna superficie. Cuando se modifica el color de un elemento. Cuando se compara el tamaño de dos elementos.

¿Qué sucede con el área encerrada al formarse una figura?. Desaparece del espacio visual. Pierde todas sus características visuales. Se convierte automáticamente en un volumen. Destaca respecto al espacio que la rodea.

¿A qué hace referencia la medida como elemento visual?. A la apariencia de la superficie de un elemento. Al tamaño de los elementos, que puede establecerse mediante comparación y medirse físicamente. A las diferentes tonalidades de un color. A la posición exacta de un elemento dentro de una estructura.

¿Cómo podemos establecer la medida de un elemento visual?. Observando únicamente su textura. Analizando exclusivamente su color. Comparando su tamaño con el de otros elementos presentes. Identificando la dirección en la que se encuentra.

¿Cuál de las siguientes afirmaciones sobre la medida es correcta?. Los elementos pueden compararse por su tamaño y también son físicamente medibles. La medida depende únicamente del color utilizado. Todos los elementos visuales deben tener el mismo tamaño. La medida solo permite distinguir elementos por su textura.

¿Qué permite diferenciar el color en los elementos visuales?. Únicamente la posición de los elementos. Exclusivamente la superficie de los objetos. El tamaño físico de cada elemento. Los elementos más allá de su forma o tamaño, mediante variaciones tonales y cromáticas.

¿Cuál de las siguientes afirmaciones sobre el color es correcta?. Todos los elementos deben utilizar obligatoriamente el mismo color. Es posible utilizar cualquier color en cualquier variación tonal y cromática. El color únicamente permite determinar el tamaño de un elemento. El color no es una característica visual de los elementos.

¿Qué es la textura como elemento visual?. La dimensión física de un objeto. La posición de un elemento respecto a otros. La apariencia de la superficie de un elemento. La dirección que sigue un elemento en el espacio.

¿Cuál de los siguientes conjuntos contiene ejemplos de texturas mencionadas en los apuntes?. Plana, con relieve, suave, áspera, homogénea y rugosa. Grande, pequeña, mediana y alta. Horizontal, vertical, diagonal y circular. Clara, oscura, brillante y saturada.

En el diseño de una interfaz web se utilizan dos botones de diferente tamaño, distintos colores y superficies con apariencia suave y rugosa. ¿Qué elementos visuales se están diferenciando?. Posición, dirección y gravedad. Punto, línea y plano. Representación, significado y función. Medida, color y textura.

¿Cuáles son los cuatro elementos de relación en el diseño?. Forma, medida, color y textura. Dirección, posición, espacio y gravedad. Punto, línea, plano y volumen. Representación, significado, función y color.

¿Qué indica la dirección como elemento de relación?. El tamaño de un elemento dentro de una página. La apariencia de la superficie de un elemento. La orientación de un elemento respecto al resto de elementos presentes en el sistema. La cantidad de espacio en blanco de una interfaz.

¿Para qué puede utilizarse la dirección en el diseño web?. Para crear un flujo visual que guíe al usuario a través de la página. Para modificar automáticamente los colores de una interfaz. Para determinar el tamaño físico de los elementos. Para eliminar los espacios entre los contenidos.

¿Qué sensación puede transmitir una dirección diagonal?. Pesadez. Inmovilidad. Ausencia de profundidad. Movimiento.

¿Qué sensación puede transmitir una dirección vertical?. Movimiento e inestabilidad. Estabilidad y solidez. Ligereza y ausencia de peso. Desorden y falta de estructura.

¿Qué define la posición como elemento de relación?. La ubicación exacta de un elemento respecto a la estructura en la que se encuentra. La intensidad del color de un elemento. La apariencia de su superficie. La sensación de profundidad que genera un color.

¿Cómo pueden estar posicionados los elementos dentro de una composición?. Únicamente de manera vertical. Exclusivamente de manera horizontal. De manera simétrica o asimétrica. Siempre de forma idéntica y centrada.

¿Qué sensación puede transmitir una disposición simétrica?. Dinamismo y emoción. Formalidad y orden. Movimiento constante. Inestabilidad y pesadez.

¿Qué caracteriza a una disposición asimétrica?. Siempre transmite una sensación de formalidad. Impide crear una jerarquía visual. Obliga a colocar todos los elementos en el centro. Puede transmitir una sensación más dinámica y emocionante.

¿Qué caracteriza al espacio como elemento de relación?. Todos los elementos ocupan un espacio que puede generar diferentes sensaciones de profundidad. Únicamente se refiere al tamaño de las letras. Solo permite determinar el color de los elementos. Es un elemento que no influye en la percepción visual.

¿Qué es el espacio negativo en el diseño web?. Una zona de la web que contiene errores. El espacio ocupado exclusivamente por imágenes. El espacio en blanco que permite descansar la mirada y centrar la atención en los elementos importantes. Una sección que debe eliminarse para aprovechar toda la pantalla.

¿Qué otra función cumple el espacio negativo?. Impedir que el usuario identifique los contenidos. Separar elementos y crear una jerarquía visual. Sustituir los menús de navegación. Eliminar la profundidad de todos los elementos.

¿Qué sensaciones permite transmitir la gravedad en una composición visual?. Únicamente cambios de color. Exclusivamente variaciones de textura. Solo sensaciones de movimiento diagonal. Pesadez, estabilidad e inestabilidad, entre otras.

Según los apuntes, ¿cómo puede influir la ubicación vertical de un objeto en su sensación de peso?. Un objeto situado en la parte superior puede parecer más ligero que si se coloca en la parte inferior. Un objeto situado en la parte superior siempre parece más pesado. La ubicación de los objetos no influye en su sensación de peso. Los objetos situados en la parte inferior siempre parecen más ligeros.

¿Por qué son importantes los elementos de relación en el diseño web?. Porque sustituyen a todos los elementos visuales. Porque sirven únicamente para decorar la página. Porque permiten crear una jerarquía visual, guiar al usuario y conseguir un diseño atractivo y funcional. Porque eliminan la necesidad de organizar los contenidos.

¿Cuáles son los tres elementos prácticos del diseño?. Forma, medida y color. Representación, significado y función. Dirección, posición y espacio. Punto, línea y plano.

¿Qué caracteriza a los elementos prácticos del diseño?. Son elementos que únicamente determinan el tamaño de los objetos. Son elementos invisibles que no transmiten información. Tienen una interpretación subjetiva y se les puede atribuir un significado. Se utilizan exclusivamente para establecer la posición de los elementos.

¿Cuándo se considera que un elemento es representativo?. Cuando se ha creado a partir de un objeto presente en el mundo real. Cuando se utiliza para establecer el tamaño de una imagen. Cuando transmite exclusivamente una sensación de profundidad. Cuando se encuentra situado en el centro de una composición.

¿Cuándo se considera que un elemento tiene significado?. Cuando ocupa un espacio determinado. Cuando tiene una textura rugosa. Cuando presenta varias dimensiones. Cuando transmite un mensaje.

¿Cuál es uno de los objetivos principales de los elementos prácticos del diseño?. Aumentar la cantidad de elementos decorativos. Conseguir que los productos visuales comuniquen y sean comprendidos. Eliminar los mensajes de las interfaces. Sustituir todos los elementos visuales por textos.

¿Qué tres aspectos son fundamentales para que un diseño cumpla su objetivo de comunicar?. Una dirección diagonal, una posición simétrica y un espacio reducido. Una textura rugosa, un tamaño grande y un color oscuro. Una representación adecuada, un significado coherente y una función clara. Una cabecera extensa, un menú lateral y un pie de página.

Si un diseñador crea un elemento gráfico basándose en un objeto que existe en la realidad, ¿qué elemento práctico está utilizando?. Representación. Significado. Función. Gravedad.

Si un elemento gráfico se utiliza para transmitir un mensaje al usuario, ¿con qué elemento práctico se relaciona principalmente?. Medida. Posición. Textura. Significado.

¿Por qué es importante que la función de un elemento del diseño sea clara?. Porque permite eliminar todos los elementos de representación. Porque contribuye a que el diseño cumpla su objetivo de comunicar y ser comprendido. Porque garantiza que todos los elementos tengan el mismo tamaño. Porque impide que los elementos transmitan mensajes.

¿Por qué se estudian los elementos prácticos en el diseño de interfaces?. Porque permiten sustituir la planificación de una interfaz. Porque se utilizan únicamente para establecer colores y tipografías. Porque son fundamentales para crear productos visuales efectivos. Porque determinan exclusivamente la distribución de los elementos en la pantalla.

¿Qué es una guía de estilo en el diseño web?. Una herramienta que permite programar automáticamente una página web. Un documento que establece las pautas para el diseño y la presentación del contenido de una marca o proyecto. Un sistema que permite almacenar los datos de los usuarios. Un documento que contiene exclusivamente el código HTML de una página.

¿Cuál es el objetivo principal de una guía de estilo?. Conseguir que cada página tenga un diseño completamente diferente. Reducir el número de contenidos de una aplicación web. Garantizar la coherencia y uniformidad de los elementos visuales. Sustituir el trabajo de los diseñadores y programadores.

¿Qué elementos pueden incluirse en una guía de estilo?. Colores, tipografías, logotipos, imágenes y estilo de escritura. Únicamente nombres de usuarios y contraseñas. Exclusivamente lenguajes de programación. Solo la estructura de las bases de datos.

¿Con qué otro nombre se conocen las guías de estilo según los apuntes?. Wireframe. Sitemap. Scrolling design. Look and feel.

¿Con qué tecnología están muy relacionadas las guías de estilo?. SQL. CSS. PHP. Java.

¿Por qué son importantes las guías de estilo para los equipos de desarrollo?. Porque permiten que cada desarrollador utilice colores diferentes. Porque eliminan la necesidad de mantener la página web. Porque establecen criterios comunes que facilitan el diseño, desarrollo y mantenimiento de la web. Porque sustituyen todos los elementos gráficos por texto.

¿Por qué resulta especialmente útil una guía de estilo durante el mantenimiento de una página web?. Porque permite mantener una apariencia uniforme aunque el mantenimiento lo realicen distintas personas. Porque impide realizar modificaciones en el diseño. Porque elimina la necesidad de actualizar los contenidos. Porque obliga a cambiar la identidad visual en cada actualización.

¿Cuál es el primer paso para crear una guía de estilo?. Seleccionar los iconos de la página. Diseñar los formularios. Elegir las imágenes publicitarias. Definir la identidad de la marca y los valores que quiere transmitir.

¿Qué debe tenerse en cuenta al seleccionar una paleta de colores para una guía de estilo?. Que cada sección utilice colores elegidos al azar. Que refleje la identidad de la marca e indique los colores principales, secundarios y su utilización. Que todos los elementos tengan obligatoriamente el mismo color. Que los colores sean independientes de la identidad visual de la marca.

¿Qué información debe incluirse al seleccionar las tipografías de una guía de estilo?. Únicamente el tamaño del logotipo. Solo los colores del fondo. Las fuentes principales y secundarias y cómo utilizarlas en títulos, subtítulos y textos. Exclusivamente el número de imágenes de cada página.

¿Qué aspectos deben establecerse sobre las imágenes en una guía de estilo?. El tipo de imágenes, cómo deben editarse y cómo deben presentarse. Únicamente la cantidad de imágenes que tendrá la web. Exclusivamente el nombre de los archivos. Que todas las imágenes deben utilizarse sin ningún criterio común.

¿Qué aspectos se deben definir respecto al tono y estilo de escritura?. Únicamente el tamaño de los botones. Solo los colores de los encabezados. Exclusivamente el número de párrafos de cada página. El uso de voz activa o pasiva, el nivel de formalidad y el empleo de jerga o tecnicismos.

¿Qué función pueden cumplir los iconos dentro de una interfaz web?. Sustituir completamente todos los contenidos de la página. Mejorar la navegación y facilitar la comprensión del contenido. Almacenar la información de los usuarios. Determinar el funcionamiento del servidor.

¿Qué aspectos deben establecerse al diseñar botones, formularios y otros componentes?. Únicamente el lenguaje de programación utilizado. Solo el número de usuarios que pueden utilizarlos. Su tamaño, color, forma, estilo y utilización en las distintas partes del sitio. Exclusivamente su posición en la base de datos.

¿Cuál de las siguientes afirmaciones sobre las guías de estilo es correcta?. Son documentos vivos que pueden evolucionar con las necesidades de la marca y su audiencia. Una vez creadas, nunca deben modificarse. Deben contener únicamente texto, sin ejemplos visuales. Solo se utilizan cuando la página web ya está publicada.

¿Por qué se considera que el color es un factor expresivo en el diseño web?. Porque únicamente sirve para decorar los elementos de una página. Porque permite comunicar y suscitar sentimientos. Porque determina la estructura de navegación de una web. Porque sustituye la necesidad de utilizar textos.

¿Qué es la teoría del color?. Una técnica utilizada exclusivamente para crear imágenes vectoriales. Un sistema que permite modificar el tamaño de los elementos gráficos. Un conjunto de principios y directrices que ayudan a elegir y combinar colores de manera efectiva. Una herramienta que genera automáticamente el diseño completo de una web.

¿Qué representa el círculo cromático?. Los colores primarios, secundarios y terciarios organizados en un círculo. Únicamente los colores blanco y negro. Los diferentes tamaños y formas de los elementos visuales. Exclusivamente los colores utilizados en una marca.

¿Qué son los colores complementarios?. Los diferentes tonos de un mismo color. Los colores situados uno al lado del otro en el círculo cromático. Los colores que tienen exactamente la misma intensidad. Los colores situados en posiciones opuestas dentro del círculo cromático.

¿Cuál de las siguientes parejas está formada por colores complementarios según los apuntes?. Rojo y naranja. Azul y naranja. Azul y verde. Amarillo y naranja.

¿Qué es la armonía de colores?. La utilización obligatoria de un único color en toda la página. La diferencia de tamaño entre los elementos de una interfaz. La combinación de colores de manera visualmente atractiva y equilibrada. La eliminación del contraste entre los elementos.

¿Qué son los colores análogos?. Los colores que se encuentran adyacentes en el círculo cromático. Los colores que están situados en posiciones opuestas. Los diferentes niveles de brillo de un mismo color. Los colores que únicamente pueden representarse en blanco y negro.

¿Cuál de las siguientes combinaciones es un ejemplo de colores análogos según los apuntes?. Rojo y verde. Azul y naranja. Blanco y negro. Rojo, naranja y amarillo.

¿Qué caracteriza a una paleta monocromática?. Combina únicamente colores opuestos del círculo cromático. Utiliza diferentes tonos de un mismo color. Emplea obligatoriamente tres colores primarios. Utiliza colores elegidos sin relación entre ellos.

¿Qué es el contraste en el diseño web?. La utilización exclusiva de colores suaves. La combinación de diferentes tipos de letra. La diferencia visual entre dos o más elementos. La repetición de un mismo color en toda la interfaz.

¿Qué elementos pueden utilizarse para generar contraste en una página web?. Colores, formas, tamaños y otros elementos visuales. Únicamente los colores del fondo. Exclusivamente las imágenes de la cabecera. Solo los elementos de navegación.

¿Cuáles son algunas de las funciones del contraste en el diseño web?. Reducir la cantidad de información de una página. Eliminar las diferencias entre títulos y párrafos. Impedir que determinados elementos llamen la atención. Mejorar la legibilidad, destacar elementos importantes y establecer una jerarquía visual.

¿Cómo puede utilizarse el contraste para crear una jerarquía visual?. Utilizando siempre el mismo tamaño de letra en todos los elementos. Empleando títulos con fuentes más grandes y textos del cuerpo con fuentes más pequeñas. Eliminando las diferencias visuales entre las secciones. Utilizando exclusivamente colores complementarios en los textos.

¿Qué estudia la psicología del color?. Cómo se almacenan los colores en los servidores. Cómo se modifican las dimensiones de las imágenes. Cómo influyen los colores en las emociones, percepciones y acciones de las personas. Cómo se organiza el código de una página web.

¿Por qué es recomendable utilizar los mismos colores para cada elemento web que cumple una misma función?. Porque facilita la interpretación de funcionalidades, mejora la navegación y transmite armonía. Porque impide que los usuarios distingan los diferentes elementos. Porque elimina la necesidad de organizar los contenidos. Porque permite utilizar cualquier color sin tener en cuenta su significado.

¿Cuáles son las tres propiedades que permiten diferenciar los colores?. Forma, medida y textura. Tono, saturación y brillo. Contraste, posición y dirección. Intensidad, volumen y espacio.

¿Qué es el tono o matiz de un color?. La propiedad que determina el tamaño de un color. La cantidad de gris que contiene un color. La propiedad que permite diferenciar unos colores de otros. La cantidad de luz que emite una pantalla.

¿Cómo se denomina el tono en inglés?. Hue. Brightness. Saturation. Contrast.

¿Qué propiedad del color determina su intensidad?. El brillo. El tono. La textura. La saturación.

¿Qué ocurre cuando aumenta la cantidad de gris de un color?. Aumenta su saturación y se vuelve más intenso. Disminuye su saturación y se vuelve menos intenso. Aumenta automáticamente su brillo. Se convierte en un color complementario.

¿Qué propiedad determina lo claro u oscuro que es un color?. El tono. La saturación. El brillo. La armonía.

Según los apuntes, ¿qué sensación visual puede producir un color más brillante?. Puede parecer que está más cerca. Puede parecer que está más lejos. Siempre parece más pequeño. Pierde completamente su intensidad.

¿Cuáles son los tres colores fundamentales utilizados en los entornos digitales?. Rojo, amarillo y azul. Verde, naranja y violeta. Blanco, negro y gris. Rojo, verde y azul.

¿Qué significan las siglas RGB?. Red, Grey, Black. Red, Green, Blue. Range, Green, Brightness. Red, Gold, Brown.

¿Cómo representa un ordenador los diferentes colores mediante el sistema RGB?. Utilizando únicamente colores previamente almacenados como imágenes. Combinando exclusivamente blanco y negro. Combinando distintas cantidades de rojo, verde y azul. Modificando el tamaño de los píxeles.

¿Cómo puede expresarse la intensidad de cada componente del sistema RGB?. Mediante números hexadecimales o valores decimales de 0 a 255. Únicamente mediante porcentajes del 0 al 10. Exclusivamente mediante números negativos. Mediante valores decimales comprendidos entre 1 y 1000.

¿Por qué es importante definir una paleta de colores para una página web?. Porque determina el lenguaje de programación de la página. Porque sustituye los elementos de navegación. Porque impide modificar el diseño posteriormente. Porque la gama de colores puede condicionar la experiencia de los usuarios y transmitir distintas sensaciones.

¿Cómo se puede crear una composición monocromática según los apuntes?. Seleccionando únicamente colores complementarios. Seleccionando un color del círculo cromático y creando tonalidades mediante la adición de blanco o negro. Utilizando todos los colores primarios con la misma intensidad. Combinando colores elegidos aleatoriamente.

¿Qué caracteriza a los colores vecinos del círculo cromático según los apuntes?. Se encuentran siempre en posiciones opuestas. Son exclusivamente diferentes tonalidades de gris. Se encuentran dentro de un rango de 90 grados y ofrecen armonía y estabilidad al diseño. Son colores que no pueden combinarse en una misma interfaz.

¿Cuál de los siguientes conjuntos contiene únicamente generadores de paletas de colores mencionados en los apuntes?. Color Picker, Color Wheel de Adobe, Paletton y Colourlovers. MySQL Workbench, Eclipse, GitHub y Visual Studio Code. WordPress, Shopify, Joomla y Drupal. HTML, CSS, JavaScript y PHP.

¿Qué se debe tener en cuenta al elegir los colores de una página web?. Únicamente los gustos personales del diseñador. La identidad de la marca, la audiencia, la teoría del color, la legibilidad y las pruebas con usuarios. Exclusivamente el número de páginas del sitio web. Solo los colores que estén de moda en ese momento.

¿Por qué es importante considerar la identidad de la marca al elegir los colores?. Porque todas las marcas deben utilizar los mismos colores. Porque permite elegir colores sin seguir ningún criterio. Porque deben reflejar su identidad y sus valores. Porque evita tener que diseñar una guía de estilo.

Si una empresa ya dispone de una paleta de colores corporativa, ¿qué debería hacerse al diseñar su página web?. Utilizar esos colores para mantener la coherencia con la identidad de la marca. Sustituirlos por otros completamente diferentes. Utilizar un color distinto en cada página sin seguir ningún criterio. Eliminar los colores corporativos y utilizar únicamente blanco y negro.

¿Por qué es importante tener en cuenta a la audiencia al seleccionar los colores?. Porque todos los usuarios interpretan los colores de la misma manera. Porque la audiencia determina el lenguaje de programación de la web. Porque los colores solo influyen en los usuarios más jóvenes. Porque los colores pueden tener diferentes significados y connotaciones para distintas personas.

¿Qué factores relacionados con los usuarios se deben considerar al elegir los colores?. Únicamente el dispositivo desde el que acceden. Edad, género, cultura y preferencias personales. Exclusivamente el navegador que utilizan. Solo la velocidad de su conexión a Internet.

¿Para qué resulta útil aplicar la teoría del color al diseño de una página web?. Para sustituir los contenidos escritos por imágenes. Para determinar automáticamente la estructura de la base de datos. Para elegir combinaciones de colores armoniosas y atractivas. Para conseguir que todos los elementos tengan el mismo tamaño.

¿Qué conceptos de la teoría del color ayudan a tomar decisiones sobre los colores de una web?. El círculo cromático, la armonía de colores y el contraste. La posición, la gravedad y el volumen. El almacenamiento, el ancho de banda y la resolución. Los enlaces, los formularios y las bases de datos.

¿Qué debe garantizarse al seleccionar los colores del texto y del fondo de una página web?. Que el texto y el fondo tengan siempre el mismo color. Que el fondo sea obligatoriamente negro. Que todos los textos utilicen colores muy llamativos. Que exista un contraste adecuado que facilite la lectura.

Una página web utiliza texto de un color muy parecido al de su fondo, dificultando la lectura. ¿Qué criterio de selección de colores no se está respetando?. La identidad de la marca. La legibilidad. La representación. La textura.

¿Por qué es recomendable realizar pruebas con usuarios reales antes de decidir definitivamente los colores de una web?. Para evitar tener que aplicar la teoría del color. Para garantizar que todos los usuarios prefieran el mismo color. Para comprobar qué combinaciones funcionan mejor y realizar los ajustes necesarios. Para sustituir completamente la identidad visual de la marca.

¿Por qué es importante elegir correctamente la tipografía de una página web?. Porque determina el lenguaje de programación de la web. Porque la mayoría de las páginas web transmiten información mediante textos. Porque sustituye la necesidad de utilizar imágenes. Porque permite eliminar los elementos de navegación.

¿Qué aspectos deben comprobarse al seleccionar una tipografía para una web?. Que todas las letras tengan obligatoriamente el mismo ancho. Que únicamente pueda visualizarse en un navegador. Que pueda visualizarse correctamente en distintos navegadores y que no se abuse de negritas, cursivas y subrayados. Que todos los textos estén escritos en mayúsculas.

¿Qué permite la directiva @font-face?. Utilizar casi cualquier tipografía sin necesidad de que esté instalada en el dispositivo del usuario. Convertir automáticamente todas las letras en imágenes. Aplicar exclusivamente las fuentes instaladas en el ordenador. Sustituir el contenido de una página web por iconos.

¿Cuántas tipografías distintas se recomienda utilizar como máximo en una página web?. Una. Cinco. Siete. Tres.

¿Cuál es el interlineado recomendado en los apuntes?. 0,5 veces el tamaño de la letra. 1,5 veces el tamaño de la letra. 3 veces el tamaño de la letra. El mismo valor para todas las tipografías, independientemente de su tamaño.

¿Por qué se recomienda no abusar de los subrayados en los textos de una web?. Porque impiden utilizar diferentes tamaños de letra. Porque solo pueden aplicarse a los títulos. Porque suelen utilizarse para identificar hipervínculos. Porque no son compatibles con los navegadores actuales.

¿Por qué no se recomienda escribir todo el contenido de una web en mayúsculas?. Porque ralentiza la lectura. Porque aumenta automáticamente el tamaño de los archivos. Porque impide utilizar diferentes tipografías. Porque los navegadores no pueden mostrar textos en mayúsculas.

¿Qué función cumplen los espacios en blanco entre párrafos?. Permiten eliminar la necesidad de utilizar títulos. Sustituyen el interlineado de los textos. Impiden que el usuario identifique los diferentes contenidos. Ayudan a descansar la mirada y mejoran la concentración y la comprensión de la separación entre párrafos.

¿Cuál es la longitud recomendada en los apuntes para un párrafo, teniendo en cuenta que puede depender del tamaño de la pantalla?. Entre 10 y 20 caracteres. Entre 45 y 75 caracteres. Entre 100 y 150 caracteres. Entre 200 y 300 caracteres.

¿Qué tamaño mínimo de texto se aconseja respetar en una página web?. No utilizar textos inferiores a 6 px. No utilizar textos inferiores a 8 px. No utilizar textos inferiores a 12 px. No utilizar textos inferiores a 24 px.

¿Qué caracteriza a las tipografías Serif?. Presentan pequeñas proyecciones al final de los trazos y transmiten una imagen tradicional, seria o institucional. Carecen de remates y transmiten exclusivamente informalidad. Imitan la escritura a mano mediante trazos fluidos. Todas sus letras ocupan el mismo espacio horizontal.

¿Qué caracteriza a las tipografías Sans Serif?. Se utilizan exclusivamente para representar código informático. Presentan remates y transmiten una imagen tradicional. Imitan la escritura manuscrita y siempre transmiten elegancia. No presentan proyecciones al final de los trazos y pueden transmitir modernidad, seguridad o minimalismo.

¿Qué caracteriza a las tipografías Script?. Todas sus letras tienen exactamente el mismo ancho. Se basan en trazos fluidos similares a la escritura a mano y pueden transmitir elegancia o creatividad. Carecen siempre de personalidad y expresividad. Se utilizan exclusivamente para escribir código informático.

¿Qué diferencia existe entre las tipografías decorativas y las monoespaciadas?. Las decorativas tienen siempre remates y las monoespaciadas nunca pueden utilizarse en código. Las decorativas se utilizan únicamente para párrafos largos y las monoespaciadas para fotografías. Las decorativas destacan por su expresividad, mientras que en las monoespaciadas cada letra ocupa el mismo espacio horizontal. Ambas se caracterizan exclusivamente por imitar la escritura a mano.

¿Cuál de las siguientes afirmaciones sobre los recursos tipográficos mencionados en los apuntes es correcta?. Google Fonts ofrece fuentes gratuitas y de código abierto, y Font Squirrel ofrece fuentes gratuitas aptas para uso comercial. DaFont es un sistema de gestión de bases de datos y Adobe Fonts es un navegador. Font Awesome es una herramienta dedicada exclusivamente a crear paletas de colores. Adobe Fonts solo permite utilizar fuentes que ya estén instaladas en el ordenador.

¿Cuál es la función principal de los iconos en una página web?. Sustituir todos los elementos de navegación. Representar acciones y evitar el uso excesivo de textos. Almacenar la información introducida por los usuarios. Determinar la estructura de la base de datos.

¿Por qué es importante elegir correctamente los iconos de una interfaz web?. Porque todos los iconos deben tener obligatoriamente el mismo significado. Porque eliminan la necesidad de organizar los contenidos. Porque permiten interpretar fácilmente su significado y ahorrar tiempo en la visualización de la web. Porque impiden que los usuarios interactúen con la página.

¿Qué se recomienda respecto a la apariencia de los iconos de una página web?. Mantener una apariencia similar para conseguir armonía y mejorar la navegabilidad. Utilizar un estilo completamente diferente en cada sección. Cambiar constantemente el diseño de los iconos. Utilizar únicamente iconos de distintos tamaños y colores.

¿Cuáles de los siguientes formatos corresponden a imágenes de mapa de bits según los apuntes?. SVG, HTML y CSS. SVG, PNG y PHP. JPG, SVG y XML. PNG, GIF y JPG.

¿Qué formato se menciona en los apuntes para representar imágenes vectorizadas?. GIF. SVG. JPG. PNG.

¿Cómo pueden utilizarse las fuentes tipográficas para representar iconos?. Sustituyendo automáticamente todas las imágenes de una página. Convirtiendo los textos en bases de datos. Ofreciendo iconos sencillos para representar elementos de una interfaz. Impidiendo utilizar imágenes vectorizadas.

¿Qué información debe incluir una guía de estilo sobre el uso de iconos?. El estilo, el tamaño y cómo deben utilizarse en las diferentes partes del sitio web. Únicamente el número total de iconos disponibles. Exclusivamente el nombre de los archivos. Solo el lenguaje de programación utilizado para crearlos.

¿Qué aspecto debe tenerse en cuenta al seleccionar iconos para conseguir una experiencia adecuada para todos los usuarios?. El número de servidores. La capacidad de almacenamiento. La velocidad de escritura del código. La accesibilidad.

¿Qué es Font Awesome según los apuntes?. Un sistema de gestión de contenidos. Una biblioteca de iconos y fuentes vectoriales para proyectos de diseño web. Un lenguaje de programación para crear interfaces. Una herramienta destinada exclusivamente a editar fotografías.

¿Qué característica de Flaticon se menciona en los apuntes?. Permite crear únicamente iconos mediante código Java. Ofrece exclusivamente imágenes fotográficas. Ofrece iconos gratuitos y de pago organizados por categorías. Es una biblioteca destinada únicamente a tipografías Serif.

¿Qué caracteriza a Material Icons?. Es una biblioteca creada por Google que sigue los principios de Material Design. Es una herramienta dedicada exclusivamente a generar paletas de colores. Es una plataforma para gestionar bases de datos. Es un formato de imagen de mapa de bits.

¿Cuál de las siguientes afirmaciones sobre Iconfinder y Freepik es correcta?. Iconfinder permite únicamente descargar tipografías y Freepik solo ofrece código HTML. Ambas herramientas se utilizan exclusivamente para crear bases de datos. Iconfinder es un formato de imagen y Freepik es un lenguaje de programación. Iconfinder ofrece iconos en diferentes formatos y tamaños, mientras que Freepik ofrece diversos recursos gráficos, incluidos iconos.

¿Qué son los prototipos web?. Documentos que contienen exclusivamente el código de una aplicación. Dibujos o diseños de las diferentes páginas y secciones que compondrán un sitio web. Sistemas que permiten almacenar información de los usuarios. Herramientas destinadas únicamente a seleccionar colores.

¿Cuál es una de las principales finalidades de utilizar prototipos web?. Evitar completamente la fase de planificación. Sustituir el desarrollo de la aplicación. Probar y mejorar el diseño y la funcionalidad antes del lanzamiento. Impedir que los usuarios participen en el diseño.

¿Por qué es recomendable realizar las diferentes fases del prototipado?. Porque permiten detectar problemas de concepto y realizar cambios antes de poner la aplicación en producción. Porque garantizan que no será necesario programar la aplicación. Porque obligan a utilizar siempre los mismos elementos gráficos. Porque eliminan la necesidad de comprobar el funcionamiento de la web.

¿Es obligatorio realizar todas las fases del prototipado web?. Sí, porque todas las fases son obligatorias en cualquier proyecto. No, porque el prototipado no aporta ninguna ventaja. Sí, pero únicamente cuando se utilizan bases de datos. No, aunque es muy recomendable para detectar posibles problemas.

¿Qué ventaja ofrece involucrar a los usuarios durante el prototipado?. Evita tener que diseñar los menús de navegación. Permite adaptar el proyecto a sus necesidades antes del desarrollo. Impide introducir modificaciones en la interfaz. Sustituye todas las pruebas posteriores de la aplicación.

¿Cuál es el orden de las fases del prototipado que aparece en los apuntes?. Mockup, prototype, sketch y wireframe. Wireframe, sketch, prototype y mockup. Sketch, wireframe, mockup y prototype. Prototype, mockup, wireframe y sketch.

¿Qué es un boceto o sketch?. Un dibujo inicial de muy bajo detalle que muestra los elementos fundamentales de una web. Una versión completamente funcional de la aplicación. Un diseño definitivo con todos los colores y tipografías. Una representación interactiva que permite comprobar todas las funcionalidades.

¿Dónde puede realizarse un sketch?. Únicamente mediante herramientas de programación. Exclusivamente utilizando HTML y CSS. Solo en programas profesionales de diseño gráfico. En papel, pizarra o cualquier formato que permita realizar cambios rápidamente.

¿Qué es un wireframe?. Una versión final de la web con interactividad completa. Una representación esquemática de la estructura básica de una página web. Un documento que contiene exclusivamente las imágenes de la web. Un diseño centrado únicamente en los colores corporativos.

¿Qué aspectos se establecen principalmente en un wireframe?. Las funcionalidades completas del servidor. Las consultas que realizará la base de datos. La jerarquía de los elementos, los contenedores y la organización del contenido. Exclusivamente los colores y las tipografías definitivas.

¿Cuál de los siguientes conjuntos contiene herramientas mencionadas en los apuntes para crear wireframes?. Balsamiq Mockups, Gliffy y Wireframe.cc. MySQL Workbench, Eclipse y phpMyAdmin. WordPress, Shopify y Drupal. Google Fonts, DaFont y Font Squirrel.

¿Qué caracteriza a un mockup?. Es un boceto realizado exclusivamente a mano. Es una versión completamente programada y publicada. Es una representación que únicamente muestra contenedores vacíos. Es una representación de detalle medio que incluye imágenes, tipografías y colores que pueden no ser definitivos.

¿Cuál es una de las principales ventajas de realizar un mockup?. Garantiza que todos los elementos serán definitivos. Permite evaluar el diseño, detectar puntos débiles y realizar cambios sin un coste demasiado elevado. Elimina la necesidad de diseñar los elementos visuales. Permite publicar automáticamente la aplicación.

¿Qué diferencia principalmente a un prototype de las fases anteriores?. Es el dibujo inicial con menor nivel de detalle. Se utiliza exclusivamente para organizar los contenedores. Es la representación más detallada y dispone de interactividad para comprobar el comportamiento y la experiencia de usuario. No permite comprobar cómo interactúa el usuario con la interfaz.

Un equipo ha diseñado una interfaz con colores, tipografías e iconos muy próximos a los definitivos y permite pulsar sus elementos para comprobar la navegación. ¿En qué fase se encuentra principalmente?. Prototipo (prototype). Boceto (sketch). Esquema de página (wireframe). Maqueta estática (mockup).

¿Qué es un mapa conceptual?. Un archivo que utilizan los buscadores para rastrear páginas web. Una representación gráfica de conceptos interrelacionados y sus diferentes relaciones. Una representación interactiva de una página web. Un listado de los archivos almacenados en un servidor.

¿Cuál es el objetivo principal de un mapa conceptual?. Facilitar exclusivamente el rastreo de una página por Google. Mostrar el diseño definitivo de una interfaz web. Representar la estructura conceptual de un tema concreto. Establecer los colores y tipografías de una página.

¿Cómo suelen organizarse los mapas conceptuales?. De arriba abajo o de izquierda a derecha, partiendo de un concepto principal. Siempre de derecha a izquierda y sin un concepto inicial. Exclusivamente mediante listados de texto sin relaciones. De forma aleatoria, sin establecer una estructura.

¿Qué tipo de estructura se forma al relacionar nuevos conceptos con el concepto principal?. Una estructura circular obligatoria. Una estructura completamente lineal. Una estructura sin jerarquías. Una estructura arbórea.

¿Para qué sirven los mapas de navegación?. Para seleccionar los colores de una marca. Para representar la arquitectura de las páginas de un sitio web. Para definir los tipos de letra de una interfaz. Para almacenar los datos de los usuarios.

¿Qué elemento actúa como raíz en un mapa de navegación?. El último archivo creado. El pie de página. La página inicial del sitio web. La hoja de estilos CSS.

¿Qué característica comparten los mapas conceptuales y los mapas de navegación?. Ambos pueden representarse gráficamente y partir de un elemento raíz del que se ramifican los demás. Ambos son archivos utilizados exclusivamente por los motores de búsqueda. Ambos deben contener los colores y las tipografías definitivas. Ambos son obligatoriamente prototipos interactivos.

Según los apuntes, ¿cómo suelen presentarse los mapas de navegación de las páginas web?. Exclusivamente como imágenes vectoriales. Siempre como prototipos interactivos. Únicamente como archivos destinados a buscadores. Como listados de texto, aunque también pueden representarse gráficamente.

¿Cuál es uno de los objetivos principales de elaborar un mapa de navegación antes de crear una web?. Evitar que los usuarios accedan a determinadas secciones. Estructurar correctamente los contenidos para que los usuarios encuentren fácilmente lo que buscan. Sustituir todas las páginas por una única pantalla. Eliminar la necesidad de organizar los menús.

¿Por qué pueden resultar útiles los prototipos cuando el diseño de una web es complejo?. Porque sustituyen automáticamente la programación de la aplicación. Porque impiden realizar cambios en la estructura. Porque permiten visualizar un borrador del sitio y facilitan la comprensión entre el diseñador y el equipo de desarrollo. Porque eliminan la necesidad de comunicar las decisiones de diseño.

¿Qué es un sitemap o mapa del sitio para motores de búsqueda?. Un archivo que proporciona información sobre las páginas, vídeos y otros archivos de una web y sus relaciones. Un dibujo inicial de los elementos de una interfaz. Una representación gráfica de conceptos de cualquier tema. Un documento que contiene únicamente la paleta de colores de una web.

¿Para qué utilizan los buscadores como Google los sitemaps?. Para modificar automáticamente el diseño de las páginas. Para generar nuevas páginas sin intervención del desarrollador. Para seleccionar las imágenes que se mostrarán en la interfaz. Para rastrear los sitios web de manera más eficaz.

¿Qué información adicional puede proporcionar un sitemap sobre las páginas de una web?. Las contraseñas de los usuarios registrados. Cuándo se actualizaron por última vez, con qué frecuencia cambian y si tienen versiones en otros idiomas. Los colores y tamaños de todos los botones. Los datos personales de quienes visitan la página.

¿Es imprescindible disponer de un sitemap para que los rastreadores encuentren las páginas de un sitio web?. Sí, porque sin sitemap los buscadores nunca pueden encontrar ninguna página. Sí, pero únicamente en sitios web pequeños. No, porque si las páginas están bien enlazadas, los rastreadores pueden detectar la mayoría de ellas. No, porque los sitemaps no tienen ninguna utilidad para los buscadores.

¿En cuál de las siguientes situaciones resulta especialmente recomendable utilizar un sitemap?. Cuando una web es muy grande, tiene páginas aisladas o es nueva y recibe pocos enlaces externos. Únicamente cuando la web utiliza muchos colores diferentes. Solo cuando todas sus páginas están perfectamente enlazadas y tiene numerosos enlaces externos. Exclusivamente cuando el sitio web contiene una única página.

¿Qué características debe tener una interfaz web para ofrecer una buena experiencia a los usuarios?. Ser compleja, llamativa, estática y extensa. Ser usable, visual, educativa y actualizada. Ser únicamente visual y disponer de muchas imágenes. Ser rápida, pero sin necesidad de actualizar sus contenidos.

¿Qué se pretende conseguir al diseñar una interfaz web efectiva?. Que los usuarios tengan que aprender numerosos procedimientos para navegar. Que todos los elementos gráficos sean exclusivamente decorativos. Que los usuarios se encuentren cómodos navegando entre los contenidos y las páginas del sitio. Que la página tenga el mayor número posible de elementos.

¿Cuándo se considera que una página web es usable?. Cuando permite una interacción sencilla, intuitiva, agradable y segura. Cuando utiliza una gran cantidad de animaciones. Cuando obliga a los usuarios a realizar numerosos pasos para encontrar información. Cuando cambia constantemente la posición de sus elementos.

Un usuario accede por primera vez a una página web y consigue encontrar fácilmente lo que busca, sin dificultades para interactuar. ¿Qué característica destaca principalmente?. La actualización. La decoración. La complejidad. La usabilidad.

¿Cuándo se considera que una página web es visual?. Cuando todos los espacios disponibles están ocupados por imágenes. Cuando los usuarios tienen una percepción positiva y los elementos gráficos contribuyen a conseguir los objetivos del sitio. Cuando se utilizan elementos gráficos únicamente para decorar. Cuando se evita utilizar cualquier elemento visual.

¿Qué se recomienda respecto a los elementos gráficos de una interfaz web?. Que se utilicen cuantos más mejor, independientemente de su finalidad. Que sustituyan siempre a todos los textos. Que estén orientados a conseguir los objetivos del sitio y no se utilicen de forma meramente decorativa. Que tengan diferentes estilos en cada página.

¿Cuándo se considera que una página web es educativa?. Cuando resulta fácil aprender a utilizarla y recordar lo aprendido. Cuando incluye obligatoriamente contenidos académicos. Cuando exige aprender a programar para poder navegar. Cuando dispone de un apartado dedicado exclusivamente a cursos.

Una persona aprende rápidamente a utilizar una aplicación web y, cuando vuelve a entrar días después, recuerda cómo manejarla. ¿Qué característica se está cumpliendo?. La característica visual. La característica actualizada. La característica decorativa. La característica educativa.

¿Cuándo se considera que una página web está actualizada?. Cuando conserva siempre los mismos contenidos y el mismo diseño. Cuando ofrece contenido nuevo periódicamente y mantiene su interfaz modernizada. Cuando modifica diariamente todos sus elementos sin ningún criterio. Cuando únicamente cambia los colores de los botones.

¿Qué puede ocurrir si una página web es fácil de utilizar, ofrece una experiencia visual positiva, permite aprender su funcionamiento y se actualiza periódicamente?. Los usuarios tendrán más dificultades para navegar. Será necesario eliminar todos los elementos gráficos. Es muy probable que los usuarios vuelvan a visitarla. Dejará de ser necesario organizar sus contenidos.