Mostrando entradas con la etiqueta Diseño. Mostrar todas las entradas
Mostrando entradas con la etiqueta Diseño. Mostrar todas las entradas

Tableyes (diseñar con tablas)

Tableyes design es un blog que justifica el uso de tablas en el diseño de un sitio web

Segun el concepto tableyes:

  • Son mas rápidas (es de vago y de poco conocimiento).

  • Es mas simple (formatear los elementos HTML con CSS es simple, la compatibilidad con navegadores lo hace complicado).

  • Es mas flexible (mas flexible que diseñar con CSS???????????)

  • Combinadas con CSS dan exactamente los mismo resultados que los DIVs (solo resultados estéticos, un sitio web no es solo un diseño)


Las ventajas mas importantes que tiene el usar los elementos HTML para lo que fueron creados (ya sean etiquetas de división, encabezados, listas, párrafos, ext) es que la estructura del código es mas ordenado, mas fácil de actualizar y en el caso especifico de comparar DIVs con tablas, un sitio estructurado con DIVs y CSS lleva de 3 a 4 veces menos código (siempre y cuando se usen donde corresponde), lo que lo hace mas liviano de descargar, mas rápido de desarrollar y mas simple de estructurar.
CSS nos permite cambiar la naturaleza de los elementos, incluso simular tablas o celdas de ser necesario, esta característica de CSS hace tan o mas flexible el desarrollo de un sitio web sin tablas que con tablas.


Tablas vs DIVs


Las tablas no pueden compararse con los DIVs porque los DIVs no son el único elemento que se usa al desarrollar una pagina, si para esto usamos exclusivamente DIVs la cantidad de código puede ser igual que si lo hacemos con tablas.
Lo que se debería comparar es un sitio estructurado con tablas y uno sin tablas, en cuanto a facilidad de desarrollo pueden que ganen las tablas, en cuanto a semántica, facilidad para actualizar, velocidad de descarga, orden en las estructuras, menos tiempo de trabajo, ext, creo que las tablas no son la mejor opción, lo mejor es usar las tablas para lo que fueron creadas, presentar datos tabulados.

(Sin mencionar los estándares establecidos por W3C que deberíamos respetar, los mejores resultados que se consiguen en los motores de búsqueda, y todos los beneficios que tiene un cliente con un sitio web bien echo.)

5 principios del diseño

La tecnología sirve a los seres humanos


Con demasiada frecuencia las personas se culpan a sí mismos por las deficiencias de la tecnología.

Cuando su computador se bloquea, dicen: "debo haber hecho algo tonto", si un sitio web está mal diseñado, ellos dicen "debo ser estúpido, no lo encuentro”, incluso podrían recurrir a un libro a prueba de tontos para tratar de hacerlo bien.


Esto es horrible!!! La gente nunca debe sentirse como un fracaso cuando usa una tecnología.
Al igual que el cliente, el usuario siempre tiene la razón, si el software falla es el diseñador de software tiene la culpa, si alguien no encuentra algo en un sitio web es el diseñador el que tiene la culpa. Esto no significa que el diseñador tenga que colgarse de la vergüenza… deben ver esto como un aprendizaje! La gran diferencia entre los buenos y malos diseñadores es como estos llegan a las personas luchando con el diseño.

La tecnología sirve a los seres humanos, los seres humanos no sirven a la tecnología.


Diseño no es Arte.


El arte es acerca de la expresión personal, se trata de la vida, las emociones, los pensamientos y las ideas del artista. Importa muy poco lo que hacen los observadores, su actividad no es necesaria, sólo su reconocimiento,la práctica del arte no requiere de ellos. Es una actividad necesaria para el artista y el artista.


Diseño, por otro lado es acerca del uso. El diseño necesita a alguien que use (no solo aprecie) la cración, un diseño no sirve sin personas que lo utilicen, un diseño ayuda a resolver los problemas de las personas. El mayor elogio que podemos otorgar a un diseño no es que es hermoso como lo hacemos en Arte, pero si que es bien utilizado.


