Blog

Diseño Web, ¿Qué es? Todos los conceptos

‘Los usuarios dedican treinta segundos a leer la página de inicio de una web.
En este tiempo y en pocas palabras, la web debe mostrar lo que ofrece.’
(Jakob Nielsen)

 

Para empezar  hay que entender algunos conceptos que engloban al diseño web. Diseño Web es una actividad que consiste en la planificación, diseño, implementación y mantenimiento de sitios web. Abarcan diferentes aspectos (diseño gráfico web, diseño de interfaz y experiencia de usuario, como la navegabilidad, interactividad, usabilidad y la arquitectura de la información.) “Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra”.
El diseño web implica conocer cómo se deben utilizar cada uno de los elementos permitidos en HTML (consta de una serie de elementos que estructuran el texto y son presentados en forma de hipertexto por los navegadores. Las siglas son HyperText Markup Language), es decir, hacer un uso correcto de este lenguaje dentro de los estándares establecidos por la W3C y en lo referente a la Web semántica. La Web semántica aboga por un uso lógico de los elementos según el significado para el que fueron concebidas. De esta forma se utiliza el documento HTML para contener, organizar y estructurar la información, y las Hojas de Estilo CSS para indicar como se mostrará dicha información en los diferentes medios (pantalla de ordenador, móvil…)

El diseño web debe seguir unos requerimientos mínimos de accesibilidad web que haga que sus sitios web o aplicaciones puedan ser visitados por el mayor número de personas (Para conseguir estos objetivos, se han desarrollado pautas como las del W3C, siglas de World Wide Web Consortium). Por otra parte el diseño web adaptable (‘responsive’) es una filosofía de diseño web que tiene como objetivo adaptar una misma página web a distintos tamaños de pantalla, dispositivos y orientaciones. Aunque el código HTML es el mismo, la apariencia del sitio cambiará de acuerdo con las especificaciones (las llamadas ‘media queries’) de las hojas de estilo en cascada CSS.

El JavaScript (JS) es el lenguaje de programación que debes usar para añadir características interactivas a tu sitio web (juegos, eventos, animaciones…), se aplica en el archivo HTML, para convertir una página estática en dinámica. En cambio PHP (Hypertext Preprocessor) es un lenguaje de programación de código abierto adecuado para el desarrollo web y también puede ser incrustado en HTML, pero este se ejecuta en el lado del servidor, JavaScript es en el lado del cliente (navegador). El cliente recibirá el resultado de ejecutar el script, aunque no se sabrá el código subyacente que era. El servidor web puede ser configurado incluso para que procese todos los ficheros HTML con PHP. (Muchos CMS como WordPress utilizan código PHP).

Un CMS (WordPress o Joomla) es un sistema de gestión de contenidos que permite crear un entorno de trabajo para la creación y administración de contenidos (páginas web), y evitan el uso de escribir código. Estas herramientas son aplicaciones web creadas con lenguajes de programación PHP, y usan bases de datos MySQL (permiten implementar también webs dinámicas). WordPress que empezó como creación de blogs, se ha convertido en la herramienta más utilizada para la creación de webs pequeñas y medianas.

 Otro tema importante en el diseño web, es el Diseño UX/UI, son dos conceptos diferentes. UX (User Experience) hace referencia a la forma en la que los usuarios interactúan con un producto o servicio (como un usuario interactúa con una web o app). En cambio el UI (User Interface) se centra en la parte visual. Un producto o web sea útil para los usuarios. Por eso UX y UI deben de ir de la mano, para que la web o producto sea 100% pensado para los clientes.

Por último el Posicionamiento SEO se trata de una serie de técnicas para optimizar un sitio web para que pueda cumplir estándares que son tomados en cuenta como ‘Google’, y así poder posicionar en los buscadores de acuerdo con la temática del sitio web. Se ha llegado a estandarizar cientos de buenas prácticas para que el usuario pueda navegar y encontrar lo que esta buscando dentro de una página web de una manera más eficiente. Todos estos requisitos son catalogados por los algoritmos de los bots de los buscadores de manera automática para intentar discernir que páginas son más relevantes que otras en determinada búsqueda orgánica por el usuario.
La finalidad es que la página sea lo más accesible posible para los bots de los buscadores, lo cual ayudará a que se posicionen más alto en las búsquedas para las cuales están optimizadas.

Salidas laborales para Ilustradores:

Hoy toca hablar del ilustrador como profesión, un ilustrador actualmente puede enfocar su trabajo profesionalmente a muchos sectores diferentes.

Como ya sabéis es difícil encontrar trabajo como ilustrador, pero eso no quiere decir que sea imposible, por ejemplo se puede combinar con el diseño gráfico, animación, tatuaje, decoración, etc.

Podemos encontrar varios ámbitos en el mundo de la Ilustración:

-Ilustración Editorial (libros ilustrados, infantiles, cómic…)

-Ilustración de Moda

-Ilustración Científica (dibujos de botánica, de animales, de anatomía…)

-Animación (diseño de personajes, fondos y escenarios, storyboard…)

