miércoles, 19 de julio de 2017

por favor... si pueden...

En todo caso pueden hacer el PDF pesado (si no queda otra... ejemm...) y subirlo aquí para optimizarlo (comprimirlo).

Por favor.. reducir el tamaño de mis PDFS!

Si ven el resultado.. parece que anda.
En alguna parte, le sacaron una sonrisa a un posible cliente.. y no una làgrima.
Saludos.

lunes, 19 de junio de 2017

Penultima clase + revisiones (cuasi finales).

Creo que Micarelli estuvo grabando videos del ejercicio de armado de abajo.



Descargar armado aca.

Igual.. estuvimos viendo una entrega de Dinamarca / Zabal, contestando algunas preguntas, vimos el principio C.R.A.P., que les permitirá "limpiar" visualmente los mockups.


Y les agregaré más detalles. Saludos!

REVISIONES: Por grupos. (no obstante, les recomiendo a TODOS que las miren, igual, para evitar los mismo errores o detalles).

M Perrota / Merta / Dinamarca



Keating / Garcia / Antonio / Reinoso / Gonzalez / Gelardi (Gonzalez no se cual era...)


 

Rodríguez / Zabal /Perrota M / Perrota C (entrega fallida) / resto del curso.

miércoles, 7 de junio de 2017

31/07, 16:30hs


Confirmada la mesa. 
A poner barbas en remojo.. Saludos.
Mauro.

Interlude: WHOA (uaaa!):
Re interesante.. el o la que quiera pegarle una mirada:
Mapa para aprender webdevelopment

Recurs(on). Web code:
Fresquito.. recien salido del horno (sirve para obtener código prearmado):
webTools

martes, 6 de junio de 2017

Ordenando la entrega

Hola chicos.
recapitulando lo que hablamos ayer, sobre la entrega, espero ordenar un poco el tema en el diagrama.(click para ampliar el grafo)


SiteMaps diagrams: (1)https://writemaps.com/
https://creately.com/diagram-type/site-map


