conceptos basicos de diseño digital

diseño digital

¿Qué es el diseño digital?

principios de diseño grafico

El diseño digital consiste en crear un lenguaje que planifica nues tro comportamiento en un medio digital, entendiendo como medio digital una pantalla.

RepeticiÓn: se base en un esfuerzo consciente por unificar un diseño repitiendo elementos a lo largo de toda la pieza. Contraste:El contraste es un principio de diseño que se produce cuando dos elementos son diferentes. Entre más grande sea la diferencia, mayor será el contraste. Alineación:El principio de alineación nos dice que ningún elemento de la página debe estar puesto arbitrariamente. Cada elemento debe tener alguna conexión visual con otro elemento de la página.

Elementos del diseño grafico

Conceptuales:Se trata de una forma de expresión visual que se utiliza para desarrollar y representar ideas, conceptos y diseños previos a la creación final de personajes, entornos, objetos y escenarios en diversos medios como el cine, los videojuegos, la animación, la publicidad y más. visuales:es el arte de comunicación visual a través de texto, imágenes, símbolos o ilustraciones. Sirve tanto para identificar una marca, recordar un mensaje, encontrar una gran oferta de valor o atraer a tu cliente ideal. relacion:Los elementos de relación se utilizan para definir las interacciones entre las distintas formas que componen un diseño. practicos: son aquellos que tienen una interpretación subjetiva y a los que podemos dotar de un significado. Los elementos prácticos son la representación, el significado y la función.

diseño digital

tipos de gráficos

mapa de bits:Se trata de aquellas imágenes que se forman a partir de puntos, llamados píxeles dispuestos en un rectángulo o tabla, que se denominada raster. Cada píxel contiene la información del color, la cual puede o no contener transparencia, y ésta se consigue combinando el rojo, el verde y el azul.

principios de diseño grafico

Repeticion: se base en un esfuerzo consciente por unificar un diseño repitiendo elementos a lo largo de toda la pieza. Contraste:El contraste es un principio de diseño que se produce cuando dos elementos son diferentes. Entre más grande sea la diferencia, mayor será el contraste. Alineación:El principio de alineación nos dice que ningún elemento de la página debe estar puesto arbitrariamente. Cada elemento debe tener alguna conexión visual con otro elemento de la página.

El formato de archivo vectorial: es uno de los dos tipos de imágenes principales que existen para trabajar con fotografías, gráficos, logotipos y demás imágenes digitales (el otro es el formato de archivo rasterizado). ejemplo: Los tipos más comunes de archivos vectoriales son AI (Adobe Illustrator), EPS (Encapsulated PostScript), PDF (Portable Document Format) y SVG (Scalable Vector Graphics).

diseño digital

(Mapa de bits):

Formatos de graficos

Archivos JPEG: Es un esquema de compresión que funciona bien para escenas naturales, como fotografías escaneadas. Cierta información se pierde en el proceso de compresión, pero la pérdida suele ser imperceptible para el ojo humano. Las imágenes JPEG de color almacenan 24 bits por píxel, por lo que son capaces de mostrar más de 16 millones de colores. También hay un formato JPEG de escala de grises que almacena 8 bits por píxel. Los JPEG no admiten transparencias ni animaciones. Archivos GIF: Es un formato común para las imágenes que aparecen en páginas web. Las imágenes GIF funcionan bien para dibujos de líneas, imágenes con bloques de color sólido e imágenes con bordes afilados entre los colores. Las imágenes GIF se comprimen, pero no se pierde información en el proceso de compresión; es decir, una imagen descomprimida es exactamente igual que la original. Archivos PNG: Conserva muchas de las ventajas del formato GIF, pero también proporciona funcionalidades que van más allá. Al igual que los archivos GIF, los archivos PNG se comprimen sin pérdida de información. Los archivos PNG pueden almacenar colores con 8, 24 o 48 bits por píxel y escalas de grises con 1, 2, 4, 8 o 16 bits por píxel. Archivos TIFF: Es un formato flexible y extensible, compatible con una amplia variedad de plataformas y aplicaciones de procesamiento de imágenes. Los archivos TIFF pueden almacenar imágenes con un número arbitrario de bits por píxel y pueden emplear diversos algoritmos de compresión. Archivos BMP: Es un formato estándar que Windows usa para almacenar imágenes independientes del dispositivo y de la aplicación. El número de bits por píxel (1, 4, 8, 15, 24, 32 o 64) para un archivo BMP determinado se especifica en un encabezado de archivo. Los archivos BMP con 24 bits por píxel son comunes.

