May 08

fuente-blokk

Tanto si eres diseñador gráfico, como diseñador web, estoy seguro que te habrás enfrentado más de una vez a clientes que parece que no entienden español, o que te piden un diseño y pasan de facilitarte un texto decente. ¿Y quién nos manda a nosotros a hacer el trabajo de copy? Con esta fuente, seguro que pillarán la indirecta. Una tipografía genial que sustituye el alfabeto latino por bloques. ¡Sencillo y efectivo!

Descargar fuente Blokk

Apr 30

tutorial-texto-metalizado

Si quieres obtener un texto con la textura metalizada de la imagen que acompaña estas líneas, sólo tienes que invertir algo de tiempo en seguir este magnífico tutorial de photoshop. Incluye fuente, texturas y pinceles necesarios para llegar al resultado.

Ver tutorial photoshop texto metal

Apr 28

fuente-signika

Interesante tipografía, gratis, con 4 pesos diferentes. Acabados redondeados y un set de pictogramas y flechas.

Descargar tipografia gratis Signika

Apr 16

consejos-tienda-online

Montar una tienda virtual, y que además venda, no es una tarea especialmente sencilla. Influyen infinidad de pequeños detalles que determinarán su éxito. A continuación os revelo 7 claves fundamentales:

Garantía de reembolso.

Internet es un sitio “inseguro” por naturaleza. Nadie sabe realmente qué, o quién, se esconde tras una tienda virtual. Es por eso que la gente necesita una muestra de seguridad por tu parte y ¿qué mejor que devolverle el dinero al cliente si no está satisfecho con la compra? Creas compromiso, seguridad. Acompaña el diseño de tu tienda con algún banner o call to action donde expliques cómo y cuándo se aplica la garantía.

Prueba gratis.

Si tienes la opción de ofrecer muestras, demos o triales (en caso de software) tendrás a muchos clientes desconfiados un paso más cerca de comprar en tu sitio. ¡Está demostrado! Cuando un cliente ha comprado o probado una tienda, siempre hay más posibilidades de que lo vuelva a hacer en esa tienda y no en otra de la competencia.

Buscador y guías

Tu tienda necesita que ningún usuario se pierda o dude de cómo usarla, debe ser accesible y sencilla. Una miga de pan (breadcumb), un teléfono de asistencia telefónica, un buen buscador… son detalles que pueden ayudar mucho a que el cliente sepa dónde se encuentra, cómo acceder a ciertos contenidos, etc. Si dispones de muchos contenidos, como por ejemplo en este servicio de comida a domicilio en DF con Sindelantal México, no será mala idea si estos aspectos toman el protagonismo de todo el diseño inicial.

Satisfacción 100%.

Si la inseguridad sigue siendo un problema en los visitantes de tu web, entonces sería buena idea que entrevistaras a tus antiguos clientes para que fueran partícipes de artículos, entrevistas y encuestas de satisfacción. Con su consentimiento, podrías subir estos resultados a la tienda para que todos vean lo bien que les ha ido a otros consumidores contigo. ¡Los “Casos Reales” están de moda por algo!

Fotos de calidad.

El escaparate de una tienda virtual son las fotos de sus productos. Deben ser grandes, bien definidas y que muestren todas las partes interesantes del producto: fotos frontales, superiores, laterales, etc. No racanees a la hora de subir fotografías de todo tipo, si alguien está interesado en un artículo no hay nada como observarlo desde todas las posiciones y formas posibles. Una buena galería de imágenes por cada producto es de vital importancia. ¡No olvides marcar tus fotos con sellos o con tu propia marca para que no te las copien!

Descripciones únicas y originales.

¿Qué es lo que diferencia a una tienda de otra si ambas venden el mismo producto? Los contenidos. La información. Es importante que despliegues tanta información como dispongas del producto y que, además, sea un texto “artesanal”, hecho por ti, que no de lugar a ninguna opción de encontrarlo repetido. Google valora mucho la originalidad de los contenidos, si creas algo que no tiene nadie mas, serás premiado con un mejor posicionamiento. Para ayudarte en esta tarea, es buena idea que dispongas de un sistema de comentarios donde otros usuarios puedan contar sus experiencias, añadir más información y extender la ficha del artículo.

¡Olvida plantillas y sitios precocinados!

Internet está invadida por cientos de sitios donde montar tu tienda online en pocos pasos, a precios muy económicos, a base de plantillas y código precocinado. Es importante que, si realmente tienes interés en que tu tienda funcione, inviertas un dinero en hacer un sitio 100% a medida. Diseñado y maquetado de forma “artesanal”. ¿Qué crees que hará Google cuando vea que la estructura, código y diseño de tu web es idéntica a la de otros cientos de sitios? Seguramente te será muchísimo más complicado posicionar tu web que a otra persona con una tienda personalizada y realizada por un estudio de diseño y programación profesional.