A diferencia de Arte, Diseño es siempre contextual. Es importante que un diseño fue creado debido al contexto de su uso: qué problema se supone que resuelve? Y para quién? En qué momento? Es por ello que el diseño esta relacionado con la tecnología, la tecnología cambia tan rápidamente que requiere cambios en nuestros diseños. Un diseño que trabajó hace diez años tal vez ni siquiera valdría la pena considerarlo hoy en dia, la historia está llena de maravillosos diseños que ya no son necesarias.


El buen Arte, por otro lado, está siempre en el estilo, Agradecemos el David de Miguel Ángel a pesar de que podría recrear un millón de ellos porque es la expresión y el trabajo duro de un solo hombre, que nunca se desvanecen. Un buen Diseño depende de la edad en la que se hace y el problema que debe resolver, pero no el Arte, el Arte no tiene tiempos.


La prueba de fuego, cuando la gente disfrutar de Arte, dicen "me gusta", cuando la gente disfrutar de Diseño, dicen "funciona bien". Esto no es por accidente, un buen Diseño es algo que funciona bien.


La experiencia pertenece al usuario


Los diseñadores no crean experiencias, crean artefactos para la experiencia.
Esta sutil distinción hace toda la diferencia, ya que el diseñador crea lugares al servicio del usuario, y no al revés. Esto no excluye la innovación, no impide a un diseñador saltar más allá de lo que es aceptado como estado de Arte, simplemente significa que la experiencia de un diseño no sucede simplemente porque el diseñador dice que lo hace, ocurre cuando un usuario realmente lo siente.


En última instancia, la experiencia es algo que ocurre en el usuario, y es de ellos propios.


Un buen Diseño es invisible.


Una interesante propiedad de un buen diseño es que se da por sentado, funciona tan bien que nos olvidamos del esfuerzo creativo que nos tomo.
A veces igual que con la cuchara, el objeto es tan simple que parece obvio, y haciendo caso omiso de que en un momento de la historia no fue así.

Otras veces igual que con el automóvil, el objeto es tan sofisticado pero fácil de usar que estamos cegados al hecho de que millones y millones de horas hombre se necesitaron para llegar a ese punto. Eso es la vergüenza… todo gran diseño tiene una rica historia, y cada diseño tiene detrás de sí un diseñador o diseñadores que trató de hacer del mundo un lugar mejor por la solución de algún problema.


Un mal diseño es evidente, porque duele al utilizar, es incómodo, difícil y complejo. En una gran ironía del mundo, el mal diseño es mucho más fácil de ver que un buen diseño, se nos mete en la cabeza debido a su éxito, un gran diseño es a menudo invisible.


Simplicidad es la máxima sofisticación


Como Saint Exupéry dijo: "En cualquier cosa en absoluto, la perfección es finalmente alcanzada, no cuando ya no hay nada que agregar, sino cuando ya no hay nada que quitar.”
La simplicidad esta pisando una línea: Saber qué conservar y qué tirar… parece magia cuando funciona, porque nada de la complejidad se transfiere a los usuarios… sólo simplicidad. Ese es el mayor logro para un diseñador.


por Joshua Porter


Articulo original en ingles: five principles to design by

Que es CSS tableless o layout tableless

Últimamente cuando hacen ofertas de empleo en foros o sitios de teletrabajo solicitan maquetación XHTML – CSS tableless y eso desconcierta un poco al que nunca escucho hablar de tableless.


Tableless es simplemente maquetar sin tablas, armar la estructura con DIVs y editarla con CSS.

Este tipo de maquetación es la mas usada en blogs, por lo general son estructuras de 2 o 3 columnas, header (cabecera) y foot (pie), otra característica de layout tableless es que son diseños centrados y con ancho fijo.


El concepto fue adoptado a mediados del 2006 cuando las nuevas versiones de los navegadores empezaban a soportar un mayor porcentaje de estándares y CSS (a excepción de Explorer que siempre fue rebelde), hacer un diseño de 3 columnas con DIVs y CSS era tan censillo como hacerlo con tablas, pero la estructura mantenía su semántica.


Pero… hacer un layout tableless no significa llenar indiscriminadamente de DIVs la estructura HTML con propósito de presentación y diseño, lo ideal es usar y aprovechar todos los elementos HTML como encabezados, listas, párrafos, vínculos, agrupaciones, ext. (w3c ofrece una guía de referencia XHTML en español donde se pueden ver los elementos, semántica, nombre, tipo, atributo, definición, ext).


