Alineacion

Alineación en el diseño de una página Web

La mayoría de los desarrolladores Web, cuando piensan en la alineación piensan en el atributo o la propiedad CSS. Pero la alineación de los elementos de la página es tan importante como si el texto está justificado o su imagen flota a la izquierda. La alineación proporciona el marco estructural de un diseño. La alineación puede afectar el estado de ánimo de la página, así como su eficacia para conseguir su mensaje.

Pero el diseño de la página puede ser tan estructurado, con un sistema rígido que es evidente, o puede ser más sutil. Si entendemos cómo alinear los elementos de manera efectiva en la página web, seremos capaces de romper las reglas de una manera eficaz también.

Estas imágenes muestran una página Web con tres simples elementos y cómo podemos diseñar dichos elementos de la página para crear diseños diferentes.

Mas informacion..

Aportado por: Edith Adriana Orozco Ornelas

Foco en diseño

En Plástica, el foco luminoso es la fuente de luz (real o virtual) desde la cual proviene la luz que ilumina los elementos del dibujo. A veces esa fuente de luz está dentro del cuadro (como en los cuadros de Georges de la Tour, con la luz de una vela) pero por lo general está fuera del cuadro.

Aportado por: Edith Adriana Orozco Ornelas

Ordenamiento de diseño

Ultimamanete en el foro de Diseño, han habido muchos cambios y cosas que van de mal en peor.

Bueno las nombrare porque creo que todos los usuarios tienen el derecho de saber esto.

1ºBueno, cuando uno copia e imita un diseño a este se le determina un Ripper, asi como a los que copian los grafitis los llaman toys.

Digo eso porque hay un usuario que ERA (Supongo) encargado de todos los eventos,temas y otras cosas importantes y que ha rippeado desde que esta aqui en emudesc.Este User se llama RED9 (muchos lo conocen diria la mayoria de emudesc, un 60% mas o menos) y esto es lamentable porque ademas el era un jurado para obtener el CEMD (Certificado emudesc), siendo que el no tiene ninguna experiencia, quisas alguna, pero la mas minima en el diseño.El se iba a otras paginas donde se podia descargar los psd y luego les cambiaba el nick y el render.

Por eso ahora necesitamos un nuevo usuario que tome su cargo.que lleve a lo menos un año en emudesc , confiable y sobre todo que sea bueno en su caracter y en el diseño.

2ºSe nos estan llendo un munton de diseñadores (De lso mejores) a otros foros, como dezire o impact.Esto se debe a que hay muchos noobs y porque el diseño de este foro se ha puesto muy basico.Es por eso que propongo que a estos noobs se les habra nuevamente la academia de Emudesc donde se les enseñe lo mas basico en diseño, hasto lo mas complejo.Tambien en exposicion de diseños tiene y se debe tener un orden, hay usuarios que en un dia hasen como 3 o 4 temas olocando diseños.

Yo propondria que se peuda haser maximo 3 temas por usuario en una semana.

Tambien en tutoriales tienen que llevar un ritmo para andar colocando los tutos, o sino se les van a olvidar y los dejaran atras.

Mas informacion..

Este video es un ejemplo deun tipo de ordenamiento

Aportado por: Sarahi Pantoja Cervantes

Enfasis del diseño

En muchos diseños web, la simple disposición de textos, imágenes,videos y cualquier otro elemento no es suficiente para conseguir que el usuario dirija la atención hacia los elementos que consideremos más importantes.

La atención de las personas que navegan por Internet es de apenasalgunos segundos, lo que implica que el diseñador debe lograr captar la atención del usuario, que éste se sienta atraído y no se retire de la página en unos segundos. Este es uno de los motivos para emplear el énfasis en nuestros diseños.

Otro motivo para aplicar este principio del diseño es diferenciar elementos semejantes entre sí, resaltando aquellos que, dentro de su misma especie, se desee destacar de los otros.

