Oh! Gráfico

Colección de tutoriales y archivos .psd de tarjetas de presentación

kozmica — Wed, 01 Sep 2010 04:54:11 +0000

¿Ya tienes tarjeta de presentación?, pues sino tienes este artículo es para ti, y si ya tienes y quieres un cambio pues también. En NaldzGraphics hicieron una extensa lista de diferentes tutoriales para diseñar una tarjeta de presentación y también se incluyen algunos archivos editables para personalizar excelentes diseños.

Para muestra:

Design a Print Ready Business Card for Designers

Making a Print-Ready Business Card Using Only Photoshop

Unusual Business Card

Business Card psd Template

Más tarjetas y diseños descargables en el siguiente enlace:

A Collection of Photoshop Business Card Tutorials and Free PSD Files

50 logotipos ecológicos

kozmica — Mon, 30 Aug 2010 06:49:43 +0000

En la etapa que vivimos la preocupación ambiental es un tema cada vez más recurrente, tanto que ya podemos pensar en diseñar logotipos ecológicos o diseño verde, tanto porque verdaderamente se tenga en cuenta la ecología, o como suele suceder, para vender más.

En FreelanceReview recopilaron 50 logotipos ecológicos para inspirarnos y ver esta tendencia de identidad.

Algunos logos:

Puedes ver la lista completa de logotipos verdes en el siguiente enlace:

50 Green and Eco Logos

Via frogx3

Google Doodles, logos para ocasiones especiales

kozmica — Wed, 18 Aug 2010 03:51:13 +0000

Seguramente habrás notado que en alguna fecha especial cuando entras al buscador de Google está cambiado el típico logotipo de las letras de colores por cosas más artísticas o abstractas y siempre tienen que ver con algún evento o personaje importante. Estos logotipos temporales son llamados Doodles, y aquí te presentamos algunos de ellos:

71 aniversario del Mago de Oz

Final de la copa mundial de fútbol de 2010

Día de las madres

Día del padre

Cumpleaños de Jacques Costeau

30 aniversario de Pacman (¡éste se puede jugar de verdad!)

Cumpleaños número 170 de Tchaikovsky

Día del trabajo

Día de la tierra

Feliz año nuevo, 2010

Estos 10 logotipos que te presentamos son solo una pequeña parte de los muchos que han sido exhibidos en la página de Google, pues no solo conmemoran fechas internacionales sino que también fiestas patrias de los diferentes países.

Google tiene un archivo de los logos que han sido utilizados, incluso algunos que son resultados de concursos y para verlos todos sólo tienes que visitar el siguiente enlace:

Google Doodles

15 sets de mini iconos para diseño web

kozmica — Wed, 21 Jul 2010 06:29:33 +0000

Cuando estamos diseñando una página web a veces queremos ahorrarnos un poco de tiempo con los iconos (si es que no nos pidieron diseñar específicamente eso) y lo bueno es que existen muchos diseñadores que elaboran excelentes paquetes de iconos y los ponen disponibles al público, aquí te mostramos algunos:

Si quieres ver los otros 12 de la lista visita el siguiente enlace:

15 High quality mini icon sets for your web projects

Set de iconos de redes sociales en forma de teclas

kozmica — Sat, 10 Jul 2010 06:53:58 +0000

Puedes diseñarte tu propio teclado hecho con estos simpáticos iconos de redes sociales en forma de teclas de computadora, son un recurso gratuito, cortesía de The Web Blend. Entre los iconos puedes encontrar de Twitter, Facebook, Myspace, Skype, Blogger entre otros, y puedes descargar el set completo desde el siguiente enlace:

Social keys icon pack

65 hermosas fotografías submarinas

kozmica — Mon, 14 Jun 2010 03:07:27 +0000

¿Quién no disfruta de ver una buena fotografía?, unos colores atractivos y ángulos interesantes nos da un deleite visual muy rico, eso lo podemos encontrar también debajo del agua.

En CreativeFan hicieron una excelente lista con fotografías submarinas, podemos ver animales submarinos, modelos aguantando la respiración antes del click de la cámara y en todas un resultado interesante, a continuación te presento algunas de las fotografías de la lista:

Si te gustaron esas fotografías tienes que visitar la lista que contiene otras 61, te dejo el enlace para que disfrutes:

65 Absolutely amazing Underwater Photographs

Chak Theme – Nuevo Theme gratuito para wordpress

kozmica — Wed, 09 Jun 2010 08:36:47 +0000

De alto contraste, con tonos rojos, blancos, grises y sobre todo muy ligero, así es el Chak Theme.

Es el primer theme para WordPress que diseñé, lo hice para mi blog personal, y algunos visitantes me dijeron que les había gustado y que les agradaría poder usarlo para su propio blog por lo cual decidí liberarlo y aquí está.

Características

3 columnas (contenido y 2 columnas laterales o sidebars)
Valida en CSS y XHTML
Widget Ready
Ancho fijo
Simple y muy ligero
En español
Gratis

Aquí tienen una captura de pantalla del aspecto del tema (prometo poner un demo después):

¡Todo el theme no mide más que 129KB!, la rapidez de carga es algo que tomé muy en cuenta al elaborarlo.