Herramientas


W3 Tableless es una herramienta online que comprueba si las páginas de un sitio usan tablas o usan CSS para organizar la estructura y diseño.
W3 Tableless presenta 2 resultados:
Primero si la pagina sigue las recomendaciones W3C.
Segundo si la pagina es 100% tableless, o sea, que no contiene ninguna tabla (las tablas fueron echas para presentar datos tabulados y no esta mal usarlas cuando es debido).
Si la pagina es tableless automáticamente la registra en su directorio de paginas tableless.


Existen varios software WYSIWYG (What You See Is What You Get) tableless que facilitan la maquetacion con DIVs y CSS, lo único que uno hace es dibujar cajas y el código va saliendo con DIVs y sus identificadores.


Yo recomiendo Dreamweaver y escribir código a mano.


Mas información en Wikipedia.

SEÑAL.08 Quinto Encuentro de Comunicadores Visuales


Señal.08 es el Quinto Encuentro de Comunicadores Visuales, a realizarse el 6 y 7 de junio de 2008 en la ciudad de Corrientes (Capital) en el Salón Gran Paraná de Casinos del Litoral.

Contando una vez más con el Aval de la Secretaría General de Extensión Universitaria de la Universidad Nacional del Nordeste. Sus organizadoras son Laila Dacunda, Fiorella Di Giuseppe y Eugenia Resoagli.

Se desarrolla en corrientes desde 2004, y si bien no tuve el gusto de asistir, vi la charla de las chicas que lo organizan en un Trimarchi, y me pareció genial como iniciativa.

Los disertantes de este año son:

Luciano Cassisi
Consultoría y Diseño
http://www.cassisi.com.ar/
http://www.foroalfa.com/

Rodrigo Weiberlen
Director general de Oniria
http://www.oniria.com.py/

Santiago Idelson
http://www.pattern.tv/

Laura Varsky
Diseñadora gráfica
lauravarsky.com.ar

Christian Montenegro
Illustrador
http://www.christianmontenegro.com.ar/

Mariela Castillo
Sebastián Blanco
Maia Losowska
Diseñadores gráficos
http://www.ants.tv/

Ignacio Leibovich
Director en U75 Interactive Design desde 2004
http://www.u-75.com/

Christian Borrone
Director en U75 Interactive Design desde 2004
http://www.u-75.com/

Piero Buona de Difícil Studio
http://www.dificilstudio.com/

Les prometo que este año trataremos de asistir para traerles un recuento de lo que se ha dicho y visto.

Mas:
senial.com.ar
Fuente:
faneroscopio


MUVID 3 | Música + Video + Diseño



El 30 y 31 de Mayo de 2008 en Santa Fe, Argentina

Muvid pone el foco en las tendencias de la comunicación y a partir de ahí intenta mostrar la “cocina” de los procesos creativos. Es un evento cuyo contenido abarca procesos creativos tanto para grandes marcas e instituciones como también de producciones independientes y/o experimentales.

Cinco conferencias, dos "openworks", una mesa redonda, un Panel Colectivo del cuál podés formar parte, fiesta el Viernes a la noche con dj set en vivo y visuales.

Disertantes: Nahuel Lerena + Kid Gaucho + Polbo + Patricio Oliver + Marcelo Grassi

Openworks: Carolina Amaya + Resses

Mas: movid.com.ar
Fuente: Bluevertigo.com


Codigo visual 08


El Tercer Encuentro Creativo realizará los días 9 y 10 de mayo de 2008 en Tucumán, Argentina.



Código Visual, El evento organizado por el Estudio Visual invitan a estudiantes, profesionales y docentes a visitar el Jardín de la República y empaparse de belleza natural, de diseño y de manjares gastronómicos.


La temática de este año:

Perfil y Estrategia de Diseño.


Ya confirmaron su asistencia como disertantes:

Boldrini & Ficcardi: http://www.bfweb.com.ar/
Guillermo Brea: http://www.guillermobrea.com/
Malditomaus: http://www.malditomaus.com/
PumpDiseño: http://www.pumpd.com.ar/
TastyConcepts: http://www.tastyconcepts.us/


Informes e Inscripción