Por ejemplo, si tuviéramos que incluir un texto con gran extensión, la atención del usuario seguramente no pasará de las tres o cuatro primeras líneas, por lo que la lectura deberá simplificarse y agregarse elementos destacados para que el lector pueda hacer una rápida recorrida.

Es muy probable que, tras esta breve recorrida empleando las ayudas aplicadas en el texto, el usuario considere que lo que allí se encuentra es lo que necesita y prosiga con una lectura más detenida del texto.
Lo mismo sucede con las imágenes. Una larga colección de imágenes similares difícilmente pueda atraer la atención de un internauta, por lo que será necesario destacar alguna o algunas de estas imágenes para que quien ingrese en nuestra página tenga una idea resumida del tipo de contenidos que allí encontrará.
El énfasis es uno de los métodos más adecuados para conseguir el necesario resaltado de algunos elementos de un grupo de elementos homogéneos. Pero también la tendencia a dar énfasis a demasiados elementos de la página web es un error muy común, sobre todo de diseñadores web inexpertos.

Mas informacion

Aportado por: Sarahi Pantoja Cervantes

Teorías De Diseño

Pensar en TEORIÁ DEL DISEÑO me ha llevado a una serie de definiciones, que a su vez nos permiten pensar sobre el momento de CONCEPCIÓN y el momento de CONCRECIÓN  en el diseño; “lo que” y el “como”. Lo primero es teoría y lo segundo implementación técnica.

También me propuse dar datos que nos posibilitarían verificar el componente ESTÉTICO en el diseño en LA MALHARRO,  y esto quizás sea una particularidad que no debiera extrañarnos en una institución de formación artística.

Lo que se diseña es un modelo, no una pieza, y éste ha de servir para orientar a otras personas en lo que van a diseñar técnicamente, ayudar a dar forma a cosas concretas; la conexión entre el modo de diseño y la conformación, concreción, es generalmente; retórica y comunicación.

Diseñar no es un dogma, sino una zétesis; una actividad de búsqueda, crítica y sin prejuicios. Una teoría del diseño que no quiere ser dogmática y por ende caer en una regresíon infinita, debe ser considerada, a diferencia de otras teorías, como una teoría fundada en la actividad, como una actividad, no como un resultado.

Debemos fijarnos en lo que las palabras pretenden describir y a lo que se refieren, “ lo que “ se quiere decir y “ como “ se dice son aspectos diferentes de una expresión y por ende de una teoría: “ lo que “ se refiere a lo abstracto, y “ como “ se refiere a lo concreto. Una teoría del diseño consiste en hacer un “ lo que “ de un “ como “, es decir saber lo que un “ como es “. Por eso la teoría del diseño es tan difícil de aprehender.

 Mas informacion

Aportado por: Sarahi Pantoja Cervantes

TEORIA DEL COLOR

ARMONIA Y CONTRASTE


Existen dos formas básicas de componer con el color: por armonía y por contraste.

Armonizar es combinar y coordinar los diferentes valores que el color adquiere en una composición.

Así diremos que una composición es cromáticamente armónica, cuando todos los colores participan en mayor o menor cuantía del resto de los colores intervinientes.

 

Combinaciones armónicas son aquellas en las que se utilizan modulaciones de un mismo color, pero también la combinación de diferentes colores que en su mezcla mantienen parte de los mismos pigmentos de los restantes.

En todas las armonías cromáticas, se pueden observar tres colores: dominante, tónico y de mediación.
El dominante, es el color más neutro y de mayor extensión (su función es destacar los otros colores que conforman la composición).
El tónico, normalmente en la gama del complementario del dominante, es el color más potente intensidad y valor.
El de mediación, es el color cuya función es actuar de enlace y transición de los anteriores. En el círculo cromático, suele tener una situación próxima a la del color tónico.

  

