Diseño gráfico, evolución y tendencias

Las tecnologías y métodos utilizados antiguamente para transmitir la comunicación visual se han ido modificando sucesivamente. Esta actividad, que hoy conocemos como diseño gráfico, abarca muchos aspectos. Sus límites quedan difusos, hasta el punto de confundir el campo de actividades y competencias que debería serle propio, incluyendo, por supuesto, sus lejanas fuentes originales.

El desarrollo y evolución de los productos y servicios de las empresas y particulares ha crecido espectacularmente. Esto las obliga a competir entre sí para ocupar un sitio en el mercado.

Es en este instante cuando surge la publicidad y, con ella, la evolución del diseño gráfico como forma de comunicar, atraer y salir victoriosos en la batalla frente a los competidores.

Índice de contenidos

Fundamentos del diseño
   • Definición de diseño
   • Arte y diseño: Elementos de la comunicación
   • Estilos y tendencias en el diseño

Formas básicas de composición: El signo
   • Clasificación de los signos: Indicativos
   • Los signos icónicos
   • Clasificación de los signos
   • Elementos básicos: la línea
   • Las formas: definición
   • La textura como elemento básico
   • Espacio y formato
   • El formato: DIN A4. DIN A3 y DIN A5

Historia del color y sus principios básicos
   • Historia del color
   • Teoría del color. ¿Qué es el color?
   • Como son percibidos los colores de los objetos
   • Colores primarios, generalidades
   • Círculo cromático
   • Formación de los colores complementarios
   • Definición de los colores cálidos y fríos
   • Formas básicas que componen el color
   • Efectos del color: El tamaño
   • Psicología del color: El color blanco
   • Simbología del color amarillo y rojo
   • El color violeta
   • El color un elemento expresivo
   • Escalas de los colores
   • Modos y modelos de color
   • Modelo de color Swedish Color System NCS
   • Modo de color RGB

La tipografía y su evolución
   • Concepto de tipografía, familia y fuentes tipográficas
   • Formas de una terminal: Serif o serifas
   • Clasificación de las familias tipográficas
   • Tipografías Romanas de transición
   • Tipografía Egipcia
   • Clasificaciones de las sans serif: Grotescas, geométricas y humanísticas
   • Geométricas o de palo seco
   • Las inglesas o manuscritas
   • La rotulación como medio de comunicación
   • Tipografías más usuales para rotulación
   • Variables visuales: definición, orientación y tamaño
   • Un tipo de letra para cada cuerpo de texto
   • La alineación del Texto
   • Kern y el track
   • El color en la tipografía y en la elección del tipo
   • La cuadrícula
   • Tipografía digital
   • Qué es una fuente digital

Técnicas de composición
   • La composición, el concepto
   • La escala
   • La sección áurea
   • El equilibrio en una composición
   • El equilibrio simétrico
   • El contraste de tono
   • El contraste de escala

Diseño publicitario
   • Diseño publicitario: Las tendencias
   • Clases de diseño publicitario
   • Diseño de folletos y flyers publicitarios
   • El cartel publicitario
   • Publicidad exterior
   • Packaging igual a comunicación
   • El envase y el mercado
   • El diseño de logotipos
   • Contenidos visuales en los anuncios
   • La semiología en la publicidad
   • Pautas de un anuncio publicitario

Identidad corporativa
   • El comienzo del diseño corporativo
   • Criterios para crear un diseño corporativo
   • La cultura corporativa y sus aspectos
   • El diseño del producto: Estrategias colectivas
   • Interiorismo y la arquitectura corporativa
   • Crear una identidad corporativa
   • Comunicación externa: la marca

Maquetación
   • Definir el documento
   • Clases de retículas
   • Maqueta base o página maestra
   • Distribución texto y las imágenes
   • El cuerpo del texto
   • Diferentes clases de formatos
   • Las tabulaciones del texto

Fotomecánica e impresión
   • Sistemas de Impresión
   • Técnicas de impresión
   • Escaneado de originales
   • Digitalización: profundidad de bit por píxel
   • El escáner
   • Definición y carácteristicas de los tipos de escáneres
   • El escáner de Tambor
   • Filmación, los fotolitos
   • Tipos de tintas
   • Gama de tonos Pantone
   • Resolución
   • La rotativa
   • La tipografía
   • El huecograbado
   • Flexografía
   • La serigrafía
   • El grabado y el transfer