-Y por último la Publicidad Creativa ( diseño de marca, cartelería, packaging, anuncios…)

La mayoría de ilustradores trabajan de manera independiente, lo que conocemos hoy en día como ‘freelance’, y recibe los encargos por proyectos.

Y para encontrar trabajo hay que moverse buscando por Internet, por ejemplo mandando correos, acudiendo a eventos y ferias, participando en concursos, networking (conociendo gente del mismo círculo y conectando con ellos), publicando en Redes Sociales y en la Web, y enviando newsletters.

Como puedes ver hay muchas maneras y cada una es más efectiva dependiendo de cómo la uses y a cuanta gente llegues, pero lo principal es estar en movimiento y no parar de crear cosas nuevas, y siempre intentando que sean únicas y atrayentes para el público porque así se consigue destacar.

Y lo más importante… ¿Qué hay que tener para empezar a moverse como ilustrador profesional?, aparte de un buen CV obviamente.

-Un Portafolio de trabajos (actualmente de manera online mueve mucho más y llega a más personas).

-Estar en Redes Sociales (para crear una red de contactos en Internet).

-Tarjetas de visita (para dar a la gente físicamente, nunca está de más y es una manera de darse a conocer que se sigue usando por mucho que el digital gane).

-Y mucho Marketing detrás, para llamar la atención.

Hemisferio Derecho – Creatividad

Todos tenemos dos partes en nuestro cerebro, el lado izquierdo (también llamado hemisferio izquierdo), la lógica, y el lado derecho (o hemisferio derecho), la creatividad. Son asimétricos y cada uno desarrolla habilidades diferentes, por lo que las dos partes son esenciales y se compaginan mutuamente.

El cerebro balancea cuidadosamente y da el control de ciertas funciones a cada lado. La mayoría de las personas son diestras, lo cual en realidad es la parte izquierda quien controla.

La imaginación y la creatividad suelen ser características de las personas que desarrollan más el lado derecho, mientras que la lógica y las matemáticas son los que utilizan el lado izquierdo.  Nos centraremos en el lado derecho (que recuerda en imágenes), las sensaciones,los sentimientos, la música o el arte, la percepción, expresar emociones y la intuición. Actividades como dibujar, soñar despierto, la lectura, meditación, música o escribir un diario, son más comunes en personas que usan el lado derecho del cerebro. Estas personas son imaginativas y creativas, y entre este tipo encajan los músicos, los artistas o inventores.

Ser creativo a la hora de crear ideas

Existen diferentes técnicas para ayudar a desarrollar la creatividad de uno mismo cuando necesitas crear una idea para un proyecto.

-Brainstorming. O también conocido como ‘lluvia de ideas’, se suele usar mucho para desarrollar ideas en equipo, cada uno va soltando ideas de lo que se le ocurre con relación a un tema, proyecto, y luego se decidirá la que mejor encaja.

-Mapas o esquemas mentales. Representar la idea sobre un papel de manera gráfica para poder visualizarla mejor, utilizando material como lápices, rotuladores, etc. No hay que llenarlo todo de conceptos, hay que intentar resumirlo y hacerlo simple para llegar a un objetivo concreto.

-Inspirarse en ideas de otras personas, OJO!no copiar, sino que los trabajos y proyectos que otros han creado te den una idea nueva o parecida, pero intentar que no sea lo mismo, innovar a través de lo que ya existe, sacar ese concepto, idea de su entorno y llevarlo a nuestro terreno.

-Investigar, busca nueva información, hoy en día con Internet tenemos muchas oportunidades. También Hablar con otras personas, tanto artístas como tu que te puedan ofrecer nuevas perspectivas, como incluso personas que no trabajan del arte, porque a veces de algo muy simple y fuera de nuestro conocimiento viene la inspiración.

Y prácticar mucho, dibujar, pintar, lo que sea, pero no hay que parar de trabajar nuestra creatividad ningún día, que nuestro cerebro siempre este funcionando.

Creatividad

“La curiosidad por la vida es el secreto de la gente creativa.” (Lee Burmet)

Ser creativos debería ser una parte de nosotros, desde pequeños somos muy creativos y desarrollamos nuestra imaginación, pero a medida que vamos creciendo solo unos pocos deciden seguir progresando su parte creativa y ser más inventivos, los artistas: músicos, pintores, diseñadores, ilustradores, fotógrafos, escritores, poetas, bailarines, actores, etc.

Así que yo apoyo, y empujo a los que aun no usan su parte creativa, a que poco a poco la vayan haciendo crecer y nunca perderla, intentemos que la imaginación no desaparezca.

Arte, ¿Qué es?

Del latín ‘ars’, ‘artis’ y del griego ‘téchne’. El Arte es entendido generalmente como cualquier actividad realizada con una finalidad estética y también comunicativa, mediante la cual se expresan ideas, emociones, y en general una visión del mundo a través de diversos recursos, como los plásticos, lingüísticos, sonoros, corporales y mixtos. Es un componente de la cultura, reflejando en su concepción las bases económicas y sociales, y la transmisión de ideas y valores a lo largo del espacio y el tiempo.

