Empiezan a regresar, discretamente eso sí, los fondos en mosaico. No sabemos si a raíz de sitios como myspace o twitter, pero tímidamenteestán volviendo a la web. Y con resultados bastante buenos.
Aquí os dejamos hoy cinco útiles enlaces relacionados con los fondos en mosaico.
Squidfingers, una galería con 158 fondos gratuitos.
Tiled backgrounds designer, una aplicación online para crear un fondo mediante la combinación de diferentes texturas, motivos y colores.
Pattern4u.tk, otra excelente galería con 272 fondos.
Tartanmaker, una aplicación gratuita para crear un fondo de estilo tartán, la tela típica escocesa.
bgMaker, otra aplicación, esta vez una que permite crear el mosaico píxel a píxel y ver los cambios en tiempo real.
Google pone a disposición de los usuarios búsquedas temáticas, es decir, que el buscador google se centre en un área concreta. De momento tiene desarrollados estos 5 grandes espacios de búsqueda :
Google pega fuerte una vez más. Google Talk, que en sus discretos inicios sólo era un añadido sobre Gmail, se ha hecho mayor. Ahora, mediante la instalación de un sencillo plugin, soporta vídeo y audio. Del correo al chat, y del chat, a la videoconferencia. Que tiemplen Skype y MSN Messenger, porque les ha salido un competidor audaz.
Reproducimos aquí los pasos que detallan en la Ayuda de Gmail para acceder al vídeo y audio de Google Talk:
Descarga el complemento de chat de voz y vídeo de Gmail, cierra todas las ventanas del navegador que tengas abiertas e instala dicho complemento.
Accede a Gmail.
En la sección “Chat” de tu cuenta de Gmail, selecciona el contacto al que quieres llamar. Si aparece el icono de una cámara junto al nombre, podrás realizar una llamada de voz o vídeo; simplemente tienes que hacer clic en “Vídeo y mucho más”.
Con photoshop hay cosas que resultan muy sencillas y el efecto conseguido es notable, hoy os invitamos a jugar con “Sombra/ Iluminación” ( Image -> Ajustar -> Sombra/Iluminación ) y los Niveles ( Image -> Ajustar -> Niveles ).
Paso 1
Tomamos una fotografía
Paso 2
En el menú : “Imagen -> Ajustar -> Sombra/iluminación” Subimos el valor de “Contraste de semitono” a “”100″
Paso 3
En la herramienta de Niveles seleccionamos “Configurar punto blanco” y pinchamos sobre la parte baja de la imagen.
Paso 4
Este es el resultado. Un fotografía con mas fuerza.
Bajo esa apariencia sencilla y mirada despistada, nuestro amigo Google Chrome esconde unos cuantos secretos, una serie de utilidades de las que obtener información relativa a la conexión, la caché, estadisticas de uso, etc …
A continuación os detallamos algunos ejemplos ( escribe lo siguiente en la barra de navegacion ) :
about:memory >>Información sobre el consumo de memoria about:histograms >> Histogramas de varias funciones del propio navegador ( feelling ASCII ) about:dns >> datos sobre las DNS about:cache >> Toda nuestra caché ( clicable ) about:plugins >> Listado de los plugins que hayamos instalado about:version >> sin palabras about:stats >> Estadísticas de tiempos de navegación, histórico, … muy completo
¿ Quieres actualizar el G Chrome ?
Puedes hacerlo en el icono de “Personaliza y controla Google Chrome”, es decir la llave situada arriba a la derecha, luego haz clic en “Acerca de Google Chrome”, un clic mas en Actualizar. Si ya estuviera actualizado verás un mensaje en la parte inferior.
Photoshop es una excelente herramienta para crear websites atractivos. Afortunadamente, si buscas mejorar tus habilidades o aprender algunos trucos nuevos para crear layouts y diseños en Photoshop, hay una miríada de tutoriales específicos para este propósito.
Cada uno de los 35 tutoriales reseñados aquí te introducirán en el proceso de crear un website de ejemplo en Photoshop. Están representados diferentes tipos de websites y estilos de diseño, por lo que ciertamente deberías encontrar algunos tutoriales útiles en esta selección.
Los mailings promocionales son la piedra angular del marketing online. Aunque en la práctica el proceso de diseño de mailings sea muy semejante al de cualquier página web, su estética es radicalmente más agresiva: más color, fotos más grandes, tipografías más atrevidas. Aquí tenéis una pequeña muestra.
Producto, producto, producto
Lo más obvio (y quizá más eficaz) cuando se trata de promocionar un producto es enseñarlo. Suele hacerse o bien con imágenes extraordinariamente grandes que llamen la atención, o bien haciendo más plano el entorno (prescindiendo de otros elementos gráficos, estilando el texto en tipografías clásicas) para no restarle protagonismo.
Metáforas visuales
A diferencia de cuando vendemos un producto, cuando se trata de servicios resulta un poco más complicado materializar el mensaje. En este tipo de campañas suele recurrirse a una metáfora visual, presentando un objeto que el destinatario pueda identificar con el servicio que se está promocionando.
Soportes físicos
En el caso de que la promoción tenga mucho texto, un recurso muy frecuente es simular que estamos viendo un soporte físico como el papel, una pizarra, la pantalla de un televisor… En este caso las texturas y los volúmenes dan mucho juego.
Personajes
Otra técnica publicitaria recurrente que también se aplica al diseño de mailings es identificar el producto con un estereotipo. La intención es que los destinatarios se identifiquen con el protagonista, o se sientan atraídos hacia él hasta el punto de desear el producto con el que se asocian.
Escenarios
Y no sólo personajes. También son muy habituales los mailings que recrean un ambiente o un escenario, ya sea realista o etéreo.
Esperamos que este análisis y los ejemplos que hemos propuesto os ayuden a la hora de encarar vuestro propio diseño de mailings.
Como todos los meses, desde nuestro departamento de diseño os traemos cinco páginas web que ofrecen aplicaciones gratuitas útiles en el día a día de un diseñador. Y por cierto, estaremos encantados de que nos enviéis las que vosotros mismos descubráis.
Color Theory Visualizer. Si te gusta jugar con los colores, prueba esta esfera de color que ofrece ColorJack. De una forma muy visual, podrás hacer variaciones sobre un color dado, hallar su complementario o incluso aplicarle efectos que simulan enfermedades de percepción como la protanopia. Lo mejor: pueden exportarse los resultados en paletas de color para Photoshop e Illustrator.
Gradient Color creator. Elige un tamaño en píxels, la dirección y los colores del degradado, y en pocos segundos obtendrás una imagen .PNG, el código HTML y el CSS para ponerla como fondo.
CSS Compressor. Una de las claves para aligerar el tiempo de descarga de una web es que el código pese lo menos posible, eliminando espacios innecesarios. Introduce tu código CSS en esta web y comprueba cómo el peso del mismo se aligera en un 15%.
Tagatum. ¿Alguna vez te has preguntado la frecuencia con la que dos etiquetas son asignadas juntas a un mismo post? Gracias a esta herramienta online nos hemos enterado de que la palabra que con más frecuencia se etiqueta junto a “design” es “retro”, y que también suele relacionarse “web application” con “blog”. Datos curiosos que con más detenimiento pueden arrojar interesantes conclusiones.
IMG2TXT. En esta página puedes obtener una versión ASCII de cualquier imagen GIF, JPG, o PNG, tan sólo proporcionando la URL en la que está alojada. También puedes especificar los caracteres que quieres que se empleen y si deseas que salgan al azar o no. El arte ASCII ya no volverá a ser lo mismo.
Hoy día disponemos de herramientas muy potentes para el diseño de aplicaciones. Ya sea en entornos web o de escritorio, somos capaces de crear aplicaciones complejas, rápidas, altamente interactivas. JavaScript, AJAX, Flash, Flex y muchas otras herramientas proporcionan a los desarrolladores un asombroso poder para el diseño de aplicaciones que eran casi inimaginables hace tan sólo unos años.
Sin embargo, el poder proporcionar todas estas herramientas a los usuarios no significa que éstos puedan alcanzar sus objetivos. De hecho, es bastante común distraerse en la tecnología y olvidar las bases del diseño de interacción, dejando al usuario frente a una aplicación muy lograda pero que no responde a sus necesidades. (more…)
