22 Dec 2011

Algunas aplicaciones recomendadas...

Hola a todos!

Dejo por acá, de acuerdo a lo conversado en clases, algunas aplicaciones destacadas aplicables en el campo del diseño (algunas no tanto). Muchas de ellas son gratuitas, otras muy accesibles:

Mypaint-2011-screenshots-concept_12

Almacenamiento online:

  • Dropbox - Con opciones para compartir archivos.
  • SugarSync - IDEM; además permite compartir carpetas con privelegios de uso y ofrece un poco más de espacio gratuito.

Diseño:

  • Inkscape - Diseño vectorial libre. :)
  • Scribus - Maquetación editorial Open Source
  • Gimp - Edición de imágenes gratis.
  • MyPaint - Herramienta gratuita para pintura digital. (Ver también)
  • ArtWeaver - Otra herramienta para el tratamiento de imágenes muy destacada. Interfaz muy similar a Photoshop.
  • IrfanView - Un visor muy efectivo. Gratuito para uso no comercial.
  • Blender - Diseño 3D de alto nivel, gratuito, open source.
  • Alchemy - Herramienta con posibilidades de trazos aleatorios, muy buena.
  • Project DogWaffle - Dibujo y pintura digital gratis, cuya versión se ha quedado un poco en el tiempo, pero muy interesante.
  • Harmony - Una joyita online para jugar un poco con sus herramientas.
  • ChibiPaint - Otra joyita, esta vez es una aplicación realizada en Java, con resultados interesantes.
  • ColorSchemer Studio - Permite generar gamas y esquemas cromáticos. No es gratuito, pero creo que debe estar aquí. Permite trabajar también con  http://www.colourlovers.com/

Diseño Web:

  • BlueGriffon - Editor gratuito para html, CSS y otros. Soporte para HTML5 y CSS3.
  • FileZilla - FTP gratuito.

Sonido:

  • Audacity - Edición de sonido gratis.

Oficina:

  • Libre Office - Similar a Open Office (versiones gratuitas similares a MS Office).
  • FreeMind - Graficación de mapas mentales, gratuito.
  • Evernote - Notas sincronizadas online, con una versión de cuenta gratuita.
  • CintaNotes - Notas de texto plano gratuito. No tiene sincronización online, pero es posible establecerla usando alguna opción de almacenamiento online.
  • KeePass - Almacenamiento de contraseñas con versión portable.
  • EssentialPIM - Organización de información personal con una versión gratuita.

Faltan muchos, así que queda abierto a quien tenga alguna aplicación más para compartir.

Felices Fiestas!

Plácido Luna.

http://www.octubre.com.uy

19 Oct 2011

Algunos factores a considerar durante el diseño de un sitio web

Las siguientes son algunas observaciones genéricas obtenidas de revisiones de los procesos de diseño gráfico de sitios web en clases:

  • En general, es importante mantener un criterio uniforme en la generación de los elementos de las distintas páginas. Esto es: medidas de las imágenes, márgenes, tipografías, tamaños de fuentes, colores de textos, interlineados, espacios en blanco, etc.
  • Respecto al punto anterior, específicamente para el caso de las imágenes, mantener algunos tamaños específicos para todo el sitio nos permitirá "reutilizar" las mismas en cualquier sección del mismo sin que se afecten posibles distribuciones o márgenes entre elementos (galerías de imágenes, columnas o filas de fotos, etc.):
    Margenes
  • Al recortar o redimensionar imágenes, hay que tener en cuenta que FW puede "suavizar" los bordes de las mismas en algunos casos, cosa que habrá que tomar en cuenta, ya que puede darse que el tamaño visual no coincida con el tamaño en pixeles de la imagen. Ejemplo:
    Fundidos
    Además de los tamaños de imágenes, sucede lo mismo con otros elementos tales como publicidades y menús en Flash, titulares, cuerpos de textos, etc. Específicamente, para el caso de los textos, es importante mantener una coherencia visual en los mismos para mantener la atención del usuario en los contenidos y no en cambios del diseño.

Mantener constantes éstos y otros elementos, durante el diseño gráfico de un sitio, ayudará luego durante el proceso de maquetación mediante html y css.

Saludos para todos!

Plácido Luna.

30 Dec 2010

Ejecución de HTML & XHTML

http://www.w3.org/International/articles/serving-xhtml/Overview.es.php

Extracto inicial de la página del W3C:

Audiencia de destino: codificadores de XHTML/HTML (que usen editores o lenguaje de script), desarrolladores de CSS, desarrolladores de sistemas de escritura (PHP, JSP, etc.), gerentes de proyectos web, y todo aquel que necesite una introducción sencilla sobre los modos standards y quirks, y acerca de qué rol desempeñan las declaraciones DOCTYPE y XML en relación con dichos elementos. También resulta muy útil como material de referencia para aquellos de deseen saber cómo declarar la codificación de caracteres de sus documentos.

En este artículo se describe brevemente cómo el servidor envía el XHTML al agente de usuario (por ejemplo, un navegador), y cómo los agentes de usuario comunes procesan el lenguaje de etiquetado que reciben. Se describen temas vinculados específicamente con la implementación más que estándares W3C.

Estos temas se relacionan con el material cómo declarar la codificación de caracteres de un documento HTML o XHTML. Esta información también resulta de gran utilidad para explicar por qué ciertos aspectos de estilos CSS no aparecen de la manera esperada, o varían de un agente de usuario a otro.

30 Dec 2010

Declaración de accesibilidad

http://mosaic.uoc.edu/ac/le/es/m0/accessibilitat.html

Según se adelanta en la propia página:

"Esta página ha sido desarrollada con la intención de cumplir un nivel de accesibilidad de nivel AAA según las directrices de la Web Content Accessibility Guidelines (WCAG)

Continúan en: http://mosaic.uoc.edu/ac/le/es/index.html

Con algunos datos para actualizar, pero con un contenido bien organizado, claro... y para quienes lo piden, en español :)

Plácido Luna's Posterous

Diseño Web, Diseño Gráfico, Cursos y Talleres Gráficos Personalizados