‘Arte’ es sinónimo de capacidad, habilidad, talento, experiencia. Sin embargo, más comúnmente se suele considerar al arte como una actividad creadora del ser humano, por la cual produce una serie de objetos (obras de arte),  cuya finalidad es estética. En este contexto, arte sería la generalización de un concepto expresado desde antaño como ‘Bellas Artes’ (actualmente en desuso y reducido a ámbitos académicos). Clasificación (8):

  • Arquitectura
  • Escultura
  • Pintura/Dibujo
  • Música
  • Literatura (Poesía)
  • Teatro/Danza
  • Cinematografía
  • Fotografía

Géneros Artísticos:

  • Retrato
  • Paisaje
  • Desnudo
  • Bodegón

Historia del Arte:

  • Prehistoria (ca. 25000-3000 a.C)
  • Antiguo (ca. 3000-300 a.C)
  • Clásico (1000-300 d.C)
  • Alta Edad Media (Siglo IV-X)
  • Baja Edad Media (9000-1400)
  • Edad Modera (1400-1800)
  • Edad Contemporánea (1800-Actualidad)

(Texto sacado de Wikipedia)

Ilustración, ¿qué es?

Se denomina Ilustración (del latín ‘Illustrare’) al dibujo o imagen que adorna o documenta el texto de un libro. Componente gráfico que complementa o realza un texto (en diseño). Las ilustraciones son imágenes asociadas a palabras, esto significa que podemos producir imágenes que llevan un mensaje como las pinturas rupestres y los mosaicos religiosos. Tipos de ilustración: Científica, literaria, publicitaria (carteles, folletos, envases. El ‘storyboard’ también se utiliza en el mundo de la publicidad para la creación de spots), y por último la editorial (periódicos, revistas y páginas web)

La historia se remonta cuando la Ilustración fue un movimiento cultural , político e intelectual europeo. Se desarrolla desde mediados del siglo XVIII, teniendo como fenómeno la ‘Revolución Francesa’ (conocido como el siglo de las Luces). Los pensadores de la Ilustración sostenían que el conocimiento humano podía combatir la ignorancia, la superstición y la tiranía para construir un mundo mejor. Este tipo de pensamiento se expandió en la burguesía y en la parte de la aristocracia a través de nuevos medios de publicación y difusión. También asocian al nacimiento de la Ilustración con el nacimiento de la Imprenta, los progresos de las artes foto-mecánicas proporcionaron nuevos caminos a la ilustración tipográfica (fotolitografía, fototipia, cincografía, y tricomía)

Hoy en día crece más el interés de los coleccionistas por los originales usados en los libros, revistas, posters, etc. Muchas revistas y galerías de arte hacen homenaje a los ilustradores tanto del pasado como del presente, y en el mundo del Arte los ilustradores son comparados con artistas plásticos y diseñadores gráficos. Y gracias a los juegos de ordenador y los cómics que están en continuo crecimiento, los ilustradores actuales están recibiendo una gran importancia y popularidad en los mercados.

(Texto sacado de Wikipedia)

Diseño, ¿qué es?

El Arte y el proceso de combinar texto e imágenes para comunicar un mensaje de forma efectiva.

El Diseño Gráfico es una procesión cuya actividad consiste en proyectar comunicaciones visuales destinadas a transmitir mensajes específicos a grupos sociales. (También se conoce con el nombre de diseño en comunicación visual).

Su Historia tiene origen en las pinturas rupestres del Paleolítico y en el nacimiento del lenguaje escrito en el tercer milenio a.C, también con el xilógrafo del siglo XV, o con el litógrafo de 1890. Sus antecedentes, el libro de ‘Kells’, una Biblia manuscrita ilustrada, realizada por los monjes irlandeses del siglo IX.

La Historia de la Tipografía y del libro está estrechamente vinculadas a la del Diseño Gráfico. De ahí que cuando se habla de la historia del diseño gráfico también se cita la tipografía de la Columna de Trajana, las miniaturas medievales, la Imprenta de Johanes Gutenberg, la evolución de la industria del libro y el Movimiento de Artes y Oficios (Art and Crafts) de la Bauhaus. La introducción de los tipos móviles por Gutenberg hizo los libros más baratos de producir, además de facilitar su difusión. Los primeros libros impresos marcaron el modelo a seguir hasta el siglo XX. El Diseño Gráfico de esta época se ha llegado a conocer como Estilo Antiguo o Humanista, debido a la escuela filosófica de la época.

En la actualidad, gran parte del Diseño Gráfico es asistido por herramientas digitales, se ha transformado por causa de los ordenadores. Programas que son la esencia de la auto-edición (o composición digital de documentos), como Adobe InDesign, Publisher (de Microsoft Office) o Quark Press, para aplicaciones de ilustración, como Adobe Illustrator, Corel Draw, Inkscape o Freehand, y por último de tratamiento de imágenes y fotografías como Adobe Photoshop o Gimp.

(Texto sacado de Wikipedia)