diseño

Servicios en línea, tendencias emergentes

Posted in css, diseño, html, html5, interactive.us, recomendaciones, web, xhtml on June 18th, 2010 by Vampaynani – 1 Comment

Antecedentes
Las aplicaciones para las computadoras comenzaron siendo de tipo escritorio, aplicaciones a las cuales un usuario puede acceder única y exclusivamente cuando estas se encuentran instaladas en su ordenador, es decir si el usuario se encuentra en otro ordenador aunque este sea del igual al propio, la aplicación simplemente no existe y el contenido de la misma es inaccesible para el usuario.

Llegó entonces la comunicación en red de los ordenadores y vino de la mano con un modo estándar de transferencia de información: la arquitectura cliente-servidor. En esta arquitectura cada aplicación tiene un programa cliente que sirve como interfaz de usuario, este cliente es ser instalado en cada uno de los ordenadores que tendrá comunicación con el servidor y consumirá los datos que este le brinde, todo esto generado mediante peticiones a otro programa que se ejecuta en el ordenador que funge como servidor y brinda respuesta a cada una de estas peticiones. Normalmente, la mejora, cambio u optimización de este tipo de sistemas requiere una actualización de la aplicación del servidor y la aplicación cliente, lo que implica hacer la actualización en cada uno de los ordenares que utilizan la solución con el consecuente costo en soporte técnico y una notable disminución en la productividad.
read more »

BitmapData Tile Effect

Posted in diseño, flash, interactive.us on January 17th, 2010 by Vampaynani – Be the first to comment

Ultimamente he estado jugando con la clase BitmapData de AS3 y he encontrado cosas interesantes que sólo con esta libreria se pueden lograr. Una de estas cosas es la de poder importar una imagen y copiar sus pixeles a conveniencia con el método copyPixels.

Un trabajo interesante es el de dividir una imagen varios cuadrados para que quede como un Grid o Cuadrícula, esto manualmente llevaría la creación de varios MovieClips. Por ello he creado una clase para reducir ese trabajo a una sola línea y poder poner cuantos cuadros (con su respectivo márgen) queramos.

Esta es la base para crear los efectos de transición con “cuadritos” que se ven tan coquetos en algunas páginas, sólo hace falta agregar una librería Tweener como la de caurina y comienza la magia. Otra cosa que se me ocurre para la cual podría funcionar esta clase es obtener el promedio de color que tiene cada cuadro para hacer un mosaico de fotos que en conjunto generan una foto mayor.

Get Adobe Flash player

clase Bitmap2Grid

El semitono y como evitar la desvelada de una amiga

Posted in diseño on December 16th, 2009 by Vampaynani – Be the first to comment

Mientras yo leía ávidamente info al respecto de como usar collada y papervision3D, mi amiga Alix tuvo a bien preguntar como se hacia un patrón de semitono a 50 líneas por pulgada. He aquí un minitutorial por si se le olvida.

Paso 1
File/Open y seleccionamos la imagen que se convertirá en la “trama de semitonos”.

Paso 2
Image/Mode/Grayscale aparecerá la ventana que se muestra en la imagen de abajo, damos clic en discard y continuamos.

halftone1

halftone1

Paso 3
Image/Mode/Bitmap al seleccionar esto, saldrá una nueva ventana que nos permitirá elegir la resolución y el método de muestreo de nuestra imagen. Para el propósito de un semitono de serígrafia generalmente se usa una salida de 300 pixels/inch. Y se selecciona el método “Halftone Screen…”.

halftone2

halftone2

Paso 4
Como la opción seleccionada ha sido Halftone Screen tendremos una nueva ventana que nos pédira frecuencia, ángulo y forma de la trama que crearemos. El ángulo puede quedarse como está, la forma de la trama tradicionalmente es round y la frecuencia de trama dependerá de la calidad de impresión del dispositivo de salida final.

halftone3

halftone3

Una vez hecho esto, damos clic a OK y estará listo nuestro halftone.

Ejemplo de halftone

Ejemplo de halftone

Páginas que inspiran

Posted in css, diseño, flash, web, xhtml on January 31st, 2009 by Vampaynani – Be the first to comment

Platicando con la adicta twittera y amiga @luciernagale, encontramos varios sitios web que me parece son muy buenos e inspiracionales, tanto por su creatividad como por su usabilidad y accesibilidad de la información (cuantas -idad…). Estos son los que enlisto a continuación:

Hechos en Flash:

The Complex Design

Andy Foulds Flash Design

Oasim personal portfolio

Hechos en CSS

GOTOCHINA

FiveRuns-monitor rails apps

MacAllan Ridge resort

MochiAds – Network for online flash games

Y este con un poco de los 2:

August, creative online services