HA903 Creando un banner entre todos

Una nueva tarea del curso HA903, nos propone crear, entre todos los participantes, un banner y un afiche para dos actividades que se desarrollarán en el marco del EDUSOL 2009:
- Porque instalar no es suficiente, curso básico de GNU/Linux para personas no técnicas
- Día de la educación y cultura libre, charlas presenciales previas al EDUSOL.

Arme algunas propuestas de banner a partir de los aportes de Amanda y Marcela.
Tomé el banner de Marcela que está hecho en Inkscape y comencé a darle cuerpo a las tipografias, desde mis humildes conocimientos sobre el tema.
También reelabore los textos teniendo en cuenta el banner de Amanda y tomé la frase que ella incluyo en su banner.
Quite la direccion web del curso porque, creo que está de mas ya que al hacer clic en el banner se supone que apuntara a la direccion del curso.
En cuanto a los colores:
- Dejé la tipografía en negro, no se qué color podrá quedar bien...
- Dejé el color de fondo elegido por Marcela porque tampoco sé que color puede ser...
- Para el color de "Edusol 2009" tome el color del logo de Edusol.
- Para el color de las siluetas elegí tonalidades de grises, pero considero que se debería elegir otro color ya que las siluetas hacen referencias a las personas no técnicas posibles participantes y creo que el gris no queda bien, no sé...

Hice varias versiones:
- sólo con texto y el logo de edusol



- con los personajes creados por Marcela pero en silueta:






Espero haber realizado algún aporte en la creación del banner, aunque sea, nuevas ideas para continuar trabajando entre todos...

Guías de introducción a Gimp y a Inkscape

Para colaborar con los cursos gratuitos de Linux es Libre, armé dos apuntes básicos para comenzar a utilizar Gimp e Inkscape, los cuales incluyen funciones básicas y enlaces para profundizar cada tema (tutoriales, lista, manuales, curso HA903, entre otros). Está orientado para quien tiene muy pocos conocimientos previos sobre cada programa. Están en tres formatos para su descarga: odt, pdf y html comprimido en un archivo tar.gz. Espero opiniones y sugerencias.
Iniciándonos en la edición de imágenes con Gimp:

• La instalación de Gimp.
• Un recorrido por el entorno de trabajo y cada herramienta.
• Caja de herramientas
• Capas
• Abrir una imagen
• Guardar una imagen
• Ver propiedades de una imagen
• Modificar el tamaño (ancho y alto)
• Modificar la resolución
• Modificar el peso
• Aclarar/oscurecer una imagen
• Aplicar algunos filtros
• Enlaces para seguir aprendiendo más

Iniciándonos en la edición de gráficos vectoriales con Inkscape

• La instalación de Inkscape.
• Recorrido por el entorno de trabajo
• Crear un documento.
• Abrir un documento.
• Guardar un documento.
• Exportar a mapa de bits.
• Manejo básico de objetos.
• Crear una tarjeta personal:
  • Blanco y negro: Seleccionar y transformar, Texto, Contorno, Alinear y distribuir, Filas y columnas.
  • A color: Relleno. Contorno.
  • Con objetos: Líneas. Formas. Imágenes.
• Enlaces para seguir aprendiendo

HA903 Diseño de una web Version 2

De acuerdo a las sugerencias de la lista linuxeslibre realicé algunas modificaciones al diseño anterior:

• Aclaré el gris de los recuadros,
• Oscurecí el azul-verdoso del encabezado de los recuadros. Apliqué este mismo color al fondo del encabezado principal donde está el logo.
• Reemplacé los asteriscos por circulos para las viñetas de las noticias.
  

HA903 Diseño de una web

Hace diez días más o menos realicé un boceto rediseñando la página principal del sitio web Linux es Libre utilizando Inkscape y Gimp. También hice un rediseño preliminar del logo.
Esta actividad corresponde a la segunda alternativa propuesta como actividad de final de trimestre del curso HA903 y además lo realicé como una manera de colaborar con la comunidad Linux es Libre.
Para el rediseño, me basé en el aspecto de la página principal del sitio del día 17 de Julio del 2009, lo aclaro porque el sitio web Linux es Libre está en continuos desarrollo y actualización.
Así quedó el boceto del nuevo diseño:

Descripción

Al mirar la página principal de Linux es Libre, considero que se necesita una reorganización de la informacion para que sea más fácil la navegación por parte de los usuarios, como dice jEsuSdA en su artículo: "que los usuarios encuentran lo que buscan, navegan con comodidad y soltura por la página".
Una vez que decidí dividir la información en tres columnas, me puse a buscar diseños en las plantillas para Blogger y encontré tres, que me sirvieron de guía para crear mi propio diseño del sitio.
1. Fervens
2. Magzmo
3. o2

Procedimiento

En Gimp, realicé una captura de la pagina, recorté cada contenido y los guardé como imágenes independiente, es decir, documentos, logo, fecha, bienvenidos, anillo, búsqueda de Google, Grupos Google, páginas amigas, enlaces horizontales, enlaces verticales, etc.
En Inkscape, importé cada imagen creada en Gimp. Comencé a re-ubicarlas, a distribuirlas en la primera, segunda y tercer columnas, a decidir qué contenido descartaría por considerarlo duplicado, etc.
En otro documento nuevo, comencé a crear el boceto:
- Utilizando rectángulos modificados con la herramienta Editar nodos... para ubicar la información.
- Incorporando nuevamente el texto con la herramienta texto.
- Re-diseñando los formularios para la búsqueda y el grupo de Google. En Gimp: recorté los botones Buscar y Suscribirse y al logo de Google le quité el fondo. Los guardé como imágenes png independientes. En Inkscape, las importé, las ubiqué en su lugar y les agregué el texto.
- Para las páginas amigas, consideré que sería mejor y más sencillo, crear los enlaces sólo de texto.
- Modifiqué el aspecto para "Averigua tu actual IP y tu velocidad de conexión", donde alargué el color de fondo en Gimp, lo guardé como imagen. La importé y le incorporé texto en Inkscape.
- Rediseñé el logo (en otro posteo lo explico)
- Elegí y apliqué colores a los recangulos y al texto plano y a los enlaces.

Espero haber aportado en facilidad de lectura de la página.

Ahora sólo resta que la comunidad de Linux es Libre lo vea, opine, realicemos los cambios que se soliciten y podamos implementarlo utilizando CSS.