Entradas

Tipografía para el diseño Web

Imagen
En los inicios del diseño de páginas web, las posibilidades en cuanto al tratamiento tipográfico era muy limitadas. Por ejemplo, con respecto al uso de familias, únicamente se utilizaban las fuentes llamadas "seguras", instaladas en su ordenador el usuario. El diseñador de información, al trabajar en el soporte digital, ha de ser capaz de organizar, dividir, ordenar e interpretar la información escrita para presentársela de forma atractiva y cómoda al lector. Es necesario aprovechar al máximo los recursos que ofrece la microtipografía y la macrotipografía con el fin de optimizar la legibilidad, la usabilidad y la accesibilidad de un sitio web informativo. Como dice Olivier Reichenstein , " elegir tipos de letra no es tipografía ", y el diseño de información no trata únicamente de usar fuentes tipográficas; trata más bien de cómo usar buena tipografía. “El 95% de la información que se presenta en la Web es escrita. Es lógico pensar que un diseñado

UX: Experiencia de usuario y diseño

Imagen
El llamado   UX Design  va un paso más allá a partir de conceptos propios del desarrollo web como son la  Usabilidad  y el  Diseño Centrado en el Usuario . La creatividad orientada esencialmente a la experiencia de los usuario. UX Design es una nueva variable en el proyecto profesional de diseño. Se ha desarrollado a partir de conceptos surgidos durante el vertiginoso crecimiento de la Web, como la Usabilidad de Jacob Nielssen, o el Diseño Centrado en el Usuario . La satisfacción del usuario   Una adecuada y satisfactoria experiencia de usuario es el objetivo más anhelado para un diseñador en la era digital. Se convierte en un requisito imprescindible para cualquiera proyecto de diseño eficaz, rentable y de calidad en tiempos de saturación de reclamos y de información ( infoxicación ). En esta infografía he tratado de mostrar el proceso circular de trabajo en el UX Design . Se trata de un círculo "virtuoso", que se inicia a partir de los usuarios ,

Design Thinking, o cómo desarrollar un proceso creativo en cinco fases