consulta@codigovisual08.com.ar
http://www.codigovisual08.com.ar/


Fuente: Blue Vertigo

Trimarchi DG


El diseño grafico Latinoamericano tiene un punto de encuentro, año a año fue tomando forma lo que hoy deriva en el encuentro internacional de diseño grafico más grande de Latinoamérica.

El Trimarchi DG es uno de los eventos de diseño que probablemente sea el más grande que se realiza en toda Latinoamérica y que año con año se lleva a cabo en la Ciudad de Mar del Plata, Argentina. En su edición del 2006 se celebrará del 29 de Septiembre al 1 de Octubre.

La primera edición de este evento se realizó en el año 2002 apadrinado por Ruben Fontana ( el diseñador de tipos) y desde entonces una de las premisas principales del Trimarchi DG ha sido ofrecer conferencias y talleres con diseñadores de gran calidad como RDYA, el estudio Lobo, In Jaus, Punga, el colectivo DOMA, Stefan Sagmeister, etc.

Además el Trimarchi DG ofrece la oportunidad a los estudiantes de presentar una charla al público asistente, mediante un previo proceso de selección, así los jóvenes diseñadores pueden dar a conocer sus proyectos a los alrededor de 4000 asistentes al evento.

Dichas conferencias y talleres están complementadas con la exposición de proyectos y trabajos de diseñadores, ilustradores, fotógrafos y artistas visuales. Además de diversos stands donde se pueden encontrar libros, revistas y material de diseño. Debido a la capacidad de convocatoria de dicho evento, la cual consta de más de 4000 asistentes, este se ha venido realizando en el Estadio Polideportivo de Mar del Plata

Este año el evento cumple 7 años y lo festeja con un especial de 7 días de actividades.

  • Lunes 29 de Septiembre
    Festival audiovisual de la costa de Mar del Plata

  • Martes 30 de Septiembre
    Proyecciones en el teatro auditórium

  • Miércoles 1 de Octubre
    Workshop intensivo durante toda la jornada

  • Jueves 2 de Octubre
    Nueva edición del festival Alemán Pictoplasma

  • Viernes 3, Sábado 4 y Domingo 5 de Octubre
    El clásico, 3 días de conferencia y fiestas audiovisuales de TMDG en el Estadio Polideportivo de Mar del Plata
Sitio oficial: Trimarchidg.net
Mas infrmación: Flickr, Youtube
Fuente: colormagenta.cl





Selección de colores armónicos


Teoría del Color

"El color no existe" Con esta idea tan llamativa comienzan la mayoría de los artículos y manuales que he leído sobre teoría del color. Ávido por conocer los secretos de la utilización del color y su aplicación practica, me he encontrado con todo tipo de estudios. Bastoncillos, conos, percepción, ondas, luces, pigmentos son conceptos que plagan estos fárragos y que casi ningún autor se atreve a pasar por alto.

De vez en cuando encuentro algún comentario acerca de los significados emotivos, psicológicos, simbólicos o semánticos, con los que uno puede estar más o menos de acuerdo dependiendo de su cultura, educación y experiencia. No a todos nos parece que el verde sea "calmado" y el amarillo sea "extrovertido". Aun así esta bastante asentada la identificación de los colores con determinadas sensaciones. Esto me ayuda a la hora de impregnar significado a una comunicación grafica.

También he hallado numerosas representaciones graficas de las diferentes clasificaciones de color: lineal, triangular, hexagonal, circular, cuadrado, cónico, cúbico y hasta esférico. Todos ellos son intentos de plasmar bi o tri dimensionalmente las variedades del espectro cromático basándose en determinadas variables. Todos ellos son igual de validos si se saben utilizar.

A pesar de todo hay buenos estudios que son amenos y dirigidos a una utilización practica como por ejemplo la teoría del color de newsartesvisuales.com.

Sin embargo en muy pocas ocasiones he encontrado recomendaciones para el uso del color con el ordenador. Solo alguna nota accesoria al respecto de los significados de los diferentes modelos de color: HLS, HSB, RGB, CMYK, LAB... Ni siquiera los vendedores de software indican como sacar un rendimiento optimo de sus selectores de color.

