Archivo para ‘Diseño’ Categoria

Skins gratis para vBulletin

Miércoles, Mayo 7th, 2008

Esta semana me toco instalar para un cliente un foro vBulletin y como me pidió cambiar el diseño por un skin gratuito distinto al que viene por defecto me puse en campaña para buscar algunas opciones gratuitas.

skins-gratuitos-vbulletin

A continuación les dejo el pequeño compilado de sitios en donde podemos descargar skins gratuitos para vBulletin:

1. Sixteenohnine: Cuenta con unas 5 opciones para descargar, de las cuales todas tienen su versión de pago, las versiones gratuitas tienen las mismas funcionalidades solo que incluyen un link en el footer. Nada grave, los skins están bastante bien.

2. Minerskinz: Este es un foro en donde los usuarios colocan las skins gratuitos que van encontrando, por aquí encontré muy buenas opciones, les recomiendo que se den una vuelta.

3. vbulletin: Este es uno de los foros oficiales de vBulletin en donde un usuario tuvo la buena idea de compartir unos 7 skins muy lindos y gratuitos.

4. freevbulletintemplates: Este sitio se especializa en skins para vBulletin y tiene en “stock” unos 22 themes completamente gratuitos, lo bueno de este sitio que se actualiza y va sumando más. La calidad de los diseños es en general muy buena.

5. forumshelp: Otro foro muy interesante, probablemente uno de los mejores que encontré, muchos usuarios compartiendo, mas de uno sube su propio skin modificado para compartir (y ganas links en muchos casos). Muy recomendable.

Bueno eso es todo, espero que esta colección de skins gratis les sea de utilidad, otra buena opción es comprarlo, por menos de 50 dólares se encuentra diseños geniales, si tienes en mente montar un foro con muchos usuarios quizás no sea mala idea invertir ese dinero.

Libro digital gratuito sobre Corel Draw X3

Martes, Mayo 6th, 2008

Hoy mi amigo Mikel coloco a disposición de todos nosotros un nuevo libro gratis de Corel Draw X3 ideal para los que estamos intentando aprender a movernos en este programa tan popular.

libro-corel-gratis

Solo leyendo las primeras secciones podremos ver temas como:

  • Descripción del espacio de trabajo
  • Operaciones con líneas, contornos y pinceladas
  • Dibujo de formas.
  • Operaciones con objetos.
  • Asignación de forma a objetos
  • Relleno de objetos.
  • Operaciones con colores
  • Aplicación de efectos tridimensionales a objetos.
  • Cambio de la transparencia de objetos
  • Operaciones con páginas y herramientas de diseño
  • Operaciones con capas
  • Adición y asignación de formato al texto.
  • Operaciones con mapas de bits
  • Vectorización de mapas de bits y edición de los resultados
  • Impresión
  • Impresión comercial
  • Publicación en PDF
  • Importación y exportación de archivos

Y eso no es todo, solamente es parte de los primeros capítulos. No hace falta decir que es un libro extremadamente completo.

Web: libro gratis de Corel Draw X3 ~ Descarga: Libro Corel Draw

53 efectos y tutoriales para Photoshop

Martes, Mayo 6th, 2008

Desde el espectacular blog Noupe me encuentro con esta selección de 53 efectos y tutoriales para Photoshop.

efectos-photoshop

Sin duda con Photoshop se puede hacer prácticamente cualquier cosa, lamentablemente lo grafico no es lo mió, pero con estos tutoriales de seguro algo voy a intentar hacer.

Lo bueno de esta selección de efectos es que están dividos por categorías, podremos ver:

  • Tutoriales efecto Glow y Neon
  • Tutorial efecto humo
  • Efectos de iluminación con luces
  • Tutoriales de efectos para textos
  • Efectos “Vintage”

Y muchas cosas más. Muy recomendable para los fans del Photoshop.

¿Tu blog no tiene un logo? Te aseguro que lo necesita

Lunes, Mayo 5th, 2008

Parte de tener un blog es intentar crear de el una marca, algo que sea fácilmente reconocible por todo habitante de la red de redes, un símbolo, imagen o tipografía que nos identifique fácilmente.

Si queremos lograr que nuestro blog se transforme en una marca reconocida es vital, además de los mejores contenidos posibles, que tengamos un logo. Algo que sea fácilmente escaneable por los ojos de nuestros visitantes, atractivo y fácil de recordar.

Luego del primer rediseño de este blog, cuando lance el script para conocer el pagerank algo que me sorprendió fue ver como muchos bloggers amablemente acompañaban la entrada haciéndose eco del script con el logo de este humilde blog, algo que me causo una muy grata sorpresa. Pero lo mas impactante para mi fue darme cuenta que esa imagen, que acompaño cada entrada, fue vista por varios cientos de personas, probablemente muchas no prestaron atención al logo en si, pero conciente o inconcientemente lo visualizaron y probablemente del numero total de visualizaciones una porción identifique esa imagen con este blog.

¿Que empresa utiliza este logo?

logo-nike

Seguro que acertaste, obviamente esta empresa invierte millones y millones de dólares para popularizar su marca, unas cifras de dinero que, al igual que yo, la mayoría de los lectores de este blog no dispone, pero eso no tiene porque ser un impedimento para intentar popularizar nuestra imagen. La mejor publicidad que nos podemos hacer nosotros es a través de los buenos contenidos, luego la estructura de la red hará el resto.