Apr 11

icheck-input-checkbox-personalizados

Uno de las mejores opciones que he encontrado para personalizar checkbox y radio buttons es iCheck. Obtendrás un diseño idéntico, tanto en plataformas móviles como monitores. Control táctil. Acceso por teclado (tabular, espacio, etc.) ¡Y todo en 1KB!

Lo mejor, además, es que tiene opción de descargar temas personalizando el color.

Visitar icheck – Personaliza radio buttons y checkbox

Apr 08

coallition-gear-of-wars-fuente

Una fuente muy trabajada con efecto grunge o suciedad en las mayúsculas (podéis obtener la letra sin suciedad en minúscula). Tanto de una forma, como de otra, todo estará en mayúsculas. Imita a la perfección la tipografía de Gears of War.

– Descargar fuente Coalition – La tipografía de Gears Of War

Apr 05

tutorial-photoshop-efecto-fuego

Genial tutorial para Photoshop, con un acabado impresionante. Incluye los recursos utilizados y un paso a paso bastante detallado. Si quieres darle un efecto igneo a tus textos no te puedes perder este tutorial.

Ver Tutorial Photoshop Texto Magma

Apr 02

tutorial-svg

SVG es la extensión de aquellas imágenes con formato vectorial. Prácticamente, tal y como lo harías en Illustrator. Es fácil de implementar una imagen SVG en tu Web y tiene muchas ventajas:

  • Se pueden redimensionar sin perder calidad. Perfecto para Webs Responsive.
  • Se ven perfectas en pantallas de alta resolución (como la Retina de iPad).
  • Son interactivas, se les pueden aplicar efectos y cambios mediante código.

En este artículo encontrarás numerosos consejos y ayuda para trabajar con este formato ahora tan de moda.

Leer tutorial sobre el formato SVG

Apr 01

photoshop-corner-editor

¿Cuántas veces habéis tenido que destruir una forma porque teníais que cambiar la fuerza del redondeo de la esquina? ¡Yo muchas! Es por eso que con esta herramienta, no sólo ahorraréis tiempo evitando tener que borrar y crear una forma para ir probando esquinas, si no que también tenéis opciones añadidas como esquinas interiores y suavizadas o poligonales. ¿Podrían integrar algo así en Photoshop CS7 verdad?

Descargar Corner Editor para Photoshop

Mar 24

cocacola-comic-sans

Comic Sans nació en 1994, su autor, Vincent Connare, era diseñador gráfico de Microsoft y tenía en mente hacer una familia que se pudiera utilizar en Microsoft Bob. Bob era un intento de mejorar la interfaz Windows 3.1, no lo consiguió, fue uno de los mayores desastres de la compañía.

Curiosamente, Connare, se inspiró en los viejos comics de Watchmen. Su idea era que acompañara los infantiles diseños de Bob pero, Microsoft, no la incluyó en este paquete y la relegó a ser una de las fuentes pre-instaladas del sistema Windows 95. La criatura se había liberado.

Es a partir de entonces cuando, su uso, inapropiado en la gran mayoría de los casos, le ha llevado a la fama. Elemento diferenciador entre personas de mal y buen gusto, profesionales y aficionados, etc. Podríamos decir que es la Belén Esteban de las tipografías. La tipografía del pueblo.

¡Se ha usado para todo! Carteles, pancartas, exámenes, notas de prensa, documentos oficiales, presentaciones…

  • Ha sido nombrada por la revista Times como uno de los peores 50 inventos de la historia.
  • En The Independent: “No está diseñada correctamente, no está pensada para ser impresa pero, sin embargo, es raro pasar un día entero sin verla.”.
  • La presentación del anuncio del descubrimiento del Bosón De Higgs se hizo en Comic Sans.
  • Fue objetivo de Google, en el April Fool’s Day. Al realizar la búsqueda de Helvetica, aparecían todos los resultados en dicha fuente.
  • Will Wright tuvo el mal gusto de utilizarla en Los Sims.

Todas las tipografías tienen una finalidad, propósito, personalidad… ¿Qué es entonces lo que esta fuente hace sentir en tantos usuarios para que sea utilizada fuera de contexto? Como diría Risto, Si dices o haces algo y no molesta a nadie, es que no has dicho o hecho nada. Esta fuente otra cosa no sé, pero molestar, ha molestado muchísimo. Quizás sea eso el ingrediente secreto de su éxito.