(Vectoriales):

Archivos SVG: es una herramienta que se emplea habitualmente para mostrar gráficos, diagramas e ilustraciones bidimensionales en los sitios web. Archivos EPS: Gestiona los gráficos vectoriales y prepara tus imágenes para obtener impresiones de alta resolución con el formato de archivo EPS (Encapsulated PostScript, es decir, PostScript encapsulado), el estándar del sector para la impresión profesional. Archivos AI: son el tipo de archivo vectorial nativo de Adobe Illustrator. Con ellos, los diseñadores pueden ampliar sus gráficos, dibujos e imágenes de forma infinita sin que ello afecte a la resolución. Archivos EMF: Es un formato de archivo de Windows diseñado para almacenar grandes cantidades de detalles de imagen con el fin de conseguir una impresión de alta calidad. Archivos IGES: Es un formato de archivo del software de Computer Aided Design (CAD). Los ingenieros y diseñadores emplean este software para crear distintos tipos de imágenes, como borradores y planos.

diseño digital

Tipos de software

Modos de color

Vectoriales

El modo de color RGB está basado en la suma de los colores lumínicos primarios. A esto se le conoce como síntesis aditiva, donde los colores deben sumarse para conseguir uno nuevo. Esos colores son el Rojo (Red), el Verde (Green) y el Azul (Blue).

Mapa de bits

El formato de color CMYK está basado en la sustracción del blanco usando para ello mezclas de pigmentos. Es lo que se conoce como síntesis sustractiva. Los colores sustractivos primarios para este modo de color son Cian (Cyan), Magenta (Magenta), Amarillo (Yellow) y Negro (Black).

bitmap:Suelen ser más utilizados o convenientes para la edición de fotografías, aunque muchas personas los usan también para la edición de interfaces de usuario y hasta el diseño de webs. Photoshp: Esta herramienta profesional de edición digital se usa principalmente por fotógrafos y diseñadores para retocar imágenes y editar videos, crear mapas de bits y GIFs, y hacer diseños e ilustraciones. Gimp es una herramienta profesional para edición gráfica, o programa de manipulación de imágenes, potente y muy popular, siendo una de las aplicaciones más interesantes del mundo del software libre. Está disponible en varias plataformas como Windows (XP o vista), Linux, Mac OS X, etc.

Inkscape: es posible crear logotipos, carteles o banners. Aunque no tiene todas las características de Illustrator, este software ofrece buenas herramientas de diseño gráfico: CoreIDRAW: es un software de diseño gráfico que permite a los usuarios crear diseños profesionales con ilustraciones vectoriales, diseño, edición de fotos, tipografía, herramientas de plantillas y más. Krita: es un software de gráficos vectoriales que ayuda a las empresas a gestionar recursos, renderizar animaciones, crear capas de diseño y editar texto desde una plataforma centralizada.

diseño digital

Referencias

https://www.getapp.com.mx/directory/2019/vector-graphics/softwarehttps://www.poli.edu.co/blog/poliverso/diseno-digital-que-es#:~:text=El%20dise%C3%B1o%20digital%20o%20dise%C3%B1o,espec%C3%ADficamente%20en%20el%20ecosistema%20digital. https://www.educa.jcyl.es/educacyl/cm/gallery/CCD/Area_2/A2.2_Presentaciones_e_infografias/1_principios_bsicos_compositivos.html#:~:text=Los%20principios%20b%C3%A1sicos%20del%20dise%C3%B1o,la%20repetici%C3%B3n%20y%20la%20continuidad. https://www.ibm.com/docs/es/cognos-analytics/11.1.0?topic=charts-chart-types https://imborrable.com/blog/rgb-y-cmyk/#:~:text=Entre%20los%20modos%20de%20color,como%20el%20porcentaje%20de%20negro). https://desarrolloweb.com/colecciones/diseno-mapa-bits