La armonía más sencilla es aquella en la que se conjugan tonos de la misma gama o de una misma parte del círculo, aunque puede resultar un tanto carente de vivacidad.
    Según diversas teorías la sensación de armonía o concordancia suscitada por una composición gráfica tiene su origen exclusivamente en las relaciones y en las proporciones de sus componentes cromáticos.
    Relaciones cromáticas armónicas serían las resultantes de yuxtaponer:
- colores equidistantes en el círculo cromático 
- colores afines entre sí 
- tonos de la misma gama representados en gradaciones constantes
- colores de fuerte contraste entre tonos complementarios
- colores de contrastes más suavizados entre un color saturado y otro no saturado.

   Mezclador de colores de Corel Photo-Paint

Programas como Corel PHOTO-PAINT, en su herramienta de selección del color no solo proporciona una gran variedad de "Paletas" y"Modelos", sino que dispone de un "Mezclador de color" que nos permite seleccionar armonías cromáticas a partir de un tono seleccionado como primario. Así, este selector establece el complementario, armonías de tres, cuatro y cinco tonos, y a la vez elegir entre valores más o menos claros, fríos o cálidos, o menos saturados. (Figuras superiores).

    

Cuando se trabaja con colores y fuentes es igualmente importante cuidar la armonía entre ellos, una condición derivada de la elección de los tonos y de su orden sobre el campo visual, teniendo presente el contraste entre los textos y el tono del fondo.

APORTADO POR DIANA LAURA PEREZ CERVANTES

SISTEMA CMYKY

El sistema CMYK, define los colores de forma similar a como funciona una impresora de inyección de tinta o una imprenta comercial de cuatricromía. El color resulta de la superposición o de colocar juntas gotas de tinta semitransparente, de los colores cian (un azul brillante), magenta (un color rosa intenso), amarillo y negro, y su notación se corresponde con el valor en tanto por ciento de cada uno de estos colores. 
De esta forma, un color cualquiera vendrá expresado en el sistema CMYK mediante la expresión (C,M,Y,K), en la que figuran los tantos por ciento que el color posee de los componentes básicos del sistema. Por ejemplo, (0,0,0,0) es blanco puro (el blanco del papel), mientras que (100,0,100,0) corresponde al color verde. 

Los colores sustractivos son usados en pintura, imprenta y, en general, en todas aquellas composiciones en las que los colores se obtienen mediante la reflexión de la luz solar en mezclas de pigmentos (tintas, óleos, acuarelas, etc.). En estas composiciones se obtiene el color blanco mediante el uso de pigmentos de ese color (pintura) o usando un soporte de color blanco y dejando sin pintar las zonas de la composición que deban ser blancas (imprenta).

Los sistemas RGB, CMYK se encuentran relacionados, ya que los colores primarios de uno son los secundarios del otro (los colores secundarios son los obtenidos por mezcla directa de los primarios)

MAS INFORMACION...

APORTADO POR DIANA LAURA PEREZ CERVANTES

SISTEMA RGB
La descripción RGB (del inglés Red, Green, Blue; "rojo, verde, azul") de un color hace referencia a la composición del color en términos de la intensidad de los colores primarios con que se forma: el rojo, el verde y el azul. Es un modelo de color basado en la síntesis aditiva, con el que es posible representar un color mediante la mezcla por adición de los tres colores luz primarios. El modelo de color RGB no define por sí mismo lo que significa exactamente rojo, verde o azul, por lo que los mismos valores RGB pueden mostrar colores notablemente diferentes en diferentes dispositivos que usen este modelo de color. Aunque utilicen un mismo modelo de color, sus espacios de color pueden variar considerablemente.

Para indicar con qué proporción mezclamos cada color, se asigna un valor a cada uno de los colores primarios, de manera, por ejemplo, que el valor 0 significa que no interviene en la mezcla y, a medida que ese valor aumenta, se entiende que aporta más intensidad a la mezcla. Aunque el intervalo de valores podría ser cualquiera (valores reales entre 0 y 1, valores enteros entre 0 y 37, etc.), es frecuente que cada color primario se codifique con un byte (8 bits). Así, de manera usual, la intensidad de cada una de las componentes se mide según una escala que va del 0 al 255.