componentes para Flash son para AS 3.0.

Podremos usar esas vistosas galerias o efectos tan profesionales para nuesta creatividad
Ya viene incluido el Famoso 3D Wall Pro 1.0.4 con todo su arsenal de productos y efectos desde Flashloaded.

 

Varios
– 3D Spiral v1.0 (NEW)
– 3D Sphere v1.0.1
– 3D Wall Pro v1.0.4 (NEW) Now with YouTube video, FLV playback and more.
– 3D Wall Standard v1.1.1
– PageFlipper AS2.0 v1.0.3
– PhotoFlow v1.1.4
– PhotoSplash v1.0.3
– FLVPlayerPro v1.1.1
– FLVPlayerPro (Stream) 2.0.2
– Thumbnailer Pro v1.5.5
– UltimateScroller Pro v1.0.1 (NEW)
– Thumbnailer 2 Gallery (TN2) v1.0.1

Galería adobe air

El tiempo de ejecución de Adobe® AIR® permite a los desarrolladores utilizar HTML, JavaScript, Adobe Flash® y ActionScript® para crear aplicaciones web de escritorio y para dispositivos móviles que se ejecutan como aplicaciones clientes independientes sin las restricciones de un navegador. Adobe AIR y la plataforma de Adobe Flash dan rienda suelta a la creatividad de los diseñadores y desarrolladores ofreciendo un entorno de desarrollo flexible y coherente para la entrega de aplicaciones en dispositivos y plataformas. La compatibilidad para plataformas adicionales, incluida Android, se está desarrollando.

¿Desea probar la potencia de los tiempos de ejecución de Adobe® AIR® y Flash® Player? Este conjunto de sitios le muestra algunos de los modos innovadores utilizados por los desarrolladores hoy día para crear contenidos expresivos y sofisticados de AIR y Flash Player.

http://www.adobe.com/es/products/flashplatformruntimes/gallery/

¿Cuáles son los criterios para crear un logo?

No es recomendable cambiar un logotipo a menos que sea muy necesario. Un logo en constante cambio no llega nunca a fijarse en la mente del público. Solo después de que los consumidores vean con regularidad el logo comenzarán a notarlo.

  

Continuamente nuevas compañías adoptan un estilo Logosde logo muy similar a otras empresas. Esto lleva a que ningún nombre se diferencie del resto. Un logo design debe ser atractivo para aquellos que no están familiarizados con la empresa.  

Esto quiere decir que se deben llevar a cabo pruebas del logo: se debe realizar un estudio de campo encuestando a la gente acerca de qué es lo que piensan de la imagen de la empresa y qué emociones experimentan cuando la ven.  

Si el logo design no es comprensible o el público cuando lo ve obtiene una impresión equivocada sobre la actividad de la empresa, entonces el logo no es efectivo.  

¿Quién es el mercado meta? ¿En qué lugares, además del sitio de Internet, se mostrará el logo? ¿En la papelería membretada, tarjetas de presentación? ¿El logotipo transmitirá el mismo mensaje no importa en dónde se coloque? Un logo debe ser simple, sin complicaciones para poder ser fácilmente incorporado por el subconsciente de los consumidores.  

Logotipos complejos combinados con 10 diferentes colores son atractivos algunas veces, pero no es nada práctico. Muchas veces el logo va acompañado de un slogan. Si el slogan está siempre incluido en el logotipo o en la misma forma gráfica, éste puede ser considerado parte del logo.  

El principal propósito del slogan, junto con el logotipo, es respaldar la identidad de la marca. La diferencia entre el slogan y el brand slogan, es que el brand slogan contribuye en la construcción de la imagen de la marca, mientras que los diferentes slogans están conectados con los distintos productos o campañas publicitarias.  

También debe considerarse el nivel de recepción del logo que experimenta el receptor. Puede decirse que este nivel es semántico: porque ha de poseer un significado determinado, y a su vez permite llevar una cadena de significados; y también es estético: la forma del logotipo. En el mercado actual, lanzar una marca es un proyecto a largo plazo que altera el orden y los valores existentes.  