En fin, que después de haberlo intentado mucho me encuentro prácticamente en el punto de partida: ¿cómo elijo los colores? ¿qué modelo utilizo?


Los modelos de color perceptivos y reproductivos

En 1905 Alber H. Münsell formulo un sistema de ordenación del color basado en la percepción humana. Percibimos el color a través de ondas luminosas que poseen varios atributos, ósea características distintivas de una sensación, percepción o modo de apariencia. Münsell identifico tres atributos:

Matiz, o Tono, que es el color en si mismo, es la longitud de la onda luminosa. Un tono es el verde, otro tono es el cian y otro tono es el violeta. Es el nombre técnico de lo que coloquialmente conocemos por "color". La espectro visible abarca entre el rojo y el violeta, es decir entre los 380 y 780 nanómetros de longitud de onda..

Saturación, o Croma, que es la mezcla del los colores entre si. Es decir la interferencia de las ondas con otras de diferentes frecuencias. Una saturación alta supone que apreciamos el color en toda su pureza, limpio de interferencias. Una menor saturación indica que el color tiene mezcla con otros colores con los que interfiere. Cuando las ondas de todos los colores se perciben con igual valor el matiz no se diferencia y se visualiza exclusivamente el color blanco.

Brillo, o Valor, se refiere a la intensidad lumínica. Es la frecuencia de la onda luminosa. Una luminosidad alta hace que el color se aprecie más vibrante e intenso y una bajada en la frecuencia produce que color se apague hacia el negro.

Un color viene definido por tanto por sus valores de tono, brillo y saturación. Cualquier color se puede identificar con unos valores de estas tres variables. El negro se obtiene cuando no hay brillo (ausencia de luz). Los grises se obtienen cuando la saturación es baja (mezcla o interferencia luminosa alta). De los grises el blanco es el más brillante (máxima frecuencia de ondas de distintas longitudes).

Este modelo de representación del color se conoce como HSB (Hue, Saturation, Bright):



Una variación de este modelo fue desarrollada por Tektronix en 1978 para proporcionar un modelo más fácil de usar y de percibir. Es conocido como modelo HLS (Hue, Light, Saturation).

En el modelo HLS la saturación no varia hacia el blanco sino que baja hasta el gris.
En este modelo el atributo de brillo se sustituye por el de Luminosidad:

Luminosidad, o Claridad. Es la mezcla del color con el blanco o el negro. Un color será más luminoso cuanto mayor cantidad de blanco posea o más oscuro cuando se le añada negro.



El modelo HLS facilita la localización de muchos colores, los pasteles, los ocres muy utilizados industrialmente.

Los modelos HLS y HSB se denominan modelos perceptivos de color por tomar sus atributos de la observación del funcionamiento de la percepción humana de la luz.

Por otro lado las técnicas de reproducción del color necesita utilizar otros modelos no basados en la percepción:
El RGB para la representación a través de pantallas, televisores, monitores y escaner basados en haces luminosos.
El CMYK para la representación en pintura, imprentas, editoriales basados en mezcla de pigmentos.
El LAB para algunas cámaras fotográficas y escáner.

Estos modelos se basan en los condicionantes físicos para su reproducción, por eso se conocen como modelos reproductivos de color.

Estos modelos reproductivos han impuesto sus sistemas de representación (validos para la industria) en los diferentes programas informáticos y se han convertido (sobre todo el RGB, y CMYK) en los estándares de selección de color en el ordenador.

A pesar de no ser los más extendidos en el software, los modelos perceptivos (HLS, HSB) son los más adecuados para la selección del color en los procesos creativos, porque permiten realizar variaciones más acordes a las percepción humana. Posteriormente se pueden utilizar los modelos reproductivos para extraer los valores necesarios para su representación impresa o en pantalla.

Así lo entendió Bill Gates cuando desarrollo Windows. Creo un letrero de selección de color basado en el sistema HLS y el RGB. Permite seleccionar el color a través de los atributos HLS: Matiz, Saturación y Luminosidad y a su vez obtener los valores RGB para su reproducción en pantalla. Simple pero efectivo.
En este letrero las variaciones de matiz se representan sobre la horizontal del cuadrado. Las variaciones de saturación se representan en su vertical y las variaciones de luminosidad se representan en la barra lateral.