Cubo RGB.

Por lo tanto, el rojo se obtiene con (255,0,0), el verde con (0,255,0) y el azul con (0,0,255), obteniendo, en cada caso un color resultante monocromático. La ausencia de color —lo que nosotros conocemos como color negro— se obtiene cuando las tres componentes son 0, (0,0,0).

La combinación de dos colores a nivel 255 con un tercero en nivel 0 da lugar a tres colores intermedios. De esta forma el amarillo es (255,255,0), el cian (0,255,255) y el magenta (255,0,255).

Obviamente, el color blanco se forma con los tres colores primarios a su máximo nivel (255,255,255).

El conjunto de todos los colores se puede representar en forma de cubo. Cada color es un punto de la superficie o del interior de éste. La escala de grises estaría situada en la diagonal que une al color blanco con el negro.

APORTADO POR: DIANA LUCIA VELASCO RUBIO

CIRCULO CROMATICO

El círculo cromático se usa en la clasificación de los colores. Se denomina círculo cromático al resultante de distribuir alrededor de un círculo los colores que conforman el segmento de la luz. Según Goethe, en su libro Teoría de los colores de 1810, de carácter más cercano a lo filosófico que a lo científico, Los colores en un círculo cromático son seis: amarillo, anaranjado, rojo, violeta, azul y verde, lo cual dio paso al Modelo de color RYB, que a pesar de ser un modelo arcaico e impreciso sigue enseñándose en las artes gráficas a pesar de presentar serios inconvenientes en la composición de color; un modelo más exacto surgió tras la aparición de la fotografía en color y basado en los estudios de Newton sobre la luz, el cual se utiliza en la producción industrial de color, es el modelo que debería enseñarse en las escuelas de artes gráficas y en el diseño gráfico y tiene mayor precisión en la representación cromática, el modelo CMYK, en el cual los colores son: amarillo, rojo, magenta, azul, cian y verde. La mezcla de estos colores puede ser representada en un círculo de 12 colores, haciendo una mezcla de un color con el siguiente y así sucesivamente se puede crear un círculo cromático con millones de colores.

El hexagrama es una estrella de seis picos que se coloca en el centro del círculo cromático. Aunque depende del número de colores usados en el círculo es la cantidad de picos que tenga dicha estrella. Esta estrella muestra los colores complementarios.

Los colores luz opuestos  en el círculo cromático¹  son aquellos que se encuentran uno frente al otro.

§  El amarillo es el color opuesto al azul.

§  El magenta es el color opuesto al verde.

§  El cian es el color opuesto al rojo.

Los colores pigmento¹ opuestos son:

§  El cian es el color opuesto al naranja.

§  El magenta es el color opuesto al verde.

§  El amarillo es el color opuesto al violeta.

Y así sucesivamente con todos los colores, como podría ser el azul-verde (verde mar) o el naranja-rojo (naranja rojizo).

El blanco y el negro podrían considerarse opuestos, pero nunca colores y por lo tanto no aparecen en un círculo cromático, el negro es la presencia de todos los colores y el blanco es su ausencia total.

Sin embargo el negro y el blanco al combinarse forman el gris el cual también se marca en escalas. Esto forma un círculo propio llamado "círculo cromático en escala a grises" o "círculo de grises". según

Esta tríada de colores no es la generadora de la infinitud de todos los colores posibles de ser percibidos por el ojo o factibles de usarse en las artes gráficas, ya que permite una finita cantidad de subdivisiones. De esta tríada, por ejemplo, no pueden obtenerse los colores llamados "pasteles" que son los que tienen agregado de blanco en diferentes proporciones. 

Mas informacion...

APORTADO POR: DIANA LUCIA VELASCO RUBIO