Descárgalo

En fin, es todo suyo, pueden editarlo si quieren pero deben conservar los enlaces de créditos.

DESCARGAR – ChakTheme.zip (77KB)

Sugerencias y peticiones respecto al theme las tomaré en cuenta, también estaré muy atenta por si encuentran algo roto o que no funciona para arreglarlo.

Espero que les guste.

Colección de 50 fuentes tipográficas estilo bitmap o pixel

kozmica — Sat, 05 Jun 2010 09:48:17 +0000

En Naldz Graphics se tomaron la molestia de reunir 50 fuentes diferentes que tienen ese estilo tipo bitmap, esas fuentes que se ven un poco retro y pixeleadas.

Me gusta el estilo y es una buena colección, por eso no podía dejar de compartirla con ustedes, de las 50 les resalto estas:

Acknowledge – Descarga

Mizu Font Alphabet – Descarga

Snapix – Descarga

Si quieres expander aún más tu colección de fuentes pixel pues te invito a que visites la colección de 50 en el siguiente enlace:

50 Collection of Bitmap and Pixel Fonts

IE Tester: herramienta para los diseñadores web

kozmica — Sat, 22 May 2010 20:30:22 +0000

IE Tester es el nombre de una buena herramienta para todos aquellos diseñadores que se interesen en el diseño web, nos sirve para ver como se vería un sitio en cada una de las versiones de Internet Explorer (IE), incluyendo los dolores de cabeza como las versiones 5.5 y 6.

Hay algunos diseñadores web que simplemente ignoran a Internet Explorer, el navegador que viene por defecto en una computadora con el sistema operativo Windows, lo ignoran porque muchas veces cuando estamos diseñando nuestro sitio todo va perfecto en Firefox, Opera, Safari… Y cuando lo vemos en IE todo parece estar roto, y no sabemos por qué.

¿Porqué sucede esto?, es simple, las versiones antiguas de Internet Explorer no respetan los estándares web mientras que los otros sí, las versiones más recientes corrigen ese problema pero por desgracia hay mucha gente que sigue usando viejas versiones y que por no saber que hay algo mejor siguen viendo el internet todo descuadrado y mal. Lo malo es que pueden llegar a tu sitio, que tanto tiempo te tomó diseñar y embellecer, y verlo todo de cabeza.

Adaptar tu diseño a que se vea bien en todas las versiones de IE es a veces imposible y muchas veces terminas cambiando el diseño original sólo para que éste se vea decente en todos los navegadores, lo cual es una lástima, pero depende de cada quien tomar la decisión de si quiere o no hacer su diseño apto para todos los navegadores (lo cual se vuelve difícil si intentas abarcar todas las versiones de IE).

¿Cómo saber si es necesario o no adaptar mi sitio a IE?

Aquí es donde IE Tester nos es muy útil, solamente lo tienes que descargar e instalar para ver que tan bien o mal se ve nuestro sitio en cada una de las versiones, luego, con un sistema de estadísticas averiguar que navegador es más utilizado por nuestros visitantes, yo reviso eso con Google Analytics:

Revisando el perfil de mis visitantes en general me encuentro con que Internet Explorer es el navegador que más usan, si clickeo ese navegador se desglosará en las versiones más usadas:

Ahí es donde veo que la versión 8 y 7 son de las más utilizadas, lo cual es bueno pues no son tan malas como las anteriores, pero la versión 6, en la que mi sitio se ve un poco descuadrado, todavía lo utilizan unas cuantas personas.

Entonces mis prioridades son hacer que mi sitio se vea bien en IE 8 y 7, luego la temible versión 6. Por la versión 5.5 ni me preocupo ya que el porcentaje es tan insignificante que sería mucho esfuerzo y pérdida de tiempo para un navegador que casi nadie usa (y no sé ni qué demonios hacer con la versión 999.1, por eso la ignoraré).

Si nadie usara IE pues no me preocuparía para nada, pero creo yo que es bueno que el diseñador se empeñe en hacer un sitio que se vea bien en todos los navegadores posibles (en inglés le dicen crossbrowser).

Enlaces útiles

Descarga IE Tester – Herramienta para saber cómo se ve tu sitio en las versiones distintas de Internet Explorer
Tal vez no quieras diseñar para IE y prefieras advertir a tus usuarios que su versión de navegador no les permite ver bien tu sitio, para ello te pueden servir lo dicho en Aprendiendo Web y colocar mensajes que sólo se ven en determinado navegador.
Te puedes unir a la campaña para que se deje de usar el IE 6.

100 Geniales ejemplos de fotografía de alta velocidad

kozmica — Mon, 17 May 2010 00:29:26 +0000

La fotografía de alta velocidad (high speed photography en inglés) nos permite ver detalles y hermosas imágenes que para nuestros ojos pasan desapercibidos, el aletear de un ave, el movimiento sutil del agua, todo lo podemos apreciar bien en una buena toma, en los siguientes ejemplos veremos de lo que estoy hablando:

Estas 5 imágenes solo son una probadita de las 100 que podemos encontrar en pxleyes.com, las cuales puedes encontrar en el siguiente enlace:

100 Stunning Examples of High Speed Photography