Otros desarrolladores de software también lo han entendido así creando letreros más o menos complejos en los que se muestran los atributos de diferentes modelos. Véase por ejemplo el caso de PhotoShop que compagina el modelo perceptivo HSB para seleccionar el color con los reproductivos RGB, Lab, CMYK, y web (igual al RGB) para su posterior representación.



De acuerdo, pero ¿como utilizo esto de un modo productivo y fácil? ¿Cómo puedo utilizar los modelos para seleccionar un grupo de colores armónico?


Armonía perceptiva

Parece acertado pensar que los colores armónicos son aquellos que tienen cosas en común, que se parecen, y que los contrastados son los que tienen más diferencias entre si.

¿en que se parecen? Es evidente que varios naranjas son armónicos entre si, tienen el mismo color. Pero ¿en qué se parecen un verde un rojo y un amarillo que armonizan entre ellos?

Los modelos reproductivos de color se muestran poco adecuados para explicar (o seleccionar) grupos de colores armónicos. Difícilmente podremos encontrar un grupo de colores que sean consistentes entre si con solo variar alguno de sus colores básicos.

Los modelos perceptivos de color sí permiten seleccionar grupos de colores armónicos. Para ello solo se necesita variar uno de sus atributos y mantener iguales los otros dos. Serán armónicos entre si aquellos colores que tengan la misma saturación y brillo / luminosidad y diferente matiz. O también serán armónicos aquellos colores que tengan el mismo matiz y saturación pero diferente brillo / luminosidad.

No existe acuerdo entre cual de los dos modelos perceptivos, el HSB o el HLS, es más adecuado para este cometido. Cualquiera de los dos podría proporcionarnos colores similares. Hay quien considera el modelo HLS más próximo a la percepción humana y fácil de entender. Lo que si es seguro es que debe utilizarse un solo modelo. El creativo debe ceñirse a un único modelo en cada trabajo: ya sea el HSB, o el HLS, ya que los valores de sus atributos no son intercambiables.

Podríamos dividir el grado de similitud de los colores en tres niveles dependiendo de la cantidad de atributos que poseen iguales:

Armónicos: Aquellos que tienen dos atributos iguales y uno diferente

Consistentes: Aquellos que poseen un atributo igual y dos diferentes.

Contrastados: Aquellos que tienen los tres atributos diferentes.

Veamos ejemplos del modo en que pueden seleccionarse los colores.

Para el coloreado de un logotipo se decide utilizar el color azul, naranja y el verde por sus connotaciones psicológicas y simbólicas. Se desea por tanto encontrar tres colores armónicos. La solución más adecuada seria encontrar tres colores que tengan matices diferentes pero que mantengan la misma saturación y brillo / luminosidad. En base al modelo HSB se localizan tres colores armónicos con distinto matiz, igual saturación y brillo.



CorelDraw facilita mucho esta labor. Incorpora en su selector de color un "mezclador "y permite utilizar todos los modelos descritos. En este caso se ha utilizado el modelo HSB. Partiendo de unos determinados matices colocados geométricamente sobre la rueda del espectro cromático, Se han encontrar variaciones en saturación o brillo y se han añadido a la paleta de trabajo. Para estos colores se ha fijado el brillo a 100, y la saturación a 56 y se han variado los matices entre 48, 97 y 216.



Otro ejemplo:

Para la selección de los colores de las barras de menús de un sitio web se decide utilizar los colores GRIS, rojo y azul. Para los enlaces y los rollovers se decide utilizar diferentes luminosidades de estos colores. Se consigue así un grupo de colores "próximos". Para este caso se ha utilizado el modelo HLS a través del selector de color de Windows. Para ello se varia entre los matices 8 y 177, la saturación 187 (rojo y azul) y 0 (el gris), y las luminosidades 142 y 193. En total se localizan los siguientes colores:



Los programas de desarrollo web de Macromedia facilitan este proceso convirtiendo a hexagesimal los valores RGB hallados a través del selector de color de Windows. En ese letrero se pueden añadir los colores a una paleta de colores personalizados:



En conclusión, un método simple pero efectivo para la selección de colores, es:

Primero seleccionar un determinado numero de matices basándose en sus connotaciones psicológicas y simbólicas. El matiz es el atributo en el que se aprecian mejor las variaciones. En ellos se mantiene el mismo valor de saturación y luminosidad para que sean armónicos.

En segundo lugar hallar una variación en el atributo de luminosidad de los anteriores matices. Se les asigna un determinado numero de variaciones en la luminosidad para que sean consistentes. Es preferible hacer esta variación en la luminosidad (intensidad) ya que las variaciones de este atributo se perciben mejor que las variaciones de la saturación (interferencia).

De este modo con un sistema gráfico y matemático se puede encontrar una cantidad concreta de colores armónicos o consistentes. Si se seleccionan 4 matices armónicos sobre los cuales se hacen 3 variaciones de luminosidad se obtendrán 12 colores consistentes.

Y por fin tenemos un sistema de selección de combinaciones de colores sencillo y efectivo que esta basado en la percepción y lo que resulta más interesante: funciona


Artículo original de Luis Miguel Richart
http://www.vectoraula.com/articulos/color/


PIXELATIONS VISUAL TOUR 2008

Pixelations Visual Tour 2008 en su 4to encuentro es un evento de diseño interdiciplinario.


No sólo es un congreso de Diseño Gráfico y Comunicación Visual, en él se exponen y conviven el Diseño Industrial, Diseño Textil, Diseño de Indumentaria, Motion graphics, disciplinas de actual interés aplicadas a la demanda laboral regional, donde participan profesionales y artistas, estudios de diseño, que han realizado con su intervención un encuentro regional destacado y enriquecedor por el continuo intercambio de ideas.

Los conferencistas invitados, son jóvenes profesionales considerados, algunos de ellos, los actuales paradigmas del diseño, quienes con su trabajo marcan nuevas posibilidades del diseño, imagen y comunicación.Con una firme trayectoria en estudios de diseño e instituciones educativas, realizan con su quehacer diario un importante aporte al diseño argentino y latinoamericano.


Mas información:
pixelationsvt.com.ar

Recursos para diseñadores


Los 50 mejores sitios de inspiración para diseñadores

Más allá que una cosa que se espera siempre en materia de diseño es la innovación y la originalidad, siempre hay una fuente inspiracional. Estas son 50 webs que sirven para ese objetivo.

CSS Remix - Está conformado por un listado de sitios web creados con css y valid xhtml, todos ellos subidos por los mismod usuarios. Cada diseño puede ser ranqueado y entre la variedad podemos encontrar bastantes atractivos.

FWA (Favourite Website Award) - En este caso, el listado es de sitios en flash, por ahora hay un total de 2109 contando desde hace 7 años. También es algo donde el usuario puede participar, por lo que se es libre de enviar a FWA creaciones propias.

deviantART - Bastante conocido creo, aquí hay de todo. Se apunta tanto a principiantes como expertos, que contribuyen con fotos, dibujos, fondos de escritorio, íconos y tantas otras cosas. Un buen sitio por el que vagar por un largo tiempo.

DesignDiary (DD) - Éste es un proyecto JogjaForce que, como todo mucho de lo que alberga internet, llega a nivel mundial. Los recursos de diseño que ofrece son Open Source, lo que es muy bien recibido.

MOCO LOCO - En este sitio se recalca el diseño y arquitectura de tipo moderno y contemporáneo. Quizás más orientado al diseño de ambientes y un toque de web, entre varias otras cosas.

Logopond - Muchas veces para algún blog, web, empresa, servicio, o lo que sea, se busca un buen logo. En Logopond, hay muchos ya diseñados de los cuales podemos obtener algunas buenas ideas.

Mojizu - Encontraremos aquí una serie de personajes creados por la comunidad tanto de expertos como novatos. Nunca está demás el poder pasar un tiempo tomando ideas, o sólo poder mirar los pequeños personajes que salen de las mentes de la gente, y hasta poder interactuar con los mismos y el resto de la comunidad.

Apps Mania - Este sitio contiene una buena cantidad de applicaciones diseñadas y skins para algunas otras. Quizás pueda ser uno de los mejores sitios para buscar unos buenos “disfraces” para las distintas aplicaciones en Internet.