En el momento de crear una marca se debe tener en cuenta que ésta debe ser:  

Simple:

limpia, fácil de escribir. Algo complicado o profundo no es apropiado para la identidad de la marca.  

Práctica:

va de la mano de la simplicidad. El logo debe ser apropiado para ser utilizado en todo tipo de medios: TV, impresos, uniformes, etc.  

Consistente:

un buen proceso de creación de marcas debe ser reflejado en cada una de las piezas de comunicación hechas por la compañía, así como cada uno de los elementos en el diseño: logo, fotografía, paleta de colores usada, etc. Nunca verá un color rosa o naranja en una Coca-Cola, un tipo de letra diferente en McDonald’s, etc.  

Único:

no tiene caso tener una imagen excelente o un nombre sobresaliente si se ve muy similar al de alguien más, especialmente si la otra marca tiene más presupuesto invertido en publicidad.  

Memorable:

si se aplican los puntos anteriores, probablemente la marca será memorable. La coloración es un elemento importante, por lo general el elemento más fácil de recordar de una marca es el color. Otro tipo de símbolos o códigos pueden ayudar a recordar una marcas: por ejemplo, McDonald’s utiliza la combinación rojo/ amarillo, la «M» en forma de arcos, la figura de Ronald, etc.  

Un reflejo:

debe reflejar los valores y objetivos de la empresa. Si la compañía representa calidad, entonces los colores, estilo y fotografía deben reflejar esto también. Si la compañía representa Caridad, pues el logo no es tan complicado, ya que muchos logos que representan esto tienen algún elemento del ser humano.  

¿Cuáles son los valores de la marca? ¿Sería usted capaz de adivinarlos al ver los elementos visuales? Una marca creada correctamente, que respetó las normas que se necesitan para lograr un resultado eficaz, no solo refleja los valores, los promueve.  

Adaptable:

debe adaptarse al mercado meta. No muy moderno para consumidores conservadores, no muy conservador para mercados modernos.  

Sustentable:

contemporáneo, pero algo clásico. Una gran cantidad de marcas actualiza sus logotipos cada 20 años. Es por esto que es importante tener un concepto que no se vuelva obsoleto en poco tiempo.  

Una identidad corporativa bien realizada no es un simple logotipo. Es necesario mantener una coherencia visual en todas las comunicaciones que una empresa realiza; folletos, papelería, páginas web, etc. La identidad corporativa de una empresa es su carta de presentación, su cara frente al público; de esta identidad dependerá la imagen que la gente forme de dicha organización.  

No te olvides de revisar nuestro artículo sobre una serie de recursos de gran utilidad al momento de crear un logotipo y las múltiples opciones para inspirarte.

Branding: El Poder de la Marca

Diferenciarse es hoy cada vez más difícil, ya que la calidad y los costes de los productos son similares. Por ello, la clave de los negocios está en el Branding , es decir, en el poder de la Marca como elemento diferenciador.

Para Tom Peters, declarado «gurú de gurús» por The Economist y Fortune, lo que constituye la diferenciación parte precisamente de los intangibles de una empresa: el valor, credibilidad y singularidad de una marca. Así lo explica en el nuevo libro que acaba de publicar bajo el título «El meollo del Branding».

A partir de su teoría de «las 3 leyes físicas del marketing»: «Beneficios Patentes», «Un Motivo Real Para Creer» y «Una Gran Diferencia», Peters nos demuestra que la marca es lo que nos define y que ésta es mucho más que el marketing o los logotipos. Tiene que ver con la pasión, con la historia que queramos contar, con la causa que motiva nuestra empresa. Las historias y experiencias serán más importantes en el futuro que los productos, según Peters, porque la capacidad de transmitir emoción es lo más importante en un mundo controlado por la tecnología.

Tom Peters (1942) saltó a la fama tras la publicación de «En Busca de la Excelencia» en 1982, un libro en el que incitaba a los dirigentes a enfocar los negocios de un modo radicalmente distinto.

Desde el momento de su consolidación como genio empresarial, Peters se convirtió en un consultor y escritor siempre a la vanguardia de la gerencia, defendiendo una actitud de permanente predisposición al cambio. Provocador, heterodoxo, coloquial y directo, sus obras rompen esquemas y son fuente de innumerables «pensamientos empresariales» de gran calado.

