sábado, 8 de abril de 2017

Mockup

Los Mock Ups son  fotomontajes que permiten a los diseñadores gráficos y web mostrar al cliente como quedarán sus diseños.

Tanto si es un logotipo, como una tarjeta de visita, un folleto o una página web. existen mock up's para todos los gustos y colores. Además, permiten ahorrar gastos de impresión y de montajes ya que, gracias a estas maquetas, podemos enseñar a nuestros clientes una idea más aproximada de cómo se vería su diseño en diferentes formatos, papel, páginas web, papelería, rótulos, vinilos, carteles con resultados muy realistas y bastante aproximados a la realidad.

Para esta práctica utilizamos la herramienta de Pidoco, permite hacer prototipos de aplicaciones web y dispositivos móviles, comprobar el funcionamiento de su interfaz y realizar pruebas de usabilidad online.

A continuación les dejo como quedó mi mock up de la semana cultural.

Page Overview - My first Project - Pidoco° Prototype
You have Javascript disabled. Please enable Javascript to see the content of this page. Thanks

lunes, 27 de marzo de 2017

Audio y Video

En esta práctica creamos un video de Youtube y un audio en Soundation. Las dos son aplicaciones muy fáciles de usar, en la barra lateral derecha pueden encontrar el video y sonido que yo cree.

YouTube es un sitio web dedicado a compartir videos. Aloja una variedad de clips de películas, programas de televisión y vídeos musicales, así como contenidos amateur como videoblogs y YouTube Gaming.


Soundation es una herramienta con la que podrás crear tus propias composiciones musicales a partir de samples. Añade las pistas que necesites, escoge los samples y, si lo deseas, añade audio desde una fuente externa. Mezclar, añadir efectos y editar queda totalmente abierto a tu creatividad.

Bootstrap

Bootstrap es un framework o conjunto de herramientas de Código abierto para diseño de sitios y aplicaciones web. Contiene plantillas de diseño con tipografía, formularios. botoenes, cuadros, menús de navegación y otros elementos de diseño basados en HTML y CSS, así como, extensiones de JavaScript opcionales adicionales.

Bootstrap es muy fácil de usar simplemente descargas la plantilla que quieres utilizar y la modificas en su archivo html.

Les dejo la plantilla que yo he modificado


Así es como me quedó ya con las modificaciones

lunes, 6 de marzo de 2017

Java Script

JavaScript es un lenguaje interpretado en el cliente por el navegador al momento de cargarse la página, es multiplataforma, orientado a eventos con manejo de objetos, cuyo código se puede incluir directamente en el mismo documento HTML.

El código JavaScript se inserta directamente en nuestra página HTML.

Formas de insertarlo:
En el código fuente de la página html.
En un archivo aparte.

martes, 28 de febrero de 2017

Hojas de Estilos

Hojas de estilo: Conjunto de propiedades de formato, más reglas de definición y aplicación.

A una hoja de estilo se le puede hacer muchos cambios mediante el código html, algunos de esos cambios son el color o la imagen de fondo, la tipografía, colores, imágenes y alineaciones.
Es importante conocer las reglas que se utilizan en el código html para que nuestro proyecto pueda salir bien, en la barra del lado derecho se encuentra un link hacia mi página web, en ese proyecto hice cambios desde el código html utilizando las reglas de las hojas de estilo, algunos cambios fueron la tipografía y los colores de fondo.