Netdiver - Además de presentar una serie de ilustraciones y fotografías, el sitio da un enfoque a la sección de noticias o novedades circulantes internacionalmente y por la web. Es interesante mantenerse actualizado y al tanto de las novedades.

CSS Beauty - Es éste un proyecto que intenta dar a los visitantes una buena base de datos acerca de sitios web con buenos diseños basados en CSS. Así, para los interesados en un poco de inspiración y en búsqueda de algunos tips y ayuda para diseñar en base a CSS, esta web es especial para ese propósito.

3DM - Destinado más que nada a los interesados en diseño tridimencional, de donde pueden sacar bastantes ideas. También incluye tutoriales, noticias, animaciones y, por supuesto, algunos trabajos terminados.

startdrawing - Saliendo un poco de lo que quizás estemos más acostumbrados a ver, aquí hay una presentación de trabajos por artistas asiáticos. En su mayoría son dibujos, aunque hay alguna que otra cosa digital, y bastante interesantes en algunos casos.

Kuler - Muchas veces lo que puede resultar algo problemático es entontrar una combinación de colores convincente. En Kuler se pueden ver, crear, compartir y hasta descargar varios themes de colores que, una vez en la computadora, pueden ser usados con Adobe Creative Suite 2 y 3.

Threadless - Esta es una comunidad que se centra en diseños para remeras. Ya sea para buscar, votar o subir distintas ideas, es un buen lugar. También es posible comprar productos según las remeras que nos gusten, sujeto a talles y a stock, por supuesto, aunque se pueden pedir igualmente, y se envían a varias partes del mundo.

LogoSauce - Otra iniciativa enfocada a los logos, donde se les pueden comentar, dar puntajes y subirlos. Es bastante reciente respecto de otros, pero eso no le quita mérito.

From Europe - El nombre lo dice todo, los diseños de este sitio son europeos, con vista a interiores de hogares. Muy interesante, ya sea viendo algunos nuevos accesorios o arquitectura y orden de diversas salas en el hogar; y también muy ordenado tanto por ambientes como por paises de proveniencia.

ARTcrimes Graffiti - Aunque haya veces que los graffitis arruinan muchas paredes, y hasta no tienen nada de lindos, hay otros que son todo lo contrario. En el sitio recopilan varios de estos de todas partes del mundo que demuestran que el tema puede ser bastante artístico.

IconBuffet - Otro lugar donde encontrar colecciones de íconos. De entre varios paquetes, hay algunos disponibles para la descarga gratuita, y otros con enfoque comencial.

Most Inspired - Tutoriales, noticias y diseños web, todo enfocado a los que se interesan en CSS. Si es que se está en búsqueda de inspiración, este sitio es especial para ello, vale la pena verlo.

Boonika - Toda una mezcla de estilos presentada en diversos trabajos que puede parecer aceptable para algunos, y no tener nad de aceptación para otros.

COLOURlovers - De vuelta con el encontrar la mezcla justa de colores, aquí hay bastantes paletas a usar, se pueden comentar, subir a la web las propias, y leer artículos y reportajes referidos al mundo del color.

Design in Europe - Toda una selección de varios portales y diseños provenientes de Europa, muy variado por cierto. El directorio es bastante amplio y está todo organizado según el país de origen.

CSS Mania - Contiene más de 7000 diseños de webs en CSS y xhtml hasta el momento, gracias al aporte de los usuarios. Además, está todo clasificado según los temas de cada sitio por lo que también da importancia a cierto tipo de información que se busque.

The Best Designs - Con una actualización prácticamente diaria, THD reune varios sitios en Flash y CSS, y también incluye un directorio de diseñadores. Las categorías no se limitan sólo a si la web está diseñada en Flash o CSS, sino que también según los elementos de diseño.

The Little Chimp Society - (LCSV4) - Reune varios dibujos a modo de noticias, los cuales pueden ser agregados por los miembros de LCS, lo cual hace que tenga una actualiazación constante. También hay algunas entrevistas a autores de trabajos.


Los demás 25 sitios del top 50:




Fuente aiAlex

Otros sitios de interes

Top 50: Blog de diseño en español

bluevertigo

Blue vertigo es un muy sitio de recursos en su mayoria grats para diseñadores

 

Blogger Template 2007 - 2010 Designed By Nicolás Pereyra