Directivos y responsables de cualquier sector empresarial profesionales relacionados con las áreas de Marketing y Publicidad , estudiantes universitarios y de postgrado, especialmente en el ámbito de los estudios empresariales, marketing, publicidad y comunicación; y jóvenes profesionales que quieran diferenciarse en el mercado laboral encontrarán en esta obra un texto idóneo para iniciarse en la estrategia de marca.

Branding Corporativo

Branding Corporativo

Una marca corporativa potente es la cara visible de la estrategia de negocios, es la guía del comportamiento de los ejecutivos y empleados y el vehículo para alcanzar la visión estratégica. En Feedback contamos con metodología para:

  • Definir el posicionamiento y la estrategia de marca
  • Generar experiencias creíbles, entretenidas y memorables.
  • Alinear a su organización detrás de la marca corporativa y la visión de sus líderes.
  • Dar consistencia a la interacción entre organización, sus clientes y sus stakeholders

«Branding Corporativo», disponible en internet

 

[Imagen_PostsBC.JPG]Ya está disponible en internet mi nuevo libro «Branding Corporativo. Fundamentos para la gestión estratégica de la Identidad Corporativa» en formato PDF. El archivo incluye el libro completo (sin saltos de página como en Google Books) y con la misma estructura y diseño que el libro en papel.
Lo pueden descargar pulsando en la imagen de la columna derecha del blog. Si tienen algún problema con la descarga, vuelvan a intentarlo un poco más tarde, porque puede ser que el servidor se encuentre un poco saturado.
Por el momento, el libro no estará a la venta en formato papel, ya que la editorial (la Business School Universidad Mayor) ha realizado una tirada limitada sin fines comerciales. En los próximos meses veremos las posibilidades de realizar una edición comercial para 2010.
Espero que lo disfruten y que les sea útil, tanto a nivel académico como profesional !!!

Descargar Libro (3 Mb)

Descargas 9894

Nuevos libros descargables de diseño y edición. Un libro gratis sobre Photoshop CS

Tengo una gran colección de libros en PDF y Word, sobre diversos temas, la mayorí­a relacionados con temáticas de diseño gráfico y diseño web. Se me ocurrió que tal vez algunas de las personas que llegan a Portafolio en mano (blog) tienen interés por aprender a utilizar programas de diseño como Photoshop, Corel Draw, Ilustrator, Quarkxpress, Dreamweaver, Flash, entre muchos otros…
He decido colgar una serie de libros en mi blog para que sean descargados de manera gratuita y de esta forma puedan comenzar a experimentar, disfrutar y emplear las herramientas básicas y profesionales del diseño, a través del software especifico.
Esta vez comenzaré subiendo aquí­ un libro en PDF sobre photoshop, el cual es un completo manual con 353 páginas, bastante interesante y con gráficas, screenshots y utilidades varias. El libro en cuestión es Los trucos y efectos más interesantes de Photoshop CS, escrito por Scott Kelby, totalmente en español… Espero y sea de mucha utilidad. Ya iré colgando nuevos libros…

Descargate el libro de photoshop.
Si tienes problema con la descarga deja un mensaje y trataré de solucionarlo lo antes posible…

Descarga del libro Photoshop -pdf- / Servidor de descarga

algunos puntos de inspiracion para las nuevas generaciones

The most metaphorical condom ad ever.

Copyranter – 10 hours 50 min ago

(click ad, via ) But I’m not sure, exactly, what is meant by this inside-the-rubber scenario. The anarchist is a sperm, that much is clear. I guess the riot police represent spermicide (The ad is tagged «Espermicida»). So, Sid Spermatozoon Vicious is a dead man. But the ad was sent out by the agency tagged: «Today Condoms. Long Action.» So, is this a climax delay prophylactic ad (here’s a previous cute one)? One thing’s for sure: South America consistently produces the most fucked up condom ads in the world. Ad by McCann Erickson in Bogota.
Categories: News

Conceptos de Diseño

Lo Visual en el Proceso Creativo

