Diseño de papel a digital (RESPONSIVO)

COMPUTADURA:

TABLETA:

INTEGRANTES:

GARCIA OLIVEROS JAZMIN MONTSERRAT

REYES SALGADO OSCAR ANTONIO

SOLANO ESPINOSA OCTAVIO ISBAAL

diseño web segun los requerimientos.

1.- requerimientos del cliente:
*tienda de musica la mas sabrosa.
*integracion con redes sociales.
*contacto
*slider
*telefonos
*minimo 4 productos con precio

2.- diseño en papel

3.-diseño final hecho en photoshop listo para entregar al cliente y proceder a la programacion.

integrantes:

jazmín Montserrat Garcia Oliveros

Victoria Bustamante Castañeda

Oscar Reyes Salgado.

Diferencias entre resolución de ppp.

PPP: pixels per inch o pixeles por pulgada en español, es una medida de resolución  que consiste en que entre mas pixeles por pulgada tenga una imagen, se dice que tiene mejor calidad pero su peso sera alto, en cambio entre menos pixeles por pulgada tenga sera menor su peso, pero esta tendrá menor calidad.

cuando tenemos una imagen con muchos pixeles por pulgada, al hacer un acercamiento esta no se deformara como en la primera imagen.

cuando tenemos una imagen con pocos pixeles por pulgada, al hacer un acercamiento esta se deformara en modo que se verán cuadritos en su contorno (pixeles) como en la segunda imagen.

Diferencias entre formatos JPG y PNG

JPG: este formato es para guardar imágenes estáticas con un peso menor al PNG, pero tiene la desventaja de que la calidad es menor, así que al agrandar la imagen esta se pixeleara ( como la imagen de mario que esta a la izquierda).

PNG: Este formato nos permite guardar imágenes estáticas con una calidad alta, pero su peso también sera alto, solo que al agrandar la imagen, esta sera muy difícil que pierda su textura, osea no se pixeleara como en el formato JPG (como la imagen de mario de la derecha).

Diseño Cp

Diseño del cliente.

Diseño hecho por mi:

Lo que hicimos fue una practica en donde un cliente solicito una pagina he hicimos el diseño de tal modo que el cliente quedara satisfecho.

Herramientas de programación utilizadas:

*Formas: para aplicar formas geométricas al diseño.

*Pincel: para dibujar sobre el papel de diseño en Ps.

Archivos graficos.

Diferencias entre archivos gráficos.

JPG: Este generalmente es usado para guardar imágenes estáticas de gran tamaño y su              variedad de color, pero si quisieras usar Ps, solo podrías modificar sobre la imagen ya          que las capas usadas se comprimen a hacer una sola imagen.

PNG: Este formato al igual que el jpg es utilizado para guardar imágenes estáticas                          manteniendo la calidad de las imágenes en un alto nivel.

PSD: En este se guardan tus archivos de Ps permitiendo volver a editar estos con las                    capas y haciendo mas faciles las modificaciones que el cliente te solicite.

Diseño 1

                                           "Mi primer diseño de interfaz web".

        

Este es el primer diseño de interfaz web hecho por mi, el cual se trata de una pagina web para una funeraria, en ella utilizamos las herramientas básicas de Ps.

Herramientas basicas de photoshop

HERRAMIENTAS BÁSICAS DE PHOTOSHOP

Seleccionar: Tenemos que dar clic en la herramienta Move Tool y arrastrar la imagen hacia el fondo.

Lazo:Se encuentra en la parte lateral izquierda y con ella podemos seleccionar el margen de la imagen para eliminar el exceso de fondo.

Gradiente:Esta herramienta permite que la imagen se torne Opaca.

Tamaño:Tienes que seleccionar la capa en la que se encuentra la imagen que deseas editar, presionar Ctrl+T para las opciones y al terminar dar enter.

Texto: Se encuentra en a parte lateral izquierda y puedes poner con ella etiquetas y textos en tus ediciones.

Capas: Estas son imágenes que están sobre la imagen original y hacen mas fácil las ediciones.

Desplegar ventanas: Son muy útiles para los casos en los que necesitamos mover una imagen al fondo, y simplemente tienes que arrastrar la ventana de tu imagen hacia abajo, así se desplegara una ventana con dicha imagen.

LA TEORÍA DEL COLOR.

Los colores forman una parte importante en nuestra vida, los utilizamos   de muchas maneras, pero mas aya de darnos color también nos dan cierto mensaje.

COLOR                       QUE REFLEJA

ROJO                                      fuego, calor, sexo, amor, furia, etc.

AZUL                                      Salud, entendimiento, fuerza, tranquilidad.

MORADO                                melancolía, romance frustración.

AMARILLO                              precaución, originalidad, alegría.

NARANJA                                   claridad, riqueza, infancia.

VERDE                                     paz, ecología, vida, inteligencia.

De alguna manera debemos combinar muy bien estos colores para que la pagina de la impresión deseada y de ese modo el cliente quede satisfecho.

PROTOCOLO DE ARRANQUE.!

Nombre de la materia: Desarrolla Aplicaciones Web.

Nombre del docente: Lic. Gilberto Bahena Salas.

Integración de alumnos: El profesor realizara una dinámica de integración, motivando la participación de los alumnos.

Objetivos del curso: 

                 > Desarrollar interfaces.

                 > Desarrollar paginas web estáticas.

                 > Desarrollar aplicaciones web dinámicas.

Expectativas: Aprender de una forma dinámica, no exámenes escritos, exposiciones y trabajos en equipo pero con la calificación individual.

Beneficios del curso: 

                      > Aprender a desarrollar páginas web estáticas y dinámicas.

                      > PLUS: Conseguir una venta real del producto.

Reglas:

           > Celular solo en caso de emergencia.

           > 10 minutos de tolerancia.

           > Si llegas tarde, solo pasa en orden.

           > No pedir permiso para ir al baño.

           > Sanciones económicas por falta de respeto ($5).

Criterios de evaluación:

                         Declarativo         30%

                         Procedimiento    40%

                         Actitudinal           30%

                         TOTAL               100%

Contenido del programa:

                   >Desarrolla interfaces utilizando herramientas de diseño gráfico.

                   > Diseñar paginas web estáticas.

                   > Diseñar aplicaciones web dinámicas.

Bibliografía: no esta en existencia.

DATOS

Nombre: Jazmín Montserrat García Oliveros.
Materia: Diseña Aplicaciones Web.
Escuela: CBTIS N°166 "Pablo Torres Burgos".

Profesor: Lic. Gilberto Bahena Salas.