Como no soy diseñador grafico, no puedo darles consejos o pautas para que realicen su logo, no obstante les dejo algunos enlaces que me parecieron muy interesantes:

Tampoco es necesario que lo hagamos nosotros mismos, si el bolsillo da, podemos contratar a un buen diseñador para que realice la tarea, es una excelente inversión y si tienes en mente dedicarte a tu blog profesionalmente te diría que es un costo obligatorio.

PD: Hay que evitar utilizar las herramientas para generar logotipos, en especial porque con ellas perdemos la originalidad y muchas veces podemos generar un logo que ya utilicen otros sitios.

Update: Pablo Iglesias me comenta sobre otra entrada de su autoría “diseñando un logo: 5 consejos básicos” que me pareció muy buena y va muy bien con el tema.

100 recursos para hacer tu web más accesible

Viernes, Mayo 2nd, 2008

Impresionante el listado que hicieron en whdb con mas de 100 recursos para ayudarnos a que nuestros sitios sean mas accesibles.

En este listado podrás encontrar tutoriales, sitios relacionados, herramientas de comprobación, simuladores y varias herramientas de comprobación.

Vale la pena darse una vuelta.

Web: 100 Killer Web Accessibility Resources: Blogs, Forums and Tutorials

Vectores gráficos gratis

Viernes, Abril 18th, 2008

Me encantan los recursos gráficos, ahora que los sepa utilizar bien es otra cosa, el diseño sin duda no es lo mió no obstante me gusta contar con la mayoría de herramientas a la mano siempre que sea posible.

Vector4free es un directorio de vectores gráficos gratuitos, listos para utilizar. El formato de los vectores disponibles son EPS, PNG y Ai, es decir los más populares.

Graficos en vectores

Lo que me gusto principalmente de este directorio de vectores son las imágenes previas, están distribuidas con un buen tamaño que nos permiten ver sin necesidad de descargar los recursos.

Web: Vector4free

Enseñanzas de Leonardo da Vinci

Lunes, Marzo 31st, 2008

Me encanto la entrada que transcribió Elias sobre 6 consejos para diseñadores web por Leonardo da Vinci, una serie de tips que pueden ser llevados al campo del diseño web sin demasiados complicaciones. El resumen es el siguiente, para leerlo completo les recomiendo que se den una vuelta por la entrada original.

  • Sé curioso
  • No te quedes en la superficie
  • Aprovecha el trabajo de otros
  • Realiza varios esquemas antes de empezar
  • Añade mejoras
  • Cuidado con las técnicas experimentales

da Vinci

Me gustaría detenerme en la ultima “Cuidado con las técnicas experimentales” que si bien en la entrada original hace referencia al uso de nuevas tecnologías, también lo podemos interpretar desde el lado de la usabilidad de un sitio web. Algo que venimos hablando desde hace un tiempo, cuidado con inventar diseños que terminan confundiendo al usuario.

En la usabilidad algo importante es aprovechar el aprendizaje previo de los usuarios, por ejemplo saber que los usuarios siempre conocen que un sitio web tiene una cabecera, o un pie de pagina, son algunos de los conceptos que las personas van “arrastrando” desde que se empiezan a mover en la web, algo con lo que nosotros debemos liar y aprovechar.

Web: 6 Web Design Tips from Leonardo da Vinci [ENG]

Mapas vectorizados gratuitos

Jueves, Marzo 27th, 2008

Gracias a Del.icio.us fui a dar con este compilado de mapas vectoriales, un recurso que en ciertas ocasiones termina siendo muy útil, a mi me hubiese venido genial hace dos semanas.

Mapa vectorial

Podemos encontrar famoso planisferio vectorizado de diversos colores y formatos, también existen los vectores de cada país en estilo de sombras.

Sinceramente me parece extraño ya ver una imagen de un mapa que no este representado con Google Maps, por suerte hay gente que se sigue tomando el trabajo de crear nuevos recursos.

Web: spoongraphics

Como crear un personaje de dibujos animados en vectores

Martes, Marzo 18th, 2008

Muy interesante el tutorial paso a paso para que cada uno de nosotros pueda crear su propio personaje al estilo dibujos animados, utilizando vectores, si bien el proceso es bastante sencillo creo que lo más complicado es realizar el dibujo inicial.
En mi caso el saber dibujar algo es una tarea pendiente, soy bastante malo en ese aspecto, pero hay quienes hacen maravillas, y si le aplican una vectorización pueden hacer cosas realmente impresionantes.

Cartoon

Para el que tiene la habilidad de dibujar puede ser interesante esta clase de personajes, imaginen implementar su propia historieta en su blog, es algo interesante para hacer branding de su marca.

Bueno sin más rodeos les dejo a disposición el tutorial para hacer sus propios personajes de dibujos animados.

Tutorial: How To Create Your Own Vector Cartoon Character

Galería de plantillas gratuitas para blogger

Martes, Marzo 18th, 2008

Encuentro gracias a Delicious un nuevo sitio que funciona a modo de directorio de plantillas para blogger. Btemplates esta tan bien diseñado que me animo a pensar que en poco tiempo se pueda convertir en la galería de plantillas para este sistema de referencia.

Plantillas para blogger

Esta muy bien realizado esta galería ya que todas las plantillas estan divididas por categorías, también son calificadas por los visitantes, hasta el momento las plantillas que pude ver están muy bien seleccionadas y en su gran mayoría son de muy buena calidad.

Así que si utilizas Blogger que esperas para cambiar el aspecto de tu blog :D

Web: btemplates