El proceso de composición es el paso mas importante en la resolución del problema visual. Los resultados de la decisiones compositivas marcan el propósito y el significado de la declaración visual y tienen fuertes implicaciones sobre lo que recibe el espectador.

Esta etapa del proceso creativo, es donde el comunicador visual ejerce el control mas fuerte sobre su trabajo y donde tiene la mayor oportunidad de expresar el estado de ánimo total que se quiere transmita, en este caso la Web.

No existen reglas absolutas sino cierto grado de comprensión de lo que ocurrirá en terminos de significado si disponemos las partes de determidadas maneras para obtener una organización y una orquestación de los medios visuales.


Composición

Muchos de los criterios para la comprensión del significado de la forma visual, del potencial sintáctico de la estructra en el alfabeto visual surgen de investigar el proceso de la percepción visual.


La Percepción Visual

En la confección de mensajes visuales, el significado no consiste solo en la acumulación de efectos causados por la disposición de elementos básicos sino tembién en el mecanismo perceptivo que comparte universalmente el organismo. Por decirlo con palabras mas sencillas: creamos un diseño a partir de muchos colores, contornos, texturas, tonos y proporciones relativas. Interaccionamos activamente esos elementos, y pretendemos un significado. El resultado es la coposición, la intención del diseñador. Entre el ambiente de información visual y un mensaje específico y definido se interpone otro campo mas que es la funcionalidad. No olviemos que en la mayoría de los casos la Web a de servir a un propósito.

  • Linea
  • Color
  • Contorno
  • Dirección
  • Textura
  • Escala
  • Dimensión
  • Movimiento
  •  


    Equilibrio

    La influencia psicológica y fisica mas imortante sobre la percepción humana es la necesidad de equilibrio del hombre, la necesidad de tener sus dos pies asentados sobre el suelo y saber que ha de permanecer vertical en cualquier circustancia, en cualquier actitud, con un grado razonable de certidumbre. El equilibrio pues, es la referencia mas fuerte y firme del hombre, su base consciente e inconsciente para la formulación de juicios visuales. Por ello el constructo vertical-horizontal es la relación básica del hombre.

     


    Tensión

    El concepto de tensión viene estréchamente relacionado con equilibrio. Tanto para el emisor como para el receptor de la información visual, la falta de equilibrio y regularidad es un factor desorientador. Las opciones visuales son polaridades, de regularidad y sencillez por un lado, y de complejidad y variación inesperada por otro. La elección entre estas opciones rige la respuesta relativa que va del reposo y la relajación a la tensión.

     


    Nivelación y aguzamiento

    Nivelación y aguzamiento vienen a ser sinónimos de «armonía y estabilidad» y «generador de tensiones y lo visualmente inesperado». Mediante un ejemplo, un punto situado en el centro geométrico de una un mapa estructural nos ofrecería una situación armoniosa y estable, ausente de sorpresa visual. En cambio, la colocación del punto en la esquina superior derecha provoca una aguzamiento. En ambos casos, nivelación o aguzamiento, hay una claridad de propósitos. Es importante dejar clara la intención compositiva. La ambigüedad es totalmente indeseable desde el punto de vista de una sintaxis visual correcta. Es contraproducente frustrar y confundir esta función única si se persigue un mensaje claro y bien definido. Idealmente, las formas visuales no deberían ser nunca deliberadamente oscuras, deberían armonizar o contrastar, atraer o repeler, relacionar o chocar. Si bien, es necesario aclarar que todas estas afirmaciones quedan supeditadas a la intencionalidad del creador.

     


    Sentido de la lectura

    A parte de estas influencias debidas a relaciones elementales en el mapa estructural, la tensión visual puede maximizarse de otras dos maneras: el ojo favorece la zona inferior izquierda de cualquier campo visual. La expliación de esta preferencia no es tan fácil de explicar como las prefrencias primarias. Pero aunque no sepamos con certeza la razón, tal vez baste con saber que este fenómeno se produce realmente.


    Técnicas de Comunicación Visual

    Las técnicas visuales ofrecen al diseñador una amplia paleta de medios para la expresión visual del contenido. Existe en forma de diplodos o como aproximaciones contrarias al significado. Por ejemplo, la fragmentación, técnica opuesta a la unidad, es una opción exelente para la expresión de la exitación y la variedad.

    No hay que concebir la técnicas visuales como elecciones para construir y analizar todo lo que vemos. Es posible modificar los extremos con grados menores de intensidad, lo que implica una gama muy amplia de posibilidades de expresión y comprensión.

    Es preciso aclarar que la contraposición de técnicas nunca debe ser tal sutil que resulte poco clara. Aunque no es necesario utilizarlas solamente en sus extremos de intensidad, deben seguir claramente una vía u otra. Si no son definibles, resultan transmisores ambiguos y malos de información.

    Sería imposible enumerar todas las ténicas visuales disponibles o dar definiciones acertadas a las mismas. En esto , como en todos los escalones de la estructura de los medios visuales, la interpretación personal es un factor muy importante. Pese a estas limitaciones pueden definirse cada técnica y su contraria en forma de dipolo.

    Equilibrio
    Simetría
    Regularidad
    Simplicidad
    Unidad
    Economía
    Reticencia
    Predictibilidad
    Actividad
    Sutileza
    Neutralidad
    Transparencia
    Coherencia
    Realismo
    Plana
    Secuencialidad
    Agudeza
    Continuidad
    <——–>
    <——–>
    <——–>
    <——–>
    <——–>
    <——–>
    <——–>
    <——–>
    <——–>
    <——–>
    <——–>
    <——–>
    <——–>
    <——–>
    <——–>
    <——–>
    <——–>
    <——–>
    Inestabilidad
    Asimetría
    Irregularidad
    Complejidad
    Fragmentación
    Profusión
    Exageración
    Expontaneidad
    Pasividad
    Audacia
    Acento
    Opacidad
    Variación
    Distorsión
    Profunda
    Aleatoriedad
    Difusividad
    Episodicidad

     


    Estilo Visual

    El estilo es la síntesis visual de los elementos, las técnicas, la sintaxis, la incitación, la expresión y la finalidad básica. Resulta complicado y difícil describirlo con claridad.

    En las artes visuales el estilo es la síntesis última de todas las fuerzas y factores, la unificación, la integración de numerosas decisiones y grados.

    En primer lugar está la elección del medio y la influencia de ese medio sobre la forma y el contenido. En nuestro caso el medio es la la Web, es decir, un formato digital presentado en al pantalla de un ordenador, donde el espectador ha de interactuar en mayor o menor grado de libertad.

    Tenemos también el propósito, la razón por la que algo se hace: para la supervivencia, la comunicación, para la expresión personal.

    La elección visual presenta una serie de opciones: la búsqueda de decisiones compositivas mediante la selección de elementos de carácter elemental, la manipulación de los elementos a través de técnicas apropiadas….

    El resultado final es una expresión individual (o a veces colectiva) dirigida por todos o la mayor parte de los factores mencionados, pero infuida principal y profundamente por lo que está ocurriendo en el entorno social, físico, político y psicológico, entorno que es crucial para todo lo que hacemos o expresamos visualmente.

    La política, la economía, el entorno y los esquemas sociales crean juntos una psicología de grupo. Estas mismas fuerzas, que dan lugar a lenguajes individuales en el uso verbal, se convinan en el modo visual para crear un estilo común de expresíon.


    Estilos

     
    Expresionismo
    Técnicas Espontaneidad
    Actividad
    Discursividad
    Audacia
    Variación
    Distorsión
    Irregularidad
    Experimentalismo
    Verticalidad
    Clasicismo
    Técnicas Simplicidad
    Representación
    Simetría
    Convencionalismo
    Organización
    Dimensionalidad
    Coherencia
    Pasividad
    Unidad
    Embellecido
    Técnicas Profusión
    Exageración
    Redondez
    Audacia
    Detallismo
    Variedad
    Colorismo
    Actividad
    Diversidad
    Funcionalidad
    Técnicas Simetría
    Angularidad
    Abstracción
    Coherencia
    Secuencialidad
    Unidad
    Organización
    Economía
    Sutilidad
    Continuidad
    Regularidad
    Aguzamiento
    Monocromaticidad
    Primitivismo
    Técnicas Exageración
    Espontaneidad
    Actividad
    Simplicidad
    Economía
    Plana
    Irregularidad
    Redondez
    Colorismo