Eligiendo los colores para tu diseño

esto es siempre un problema,así que…

hay que tener en cuenta 4 variables:

1- tener el cuenta en cuenta el “target”: esto es básico en el marketing y el diseño,ahí que buscar los posibles tipos de visitantes van a visitar la pagina ahí varios tipos de visitantes,que son:

-los niños: visitan para entretenerse,jugar o por solo mover el mouse,dales un aspecto bonito y simple de navegar ademas de usar un lenguaje claro.

-los estudiantes: estos buscan imformacion accesible y una navegación rápida,dale los que quieren,es fácil,un buen ejemplo es la wikipedia.

-profesionales: esto engloba a los que a los que ya desempeñan cierta actividad profesional ya sea el diseño,la arquitectura,la construcción,etc.

-Los ciudadanos: esta es mas general,se trata de un sitio para los ciudadanos como los del gobierno o los de política.

-los veteranos: personas mayores,necesitan una interfaz simple y alto contraste entre texto y fondo.

2- Elegir colores apropiados para la actividad: crucial,no tengo mucho que decir,tendran como ejemplo imformacion mas abajo.

3- No utilizar demasiados colores: al menos no para fondos y texto,pero,las imagenes,siente libre de usar los colores que quieras.

4- debe ser legible: obvio.

Ahora, cortesía de http://www.infoeditores.com/ aca les traigo una lista de varios colores con sus significados:

Rojo: acción, energía, fuerza, pasión, fuego, calor, energía, ambición. Un color masculino fuerte. El rojo es un buen color para llamar a la acción. El rojo es entusiasmo, y calor. El color de rosa es una versión suave del rojo y es el más asociado con el romance, pero es un color femenino.

Azul: confianza, trascendencia, libertad, verdad, profesionalismo, abundancia y energía. También tranquilidad, confiabilidad, aceptación, paciencia, comprensión, cooperación, comodidad, lealtad y seguridad. Es uno de los colores que calman y se asocia al cielo y el mar, la inteligencia y la confianza. El azul también se ha asociado a la supresión del apetito, así que no sería bueno para los libros de cocina o recetas, pero puede utilizarlo para las actividades o productos asociados a dietas.

Verde: dinero, abundancia, prosperidad, calma, salud, alimento, naturaleza, esperanza, crecimiento, frescura, el compartir, y la sensibilidad. El verde simboliza la renovación y la fertilidad.

Anaranjado (naranja): salud y vitalidad, otoño, juventud, fuego cálido, valor, confianza, amistad, calor, entusiasmo y energía estimulante. Se ha asociado a la estimulación del apetito. Vibrante y caliente, el color naranja se asocia al otoño y a la tierra.

Amarillo: luz, pureza, comprensión, precaución, brillo, inteligencia, alegría, organización, actividad. El amarillo representa a menudo al sol, el calor y la luz, la energía y la felicidad.

Púrpura: dignidad, sofisticación, creatividad, espiritualidad y misterio. El morado oscuro se asocia a los derechos y a la riqueza, mientras que la lavanda se asocia a romance y a nostalgia.

Marrón: credibilidad, estabilidad, el hogar, la tierra, la madera, la comodidad y la fuerza. El marrón se puede utilizar como un color neutro o color caliente, se adapta al contexto (Por ejemplo las aberturas de madera no solo quedan bien en su color natural, sino que son casi un toque obligado en el diseño).

Negro: espacio, noche, autoridad, dramático, confiado, seriedad, energía y dureza, elegancia, y sofisticación.

Blanco: pureza, paz, perfección, frescura, facilidad, limpieza, calidad y espiritualidad. El blanco representa la vida y la unión en la cultura occidental tradicional, pero representa muerte y dolor en culturas orientales.

Gris: un color conservador, simboliza la seguridad, madurez y confiabilidad.

Recuerden,también pueden usar un color que represente el producto que tratan de dar.

Espero que les sirva.

Anuncios

Convertir Vectores y imagenes a CYMK con Scribus

Bueno,si hay algo que nos enoja a los Diseñadores Gráficos que usamos software es que ni Gimp ni Inkscape tienen un buen soporte para CYMK.

Pero bueno,tenemos a un poderoso compañero: Scribus.

El si maneja CYMK,es muy estable y esta bien preparado para exportación a PDF.

Ahora algo simple es transformar uno de nuestros Vectores (hechos en inkscape) o nuestros BitMaps (Hechos en GIMP) en CYMK.

Abramos Scribus y importemos los gráficos que necesitemos

cuando tengamos todo lo que necesitemos convertir,continuemos

Ahora vamos a: Editar>Colores y entraras a un menú con la lista de colores. Selecciona el que quieras convertir de RGB a CYMK (o viceversa) y le das clic a botón Editar.

Esta ya es la ultima parte,ahora es simple y lo explicare clara y gráficamente:

Ahora,esto es simple,en Modelo de color ponemos CYMK ( o si queremos,RGB para webs).

Ahora,si ves que al transformarse el color tiene algún defecto,retoquen un poco con el color picker de la derecha y listo.

Saludos.

Si es posible trabajar para imprentas con software libre

Estaba hablando con Joaclint Istugud (alter-ego de Joaquín herrera),mi diseñador grafico favorito y casualmente, el también usa 100% software libre para diseñar,claro,yo me e ido mas por el lado de diseño web, al contrario de el.

Le pregunte:

No tienes problemas para imprimir los trabajos que haces en GIMP?.

Y le e contado como trabajo:

“Primero preparo todo y retoco lo que necesito en GIMP,luego con ya las imagenes y todo listo armo la tarjeta en Inkscape y la exporto a .png y luego,en scribus tomo una hoja del tamaño que necesito ( A4 o lo que me diga la imprenta) y luego voy copiando la tarejta y poniendolas en orden (dejando un margen entre capa una claro esta) y finalmente,lo guardo como PDF para impresion (que lo que hace es que guarda el PDF y todo como CYMK)”.

Y me a dicho:

“Prueba el plug-in de Gimp Separate+. Te crea un Tiff en formato con toda la información CMYK, Incluso te permite trabajar con los perfiles de color que prefieras. Lo normal es usar los de Adobe que están disponibles para libre descarga.
Ese Tiff creado por Separate+ también lo puedes convertir en PDF con CMYK en Gimp con Cmyk_tiff_2_PDF.
Usar Scribus también es posible pero ten en cuanta que es seguro que echará mano de los perfiles de color que tengas en usr/sare/color/icc, igual que hace el plug-in Separate+”.

Ahora el problema es que por motivos varios uso Windows y no me arrepiento de decirlo,pero es que linux me da problemas (aunque pienso comprarme un PC que trae Linux Debian instalado).

Pero,vamos,usr/sare/color/icc es para linux, en Windows esta en algún sitio de la carpeta de usuario.

La conversación se me a hecho interesante  y la verdad coincidimos que desde hace poco se puede trabajar en Software Libre sin problemas ya sea para Diseño grafico para imprenta o para web y multimedia.

Ahora, bueno, la conclusión es SI SE PUEDE, solo hay que seguir las recomendaciones que dimos arriba, la de joaclint en caso de una tarjeta de presentación hecha 100% en UIMP y  para el resto, el mío, también puedes usar separate+ para GIMP para el TIFF y trabajar con el en los distintos programas.

Es mas,jesusda tambien trabaja con software libre y lo que hace es que trabaja en gimp y luego exporta a CYMK con Krita.

Espero que les haya sido útil.

maquetando un sitio y as button generator – generador de botones para tus web

me encontre con un generador de botones que e usado en un diseño que el estoy haciendo a Daker software (una compañia de software y diseño y programacion web a la que me uní,es nueva).

lo interesante de este diseño es que e usado muchisimo Inkscape y paint,el pobre gimp se debe sentir solo xD.

Bueno,tengo planeado un post todo mostrare los pasos para diseñar y programar un sitio,usando como ejemplo este diseño (el de daker software),lo explicare con el software que yo uso,asi mismo mostrare alternativas para cada programa ( <por desgracia>entre las alternativas pondre las de Adobe </por desgracia> ).

ya tenemos mini-banner,ENLAZANOS!

hola,ya tenemos un minibanner para que nos enlaces y nos ayudes a crecer:

si usas xhtml:

<a href=”https://josewebmasterlibre.wordpress.com/”><img src=”http://img842.imageshack.us/img842/9989/bannerfn.png&#8221; alt=”ir a josewebmasterlibre.wordpress.com” /></a>

si usas html:

<a href=”https://josewebmasterlibre.wordpress.com/”><img src=”http://img842.imageshack.us/img842/9989/bannerfn.png&#8221; alt=”ir a josewebmasterlibre.wordpress.com”></a>

E-books sobre diseno web con software libre

aca les dejo unas descargas de unos e-books sobre diseno web con software libre,algunos son tambien de fotografia o de diseno grafico pero bueno,es parte de lo que un buen webmaster debe saber.

Diseno web con kompozer:

bueno,aunque,como yo,escribas tu codigo a mano,vale la pena aprender a usar kompozer para ahorrarte buen tiempo o para hacer algo algun detalle en CSS que se te a olvidado ( como hago yo 😛 )

Javascript

una vez uses kompozer,aprende javascript,ahora podras denominarte “webmater amateur”

XHTML:

HTML.. No necesita presentacion.

CSS Basico:

ya casi puedes llamarte webmaster freenlancer.

manual de gimp

todo disenador web o grafico con software libre debe saber usar GIMP.

Manual de OpenOffice

estoy loco?,no,lo necesitaras con el tiempo.

inkscape logo a logo

vectores,escencial.

bueno,me despido,aca ya tienen mucho para leer :D,recuerden que para descargar solo denle click a las imagenes

de vuelta a lo basico

Ultimadamente como vereis me mude a bluefish,pero en windows aun tiene pequeños problemas,asi que volvi a lo anterior y me quede con mis programas favoritos:

-Kompozer
-Notepad++ (en linux y mac recomiendo y uso bluefish,pero,en windows,mi querido
notepad++ no es superado :D)
-Gimp
-Inkscape
-Photoscape (reemplazable con cualquier visor de imágenes)
-Dia (mi compañero inseparable para planificación y diagramación web)
-Abiword (como corrector ortográfico y para archivar textos)
-Filezilla (insuperable FTP libre y que sirve en todas las plataformas)

y también me gustara informaros que estoy creando plantillas que subiere en una nueva sección de este mismo blog,se podrán descargar gratuitamente y sin ninguna restricción en su uso,todos están basadas en los estándares y en la accesibilidad,sin olvidar la vistosidad y fácil mantenimiento y edición.