Entradas etiquetadas ‘Diseño Web’
¿ Qué es un código QR?
20 de Febrero de 2012Los Códigos de Respuesta Rápida o QR son un tipo de código de barras bidimensional que puede ser leído con los teléfonos inteligentes y dispositivos dedicados de lectura de QR, que enlazan directamente al texto, correos electrónicos, sitios web, números de teléfono y mucho más.
Muy pronto podremos ver los códigos QR en el embalaje de un producto, escaparates, anuncios impresos y vallas publicitarias, así como en los correos electrónicos y sitios web. El alcance del uso de los códigos QR es realmente enorme, sobre todo para la comercialización y publicidad de los productos, marcas, servicios y cualquier otra cosa que se pueda imaginar.
¿Por qué debería preocuparme por los códigos QR?
Los códigos QR tienen el potencial de tener un gran impacto sobre la sociedad y especialmente en el servicio de publicidad, marketing y atención al cliente con una riqueza de información sobre los productos en un solo escaseado.
¿Cómo es un código QR ?
Por lo general pensamos en un código de barras como un conjunto de líneas verticales, los códigos de barras 2D o códigos QR son diferentes ya que se almacenan los datos en ambas direcciones y se pueden escanear en vertical o en horizontal.
Mientras que un código de barras estándar 1D (UPC / EAN) almacena hasta 30 números, un código de barras QR pueden almacenar hasta 7089. Esta es la enorme cantidad de datos que permite enlaces a cosas tales como Vídeos, Facebook, Twitter o páginas web.
¿Cómo puedo escanear un código QR?
Si tenemos un teléfono inteligente como un iPhone, Android o Blackberry encontraremos diferentes aplicaciones que pueden leer y decodificar los datos de un código QR. La mayoría de ellos son completamente gratis, y todo lo que tenemos que hacer una vez que se instale una es usar la cámara del teléfono para escanear el código de barras, que se cargará automáticamente los datos codificados para nosotros.
¿Qué puede ser codificado en un código QR?
En su sentido más simple un código QR es una “imagen basada en enlaces de hipertexto” que se puede utilizar en línea – cualquier URL puede ser codificada en un código QR para que prácticamente cualquier página web se pueda abrir de forma automática como resultado de la exploración del código de barras.
¿Dónde se pueden colocar códigos QR?
La respuesta a esto es casi en cualquier lugar. La impresión de un Código QR que se puede hacer en periódicos, revistas, folletos, prospectos y tarjetas de visita. A raíz de esto se puede poner en el embalaje del producto o etiquetas, o en las vallas publicitarias o incluso paredes.
¿Cómo puedo hacer un código QR?
Podemos hacer nuestros propios códigos QR utilizando generadores de códigos de barras 2D designados, algunos de los cuales se enumeran a continuación, sin embargo primero debemos considerar qué es lo que queremos de ese código QR y cómo lo vamos a usar.
Algunos Generadores de QR Code que están actualmente disponibles:
http://www.qrstuff.com/
http://qrcode.kaywa.com/
http://quikqr.com/
¿De qué tamaño tiene que ser un código QR?
En términos generales, cuanto mayor es el código QR, más fácil es para que pueda ser escaneado, sin embargo la mayoría de dispositivos de lectura de QR son capaces de escanear las imágenes que son lo suficientemente pequeñas como para caber en una tarjeta de visita. Se asume que la calidad de imagen es buena.
Formatos de archivos de código QR
Podemos usar los siguientes formatos de archivo cuando se crea un código QR:
Código HTML
PNG
Tiff
SVG
EPS
Los archivos PNG funcionan particularmente bien, ya que podemos cambiar de tamaño muy fácilmente, lo que significa que podemos escalar fácilmente el código QR dependiendo de donde queramos ponerlo.
Códigos QR para Marketing
Si deseamos utilizar códigos QR para fines comerciales o de marketing, entonces deberíamos considerar que la gente tiene mayores expectativas al escanear un código QR que limitarse a hacer clic en el vínculo de una página web. Debemos ofrecer algo especial o único para las personas que han usado el tiempo y esfuerzo para escanear el código de barras usando estrategias de marketing.
Asimismo, recordemos que muchas personas no saben qué es un código QR ni cómo usarlo. Hasta que su uso no esté más extendido tendremos que dar instrucciones sobre qué hacer con un código QR.
Top Programas de gráficos Web para Macintosh
8 de Abril de 2011Cuando se trata de seleccionar un programa de gráficos Web, hay tantas opciones que a menudo puede ser difícil determinar qué programa es el adecuado. Si bien la tendencia es querer ir siempre a buscar el más popular, no siempre es la opción más adecuada para las necesidades de cada persona.
1. Adobe Photoshop
Photoshop es uno de los programas disponibles más avanzados y versátiles, y los desarrolladores de webs siempre quieren tener Photoshop en su arsenal de herramientas. Photoshop ofrece herramientas y funciones para la creación de animaciones GIF, imágenes, optimización de corte, procesamiento por lotes y automatización. Se integra perfectamente con otros productos de Adobe como Illustrator, Dreamweaver, Fireworks, Flash, y GoLive.
2. Adobe Fireworks
Fireworks se ha desarrollado desde cero específicamente para satisfacer las necesidades de los profesionales del diseño web. Fireworks tiene características de estrecha integración con otros productos de Macromedia como la herramienta de animación vectorial, Flash y Dreamweaver. Fireworks sólo es capaz de trabajar en el entorno de color RGB, por lo que no es una opción apropiada para trabajar con imágenes destinadas a la impresión comercial. Fireworks se integra perfectamente con otros productos de Adobe como Illustrator, Dreamweaver, Photoshop y Flash.
3. Stone Studio
Esta suite de diseño web para Mac OS X incluye Create, PhotoToWeb, PStill, GIFfun, Slice & Dice, Pack Up & Go, y TimeEqualsMoney. Create es el principal componente de diseño web y se puede comprar por separado. Ofrece herramientas de texto, dibujo, efectos, producción automatizada de la página web, desarrollo de contenidos, y las características de diseño de la página. PhotoToWeb te permite crear álbumes web de fotos y presentaciones de diapositivas. GIFfun crea banners animados. SliceAndDice crea mapas de imagen y barras de navegación.
4. Adobe Photoshop Elements
Photoshop Elements está construido alrededor de los elementos básicos de la interfaz de Adobe Photoshop sin las características de la gama alta. Elements es principalmente una herramienta para edición de fotos, procesamiento y mejora, pero también puede funcionar para la creación de gráficos Web, tales como botones, banners, animaciones y galerías web para su uso personal y empresarial. Está diseñado principalmente para los fotógrafos aficionados,
Reducir el tamaño de las fotos para su uso en la web
6 de Marzo de 2011En primer lugar hay que recortar la imagen para eliminar partes innecesarias. Después, podemos cambiar las dimensiones en píxeles para generar una imagen más pequeña.
Cualquier software de edición de fotos tiene un comando para cambiar las dimensiones en píxeles de una imagen. Lo podemos buscar en “Tamaño de imagen”, “Cambiar el tamaño,” o “Volver a muestrear.” Cuando se utiliza este comando se presenta con un cuadro de diálogo para introducir los píxeles exactos que deseamos utilizar.
Nunca, cambiaremos el tamaño o sobrescribiremos en el archivo original.
Después de cambiar el tamaño de la imagen, nos aseguráremos de hacer un Guardar como para no sobrescribir el archivo original y lo guardaremos como un archivo JPEG.
Al elegir el nivel de compresión, mantendremos la calidad en la gama media alta.
Trataremos de no sobrepasar los 100 KB por página Web en total de imágenes.
Esto puede sonar como un proceso que consume tiempo, especialmente si tenemos un montón de fotos para compartir, pero afortunadamente la mayoría de softwares actuales permiten comprimir un lote de fotos rápidamente. Algunos programas incluso pueden cambiar el tamaño, comprimir, y generar galerías completas de fotos para su publicación en la Web. Y hay herramientas especializadas para ambas tareas – muchos de ellos de software libre.
Fundamentos de Diseño Web
20 de Febrero de 2011Al igual que los diseños en papel, los Diseños Web deben ser simples y claros
El espacio y los espacios en blanco
Intente aprovechar el máximo espacio, haga que se expanda o contraiga para adaptarse a la ventana del navegador.
Mantenga la resolución de pantalla en mente. Aunque la mayoría de los usuarios se han alejado de una resolución de 800×600, mantenga esto en mente cuando se esté diseñando. Que un usuario todo lo que vea pueda ser un logo en su monitor no es un buen servicio.
Utilice el color para definir los espacios. Si desea tener una página con un ancho específico, céntrese en la pantalla del navegador, haga que el color de fondo de la página sea un color diferente. Esto ayudará a la página para cambiar el tamaño de los diferentes navegadores.
Gráficos
Es fácil dejarse llevar por una gran cantidad de imágenes y animaciones, pero pueden hacer una página muy difícil de leer. Cuando esté pensando en el diseño, recuerde que las imágenes son una parte importante del diseño, no sólo ideas posteriores.
Ancho de texto
Piense en el ancho de texto. Esto es a menudo llamado el “análisis de longitud”, y se refiere a cómo las palabras que se muestran en una sola línea. La mayoría de las personas pueden leer cómodamente cerca de 7 a 11 palabras en una línea. Más líneas, y el texto sería difícil de leer, líneas más cortas provocarían desarticulación y distracción.
El centrado de texto no es aconsejable, suele ser difícil aplicarlo bien y generalmente difícil de leer.
