Módulo 2 - Lección 20 - Diseño. Prototipos visuales de alta fidelidad

En el siguiente vídeo se explica la evolución de los prototipos de baja a alta fidelidad, se muestran los principales atributos estéticos de los elementos de una página web (colores, áreas, cajas de contenido, imágenes, tipografías, menús y enlaces, iconos y elementos decorativos), se comentan algunos aspectos sobre el software de diseño visual (trabajar en capas, medir, editar imágenes), se ofrecen cinco consejos antes de empezar a diseñar (busca inspiración, paleta básica de colores, busca recursos gráficos, define las tipografías, recopila el material necesario), y cinco consejos para empezar a diseñar (trabaja en capas, de general a particular, no abuses de ciertos elementos, optimiza el tiempo, organización).

Comentarios

Publicar un comentario

Entradas populares de este blog

Módulo 2 - Lección 8 - Conceptos básicos de HTML (parte 1)

Imagen
Con el lenguaje HTML se describe la estructura y el contenido , que puede ser texto, imágenes, videos y otros componentes de las páginas Web. La presentación visual se define con CSS. En la actualidad el lenguaje HTML está desarrollado por el consorcio W3C, organismo internacional que vela por el correcto desarrollo de la Web. Enlaces con cursos y tutoriales:  Cursos de HTML entre otros . Puedes seleccionar idioma. Para probar HTML El lenguaje HTML está formado por etiquetas encerradas entre corchetes <> EN la actualidad en HTML 5 está formado por más de 100 etiquetas. El elemento es el componente básico de una página Web. Una página web está compuesta por un conjunto de elementos escritos en un orden concreto. Componentes de un elemento: ·        Etiqueta de inicio que siempre va precedida de < en el ejemplo <p de párrafo. La etiqueta inicial puede llevar atributos. ·        Etiqueta fin o cierre con el formato </p>. Nunca lleva
Leer más

Modulo 4 - Lección 5 - Tablas

Imagen
Una tabla HTML, tal y como explica Wikipedia, es una forma gráfica de representar información de manera esquematizada, ordenada y compacta. “Voilà”, esto podría ser un buen ejemplo de tabla que representa a alumnos con sus respectivas notas. Y el esquema HTML de la tabla anterior. Como puedes observar, las tablas se organizan en filas y celdas. Puede que eches de menos la organización en filas y columnas de los procesadores de texto, o que estés pensando en el por qué de la nota de Jordi, o… bueno, de momento nos tendremos que conformar con lo que hay: filas y celdas. <table> y </table>. La etiqueta table indica el inicio y cierre de la tabla. El resto de etiquetas necesariamente estarán recogidas entre <table> y </table>. <tr> y </tr>. TR (Table Row) representa una nueva fila de la tabla. En el ejemplo tendríamos cuatro etiquetas tr. <td> y </td>. TD (
Leer más

Módulo 3 - Lección 20 - Formularios select

Imagen
Un formulario es una sección de un documento que contiene: <select>     <label for="poblacion">Población:</label>     <select name="poblacion" id="poblacion">     <option>Alicante</option>     <option>Madrid</option>     <option>Sevilla</option>     <option>Valencia</option>     </select> Permite generar listas desplegables y listas de selección múltiple. Atributos: ·        “ name ”, es fundamental para el manejo de los datos enviados por el formulario, como ya vimos en la primera parte; ·        “ multiple ” para generar listas de selección múltiple. ·          <option>, Para definir cada una de las opciones de la lista, utilizamos la etiqueta <option>, Atributos: ·        “ value ” será el valor del elemento <select> cuando se envíe el formulario. Entre <option> y </option> incluimos el texto que queramos most
Leer más