Currently browsing category

Diseño

Todo sobre cómo hago el diseño gráfico de logotipos, páginas web, etc…

Inkscape, un potente editor de gráficos vectoriales SVG gratuito y multiplataforma

Inkscape es un editor de gráficos vectoriales de fuente abierta (open source) similar a Adobe Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un estándar abierto del W3C basado en XML, como formato nativo.

Poco tiene que envidiar a su competencia Adobe Illustrator en relación funcionalidad/precio, ya que con Inkscape podremos realizar auténticas briguerías.

Se puede descargar desde su página oficial. Hay versiones para todos los sistemas operativos:

Código en archivo Tar – .gz
Autopaquete Linux – .package (Vea autopackage.org para instrucciones).
Windows – .exe instalador
Mac OS X Leopard — Universal .dmg, Mac OS X Tiger .dmg

¿Y si…Wall·e y EVA tuvieran un hijo? + Pack iconos gratis

walleiconsNavegando me he topado con esta curiosa imagen que ilustra lo que resultaría de la reproducción de los dos robots más famosos de Disney, Wall·e y EVA.

Me ha parecido muy gracioso, pero si lo publico es por que a la par de gracioso, es útil ya que la ilustración forma parte de un paquete de 8 iconos multiplataforma (Mac, Windows y Linux), diseñados por Artua.

Descargar: Pack iconos Wall·e

Las 4 aplicaciones de diseño que todo el mundo debería utilizar

2009-09-01_1036Hoy os enseñaré los “secretos” de mi trabajo, concretamente las aplicaciones que utilizo en mi día a día en las labores de diseño de logotipos, identidades corporativas, diseño de páginas web, etc…

Adobe Illustrator

Adobe_Illustrator_CS4Básicamente para el diseño de logotipos o diseños que deban hacerse a diferentes escalas, por lo que necesitan estar vectorizados. Por si no lo sabías, Illustrator es una apicación que trabaja con gráficos vectoriales (generados por fórmulas matemáticas), en lugar de mapas de bits (formados por píxeles). Cuando requiero hacer un diseño que se va a ampliar a diferentes tamaños, lo hago siempre con vectores ya que los mapa de bits, al agrandarse, quedan “pixelados“.

Adobe Photoshop

photoshop_iconEsta famosa aplicación la utilizo a la hora de retocar imágenes, ya que tiene muchas herramientas que facilitan esta tarea, pero también la utilizo mucho en diseño de elementos web, retocar botones, realizar banners estáticos o animados, y muchas otras cosas más. Uno de los usos que más le doy es el de otorgar efectos a tipografías, pero no para logotipos, ya que Photoshop no está destinado a las gráficos vectoriales.

Adobe Flash

Adobe_Flash_cs3Esta herramienta es muy amplia, ya que te permite hacer las dos partes de un proyecto web, el diseño y la programación. Pero centrándome en el diseño, la utilizo para realizar banners animados, mascotas animadas y demás animaciones. También para sitios web estáticos (que rara vez se actualizan), y para los dinámicos, con constantes actualizaciones y panel de control, ya utilizo algún CMS basado en flash y lo modifico al gusto.

Skitch

skitchlogoEsta curiosa aplicación de plasq, es sólo para Mac. La utilizo casi a diario para hacer pequeños bocetos, o borradores rápidos. Es una aplicación muy simple y útil a la vez. Te permite compartir de manera muy rápida todo lo que hagas, ya que tiene un servidor gratuito de alojamiento de imágenes, de hecho os pongo esta imagen de prueba para que veáis como funciona. De momento es gratuita lleva más de un año en estado de beta, pero funciona correctamente.

Ya sé que existen otras muchas alternativas, ya sean libres, gratuitas o de otros sistemas operativos, pero yo he expuesto las que de verdad utilizo, y para qué, así quizás te puedo ayudar o orientar.

10 razones por las que utilizar Magento para hacer tiendas online

magento-srcreenshots

Desde que trabajo con tiendas online, utilizo el sistema osCommerce, pero últimamente no estaba muy contento con él ya que todos los templates se basan en tablas, algo que ya ha quedado completamente obsoleto, por que ahora las páginas web se maquetan con CSS, una técnica mucho más eficiente, versátil y accesible para todos los navegadores.

magento_logo

OsCommerce tenía cosas buenas, como que por ejemplo, era muy facil de trabajar con él, modificando cosas del código fuente, tenía infinidad de contribuciones de todo el mundo, cosa que lo hacía muy potente, pero llevaba años sin actualizarse su core, e incluso todo el mundo está trabajando con una versión 2.2 en RC (Release Candidate) ya que la última versión, la 3.0 lleva años en estado de Alpha.

Magento tiene mucha más fuerza ya que detrás de éste script, a parte de estar toda la comunidad involucrada, hay una empresa que se encarga de desarrollar y mantener el núcleo del mismo, además de ofrecer soporte a las personas que quieren ayuda en sus tiendas Magento (aquí es dónde esta empresa se gana el jornal).

Si resumo algunas de las características por las que me ha pasado a Magento, serían estas:

  1. Script constantemente actualizado, por lo tanto con código óptimo y con tecnologías adecuadas al día a día.
  2. Muy fácil de instalar, mantener y añadir tanto contribuciones como plantillas/diseños.
  3. Posibilidad de múltiples tiendas para una misma empresa, así como múltiples catálogos con la misma instalación.
  4. Completo y potente panel de administración, con recursos basados AJAX, desde dónde se puede gestionar todo muy rápidamente.
  5. Posibilidad de múltiples usuarios administradores, y múltiples roles con diferentes permisos. Por ejemplo, el administrador de la página no es el mismo que el que se encarga de tratar los pedidos.
  6. Todas las plantillas están basadas en CSS y XHTML con diseños muy web 2.0, nada de tablas como osCommerce.
  7. Todo el sistema está basado en módulos que se pueden desactivar rápidamente sin preocuparnos de sus dependencias a lo largo del código fuente, ya que éstas también se desactivan en cascada.
  8. Amigable para SEO, con múltiples opciones de incluir meta información, tales como keywords específicos en productos, categorías…
  9. Tiene integrado un completo CMS para agregar páginas o bloques de contenido, cosa que con osCommerce había que hacer “a pelo”.
  10. Es un script con calidad de empresa, totalmente gratuito.

Enlace: Demo de Magento
Enlace: Demo Administración de Magento
Enlace: Foros de ayuda en español
Enlace: Blog MGNT en español
Sitio Oficial: Magento en español