Imagen
Design Thinking y Visual Thinking son términos que se están utilizando cada vez más y que responden al intento de recuperar el uso del lenguaje visual y sus recursos gráficos para explicar muchos aspectos de la realidad así como para  comunicar ideas, conceptos o procesos con la ayuda del Diseño, entendido como un proceso estratégico. Pensar visualmente y pensar en términos de diseño, desde los bocetos iniciales hasta la realización final de las ideas, y su implementación, o difusión entre nuestros públicos  o usuarios objetivos, es un trabajo estratégico .  Se requiere una metodología y seguir un proceso creativo no lineal, en el que es preciso desarrollar nuestra capacidad de análisis y de síntesis para gestionar la información que debemos dosificar y mostrar. Pensar en términos de diseño requiere la utilización de una sintaxis adecuada de las imágenes y del lenguaje gráfico que vamos a utilizar (de la misma forma que utilizamos la sintaxis para hablar y para escr

Isotype: Antes del "Visual Thinking"

Imagen
Ahora que se habla tanto de Visualización de datos, de Visual Thinking y de infografía, habría que recordar antecedentes fundamentales que innovaron y crearon método y escuela en esto de diseñar la información, como es el caso de Isotype. Pictogramas creados por Isotype para sus trabajos de visualización. ISOTYPE era el acrónimo de  International System of Typographic Picture Education , una institución creada y dirigida por Otto Neurath en los primeros años veinte del siglo XX, que también fue conocido como “método de Viena”. En sus orígenes se trataba de un intento de reducir la ornamentación en los mensajes gráficos, introduciendo el uso de pictogramas, iconos y otras formas gráficas elementales para aplicar a la educación. Neurath, filósofo austriaco, que pretendía la creación de un lenguaje basado en iconos y pictogramas cuyo objetivo fuera comunicar mensajes complejos usando la menor cantidad posible de texto (“las palabras separan, las imágenes unen”). Mediante

Cómo conseguir tráfico para tu Web

Imagen
Un buen diseño y buenos contenidos son muy importantes para el éxito en la Web, pero si no se promociona mediante SEO y otras técnicas para que tu web o blog sea encontrada y visitada, no servirá de mucho. En estas dos infografías explico algunas cuestiones básicas sobre cómo conseguir más tráfico para una web o un blog. Hablamos del posicionamiento en buscadores o posicionamiento web para que las páginas puedan ser encontradas por los usuarios con cierta facilidad por la base de datos de los grandes Motores de Búsqueda de Internet y por sus algoritmos de búsqueda. A esto es a lo que llamamos  SEO   ( Search Engine Optimization ). Consiste básicamente en la tarea de ajustar la información de las páginas que se pretenden hacer aparecer en primeras posiciones de los resultados mediante la optimización para motores de búsqueda. Una buena posición SEO se consigue mediante tres aspectos clave:   1.   Técnica : rápida descarga, indexación correcta y diseño adaptable. 2.  

Diseño de marca: lo visual y lo verbal

Imagen
Diseñar una imagen que identifique y represente gráficamente ideas como la trasparencia y la participación ciudadana y, más concretamente, a una institución pública del Estado que promueve una red de entidades locales para ese fin, no es una tarea fácil. Elegir esa imagen también puede ser complicado para sus promotores. Existen muchos reclamos visuales a nuestro alrededor, muchas imágenes que tratan de ser identificadas y relacionadas con ideas, con empresas o con proyectos concretos.  En el caso de una marca , incluye un aspecto verbal (el nombre, que se representa gráficamente mediante caracteres escritos o tipografía   y un elemento simbólico, icónico, estrictamente visual, además del color . Según el tipo de proyecto y el enfoque, la identidad de marca pondrá más énfasis en el aspecto del nombre (logotipo) o en el aspecto simbólico o icónico gráfico.  El nombre de una marca - naming - requiere ser estudiado detenidamente para que se pueda recordar con faci

Logotipo e identidad visual básica

Imagen
Un Canal de Vídeos en Internet como Canal Residuos-Recursos necesita, como mínimo, un logotipo que se aplique en los soportes básicos donde se vaya a reproducir. Además de crear unos signos básicos que representen el proyecto y lo identifiquen entre sus públicos y usuarios, requiere de una estrategia visual de comunicación que tenga previstas otras opciones de visualización sin diluir sus rasgos básicos. La marca gráfica o logotipo se convierte en el símbolo y representación del proyecto, empresa u organización. Por esta razón es muy recomendable tener previsto un estudio de su lenguaje y estilo gráfico.  Ese análisis previo, que debería ir acompañado de un completo briefing , debe contemplar una representación adecuada (para su mercado, para sus públicos, para sus mensajes, para sus medios y formatos...) además de las diferentes opciones y soportes donde la marca va a aparecer.  Esta es la razón básica por la que hay que ser muy cautos con el uso del color y d

IBM: Un hito en la identidad visual

Imagen
El logotipo rayado de IBM y el desarrollo de la identidad corporativa de esta empresa, proyectados durante décadas por el diseñador Paul Rand, marcaron un hito en el diseño del siglo XX y un paradigma de la imagen de empresa y de sus estrategias de comunicación. Durante décadas, IBM ( International Business Machines ) utilizó estratégicamente el diseño. " Good design is good business " afirmaban sus responsables. Entre los años 60´y los 80´ se crearon diferentes aplicaciones y normas de diseño que configuró un verdadero programa de identidad gráfica. Y se implementaban en todos los soportes posibles, desde las instrucciones a la hora de reproducir el logo, pasando por las normas tipográficas de las publicaciones, los documentos y los anuncios, las señalización, los edificios o el packaging de los diferentes productos.   Era el símbolo del diseño racionalista y funcional que muchas grandes corporaciones asumieron buscando coherencia en la imagen gráf

Editar por libre

Imagen
El trabajo editorial de Beau Geste Press durante los años 70´ nos parece, al observarlo ahora, rudimentario y primitivo, especialmente si lo comparamos con la actual edición digital. Pero, ¿por qué podría resultar pertinente recordar esta  romántica  aventura? Beau Geste Press (BGP) fue una editorial independiente especializada en obras de artistas contemporáneos, con tiradas muy limitadas y una producción absolutamente artesanal, cuya existencia ahora hemos podido recuperar gracias al CAPC (Museo de Arte Contemporáneo de Burdeos). Fundada en 1971 por los artistas mexicanos Martha Hellion y Felipe Ehrenberg en una granja de la campiña inglesa (en Devon, para ser más exactos) y cerrada definitivamente en 1976, BGP ejerció una gran influencia en los circuitos de vanguardia y en la difusa periferia de los centros artísticos de su generación. A modo de comuna -muy al estilo de la época- se instalaron con sus hijos y amigos en una granja dispuestos a desarrollar su pr

La Comunicación No Verbal, explicada infográficamente

Imagen
Cuando Flora Davis afirmó que “el cuerpo es el mensaje” estaba sintetizando en un slogan algo que ya se había demostrado científicamente: cuando nos dirigimos a los demás intentando transmitir un mensaje hablado, son precisamente los aspectos no verbales los que más importancia tienen en el éxito o el fracaso de esa comunicación. Aspectos relacionados con lo que llamamos paralenguaje , como el tono o el timbre de la voz, las pausas, la velocidad o la intensidad al hablar, y también con la kinésica , que estudia los movimientos, las posturas, los gestos o las miradas, influyen bastante más en el resultado final que el propio contenido de nuestras palabras. Es algo que debe estar muy presente y es importante conocerlo en el momento de hacer una presentación en público, de impartir una clase o de enfrentarse a una entrevista de trabajo. Se trata, en esencia, de contar historias, de interesar a los demás, y como en cualquier cuento, que tenga un principio y un final. P

Gráficamente

CONTACTO: ENVIA TU COMENTARIO

Nombre

Correo electrónico *

Mensaje *