Recursos de wireframes: (2)
Mockups (https://moqups.com/)
Balsamic Mockups (https://balsamiq.com/products/mockups/)
MockingBird (
https://gomockingbird.com)

Mockups: Photoshop / Illustrator / Fireworks/ Sketch (mac) (4)

StyleTiles: styletil.es/ (3)

Revisión de Mockups/Pantallas: https://conceptboard.com/

Ver pantallas en tamaño real: https://www.previewdump.com/

Revisión de código vivo/ ejemplos/ problemas de HTML CSS:   (5)
Thimble https://thimble.mozilla.org/es/
CodePen https://codepen.io/
Jsfiddle https://jsfiddle.net/

Atascado con el HTML/CSS? Codeademy : HTML y CSS básico (5)

Como referencia a lo de arriba, y para que organicen lo que tienen que hacer, recuerden usar esta referencia de abajo para presentar el PDF:


donde están representadas las etapas como DISEÑO DE INFORMACIÓN, INTERACCIÓN y PRESENTACIÓN. Se las dejo también acá por si la perdieron de vista.
Y un video que explica lo de arriba (veo que a algunos les quedaron dudas. Y en el olvido. puede que ayude)

Bueno pronto más info. Gracias.

lunes, 29 de mayo de 2017

Para el informe...

Personas..




(para ver más grande, hacer click en las imágenes)
Ok.. estos son algunos de los modelos de persona que pueden encontrarse por ahi... Para otros modelos (hay muchos más) click acá-
Para el informe, haremos UN perfil, aunque en realidad, dependiendo del tipo de sitio y/o aplicación, se requieran varios.  En fin.. para trabajar usaremos uno de esos modelos, en los cuales deberán llenar los datos que sean necesarios:
MODELO A UTILIZAR:
Respecto a la ficha de análisis... Descargar aquí

Libro(s) mencionados en la clase del 29/05:

 

Designing for the web Michael Boulton. Disponible para leer online u offline.
Sitio oficial. (Descarga libre también en ese sitio).

Libro MUY básico de armado html:
Construir & diseñar un Website (ENG). Ebook / El sitio original está caído. Buscar con Archive.org
Tiene unos años pero sirve como digo como algo básico.

lunes, 15 de mayo de 2017

Media clase 15 de mayo... 1730 nos movemos


Hola gente.
Tendremos clase a medias. A las 1730 debemos ir a una charla (1 diseñador, 1 arquitecto, 1 pensamiento 1 imagen) en la SALA AZUL.
Les aviso, por quien llegue tarde.

Lo que si, aprovecharemos el tiempo previo para ver (1) técnica de prototipado (de wireframe a css), y ver si recuperamos algunas dudas.

Lo que hayan avanzado del informe o tengan dudas, también es momento de evacuarlas.

COMO TENDREMOS este corte al medio, les pido entren luego del MIERCOLES a este post, para ver más datos de práctica/ video online, para recuperar algo del tiempo perdido. Gracias!


lunes, 8 de mayo de 2017

Mayo 8. A medio camino...

Hoy veremos varias cosas:

Les pasaré la base del informe, para que vayan elaborando. (ver abajo).

Retomaremos el uso de display, y veremos cómo trabajan los floats. (es para el layout del sitio).


Hablando de layout.. haremos un ejercicio con làpiz y papel, para detrminar las partes que tendrá el sitio. la base será de 960px, recuerden, y se utiliza todo el alto del browser y más... es decir que SE PUEDE hacer scroll. El alto SIEMPRE lo determina el contenido, no lo olviden.

USAREMOS
HTML IPSUM (http://www.htmlipsum.com/ipsum)
MEYER RESET (https://meyerweb.com/eric/tools/css/reset/)
GS GRID system (https://960.gs/)

Allá nos vemos.Saludo.
Usaremos goMockingbird.

Opciones: Balsamiq mockups (pc/mac)

lunes, 1 de mayo de 2017

Pausa



Hola gente.. Sí, una pausita impuesta por el calendario (cayó justo este Lunes...) pero como les dije , les paso acá algunas actividades para ir repasando teoría/ avanzando con el práctico final.

Pronto. Mañana Martes en realidad. Un saludo y bueno , aquellos de Uds. que trabajan, que disfruten con justicia este día. M.

lunes, 24 de abril de 2017

Seguimos. Hoy: Batido


En la clase de hoy revisaremos algunos conceptos sueltos (que no profundizamos), veremos temas de teoría, continuaremos con el layout.. en fin. Varias cosas. Mezcladito y nublado por lo que parece.

Modelo de caja: TAMAÑO de caja (ver box-sizing) >>> ACA

Posicionado: Conceptos base >>> ACA

Un ejemplo de posicionamiento >>> ACA

TEORIA: Etapas del Proceso de diseño de aplicaciones Multimedia (descargar

lunes, 17 de abril de 2017

Clase 4. Profundizando CSS /Box model.


Hola gente.
En la clase de hoy terminamos:

- Modelo de caja
- Estructura de pagina tipo
- Y practicamos con el sitio (clase4). Positioning lo seguimos clase que viene, mas en detalle.

Como el mopad se cayó, les dejo el sitio en un rar por si quieren tenerlo a mano. (DESCARGAR).
Recuerden.. les di el pass en clase.

Luego hago el resumen. Pero por lo pronto tienen para ir practicando/rememorando.

Sobre el informe: más info pronto aquí también. La clase que viene veremos el tema del proceso de diseño de un proyecto multimedia, y las partes que tendrá ese informe. Es teoría que se tomará en el final.
Saludos y gracias por seguir el trayecto... M.

 

Resumen clase 4




Class 4 summary.


jueves, 13 de abril de 2017

Resumen de la clase 3

Hola gente. Va el resumen de la clase 3: (escuchar en Chrome)





Hi there. This is asummary of last class.

martes, 4 de abril de 2017

1 bestia x 2 bellas.

Ok Ya eligieron el sitio "feo". Ahora deben elegir dos sitios que, para el análisis que haremos, sean por contra, bellos.

El tema es así: la próxima clase les daré algunas pautas para evaluar un sitio web, y con esas mismas pautas evaluarán los dos sitios "lindos". La idea es contraponer, observar, y rescatar conceptos, tratamientos de imagen, de contenido, de esquemas de colores y tipográficos, que nos ayuden a prefigurar qué haremos con el rediseño de mi sitio.

Los dos sitios "lindos" pueden ser (o no) del mismo rubro. En dicha elección deberán tomar en cuenta que estilo o rasgos estimaron convenientes para contraponerlo con el sitio a rediseñar, ya que de alguna manera algo de ellos irá a parar al nuevo sitio. Para ello usaremos una especie de moodboard, pero aplicado al diseño de interfaces.


EH! tranqui... por lo pronto elijan los dos sitios, y traigan las capturas de pantalla (o las URLs) la clase que viene. Y los que aún no mandan la dirección del "feo", pues les aviso van un paso atrás. Y quedan 10 (clases).
M.

lunes, 3 de abril de 2017

la CLASE de css...


Hola. Bueno les dejo resumen de lo visto.

Herramientas que usamos esta tarde:
Dreamweaver / Thimble / Chrome.

Resumen audio Clase 2:



Audio summary of today´s class:


Nos vemos el lunes /C u next Monday.
manden los sitios que faltannnn...!!! Saludo. M.

viernes, 31 de marzo de 2017

Eligiendo


En el video les oriento de cómo buscar los tres links que deberían mandar este fin de semana, para elegir el sitio a rediseñar.



Gracias Dinamarca, pero por lo pronto en el video te (y les) marco el "porqué no" del tema.
Espero les sirva, saludos. M.

-----------------------------------------
--------------ELEGIDOS:--------------
Dinamarca // http://www.gaviota.com.ar
Micarelli // http://www.restaurantevegetarianofenix.com/
Merta // http://www.argentinabulldog.com.ar
Perrotta M // http://www.aventurawine.com/es 
Reinoso // http://turismo-responsable.com/
Rodríguez // http://www.alexstewart.com.ar/
Antonio // http://www.chaletdebassi.com/
Perrotta C // www.bodegaseptima.com
Zabal // http://www.fabriport.com/index.html
Keating // http://www.gatesnfences.com/index.html
González // http://www.botanical-online.com
Gelardi //  http://www.venecianosrl.com.ar/sitio/
Garcia // http://www.casas-pinamar.com.ar/

Al resto les llevo temas esta tarde, para quienes no tomaron un sitio.
Saludo.



miércoles, 29 de marzo de 2017

Bienvenida + resumen#1

Hola gente,
Bienvenidos al curso 2017 de Com. Multimedial.
Acá, el programa 2017.
Les dejo abajo el resumen #1. Saludos.
M.