Teoría de diseño digital para diseñadores gráficos: redes sociales, web y más

1. Introducción a la clase: Este corto curso base de teoría te guiará a través de la teoría del diseño digital, incluyendo las mejores prácticas para redes sociales, iconos de sitios web y diseño de pantalla digital estática. Te presentaré el diseño digital y lo que hace que el diseño digital sea diferente al diseño de impresión . Nuestros otros medios de diseño tradicional que primero hablarán sobre un diseño de redes sociales fuerte y cómo captar la atención de los espectadores y mantenerlos comprometidos a través del contraste. Color y fotos. X cubrirá el diseño web y móvil y hablará de la importancia de la jerarquía de tipos y entenderá qué papel juega un diseñador gráfico y los proyectos de diseño web revisarán varios ejemplos de diseños que funcionan y convierten bien y hablarán de las razones por las que también cubren la accesibilidad, diseño condicional y cómo pensar en otros con limitaciones físicas a la hora de crear tus experiencias digitales. Por último, hablaremos de principios fuertemente fuera y diseño digital estático, como portadas malvadas, campañas de email, carteleras digitales y más. Este curso cubre todos los temas diseño de vigilia y no sólo te preparará para estar al día con el diseño en el mundo moderno, sino que te daré una base básica necesaria para empezar a abordar nuevas, emocionantes, digitalmente proyectos de enfoque 2. Introducción al diseño digital: diseño digital se refiere a cualquier diseño que haya elaborado para el espacio digital, incluyendo dispositivos móviles, tabletas, computadoras de escritorio, pantallas de proyector, grandes carteleras digitales y más. Los diseñadores gráficos se han centrado en su mayoría en proyectos de diseño de impresión como tarjetas de visita, pancartas estacionarias de zoológico, camisetas, sombreros, diseño de paquetes en el pasado. Pero a medida que avanza el tiempo, sólo habrá B'more y más demanda de proyectos basados en digitales. Depende de ti como diseñador estar bien versado en todos los aspectos del diseño digital, que puedas sentirte cómodo diseñando para pantallas súper pequeñas y pantallas de proyección súper grandes , también. Todos los proyectos de diseño digital se dimensionan utilizando píxeles, píxeles o cuadrados de luz que pueden ser blancos, rojos, verdes, azules o negros. Todas las pantallas digitales se crean utilizando un área determinada de píxeles. Tus imágenes de TV de pantalla panorámica de 10 80 p Air creado usando una combinación de 1920 píxeles y con por 10 80 píxeles y bombo, dando a esa pantalla un total de 2,073,600 píxeles. Eso es un montón de píxeles que o bien sabían que simplemente se encendieron para crear esa imagen de alta y nítida resolución. Cuatro granos de caja usando aún más increíble cantidad de píxeles puntera iluminan la pantalla con 2160 píxeles de altura y 38 40 píxeles. Y látigo. Creo que el aspecto más desafiante de trabajar con proyectos de diseño digital como diseñador es la amplia gama de pantallas con las que necesitamos estar listos para trabajar. En ocasiones podrían ser más pequeños ya que entra una pantalla de ocho iPhone y solo 750 píxeles ancho por 1334 píxeles de altura. Aún más pequeño es un anuncio de display móvil que llega en tan solo 300 por 50 píxeles. Creo que la clave para ser un gran diseñador digital es entender cómo usar mejor los tamaños pequeños a tu favor. Por ejemplo, una simple campaña en redes sociales. Digamos que tenemos varios tamaños con los que necesitamos trabajar, pero de alguna manera tenemos que comunicar alguna información básica requerida por el cliente. A medida que nuestros tamaños se hacen cada vez más pequeños, hay que hacer ciertas concesiones, y depende de usted resolver esto y comunicarse con el cliente. Esas concesiones, por ejemplo, en nuestra campaña en redes sociales, empezamos con una gran publicación en Facebook, y luego necesitamos crear anuncios de display estáticos o hay pequeños anuncios que veas en sitios web en la parte superior y lateral de un bloque de contenido o blawg. Algunos de esos anuncios de display pueden ser muy pequeños. Más pequeños aún, son estos anuncios de display para móviles. Tenemos que convencer de alguna manera nuestro concepto principal y tema en áreas más pequeñas, pero aún así retener son consistentes branding nuestro mensaje y nuestro concepto principal de la campaña. Y lo hacemos centrándonos en lo que es más importante en este caso. El llamado acción es la parte más vital de un anuncio, y sin motivo para hacer clic hasta la página de destino, tu sitio web no hay valor que esté creando el anuncio. Es solo estático, y esto son solo redes sociales. Hay tantas categorías y diseño digital que dependen de un diseñador gráfico para desarrollar los gráficos. Para hay también el diseño para móvil. Esto podría ser versiones móviles, APS o incluso móviles de sitios web. ¿ Qué colores usar, cómo usar el contraste, qué pensamientos uso? Todas estas decisiones juegan grandes papeles en la efectividad de una aplicación móvil o sitio web. También hay formato más grande. Gráficos digitales como los que ves en tu estadio local. Su power point se desliza para grandes conferencias que necesitan hacerse que coincidan con el branding de la conferencia. Incluso hay carteleras digitales de gran formato, que se están volviendo cada vez más favorecidas sobre las carteleras impresas de estilo antiguo. Debido a los costos reducidos de ejecutar una cartelera digital, también es necesario crear iconos como el que ves para los iconos de APP en tu teléfono. Existe un método especial para crear aquellos que usan una cuadrícula especial creada por Apple para ayudar a encontrar la colocación más efectiva de los elementos. Ciertos iconos se pueden ver mejor que otros y un mar de diferentes iconos de aplicaciones. En ocasiones el uso del color como un rojo, puede ayudar a que uno realmente destaque en esa C o una forma simple o una letra. También, hay iconos que deben crearse para APS, sitios web y aplicaciones. Hay un arte para crear iconos que comuniquen acciones complejas. Usar las formas más simplificadas es posible. Los iconos solo pueden tener 50 por 50 píxeles y tamaño de cualquier momento, lo que poder simplificar un concepto complejo es algo aprendido y practicado Los iconos que se utilizarán como conjunto conjunto necesitan tener un aspecto y una sensación consistentes. Por ejemplo, estos tienen un tamaño de trazo similar en todo el conjunto, y no se detiene ahí. También hay miniaturas basadas en video que necesitan crearse para YouTube y otras plataformas . Estos necesitan convertir y ser efectivos en el dibujo del usuario para hacer clic a través del video. forma en que utilices fotos, colores y tipografía contribuirá todo a la efectividad del video y haga clic a través de las tasas. Por ejemplo, las miniaturas de YouTube que airean de naturaleza simple y tienen un punto focal principal tienden a hacerlo mejor que las que tienen toneladas de texto y fotos. Además, esas miniaturas con rostros de personas tienden a convertirse mejor con miniaturas con solo texto . Esto se debe a que nosotros, como humanos tendemos a conectarnos con los rostros humanos y la psicología humana, podemos jugar un papel importante en el diseño digital. También hay portadas de libros e, y tienden a impulsar las ventas en función de la efectividad del diseño de la portada. En ocasiones la portada de un libro es lo único que el espectador ve al clasificar a través de cientos de posibles selecciones de libros y poder crear una portada de libro digital que convertirá y atraerá y venderá. El libro puede marcar la diferencia entre buenas ventas y grandes ventas. Como puedes ver, los diseñadores tienen enormes papeles que desempeñar en un mundo adicional, y es nuestro trabajo asegurarnos de que estamos preparados para crear imágenes altamente efectivas rápidamente que puedan impulsar las ventas para nosotros mismos, nuestros clientes y los negocios para los que trabajamos. 3. Diseño para redes sociales: ¿ qué pasa en diseñar una imagen para su uso en redes sociales? ¿ Cuáles son las cosas que se sabe que son efectivas y dibujando esas bolas altas a nuestro contenido ? Hay algunas reglas y consejos básicos que pueden ayudarte a ser más efectivo. Diseñador de contenido de redes sociales En primer lugar, entiende a tu público objetivo. ¿ Con quién intentas hablar? ¿ Teoh? Trata de entender al público objetivo estudiando la información demográfica. ¿ Están consiguiendo esa información para quien estés trabajando? ¿ Se mostrará tu anuncio de póster? Dos mujeres más que hombres? ¿ Estás apuntando a esos? Y un demográfico más joven que podría dar forma y moldear cómo te acercas al diseño? Un demográfico más antiguo podría necesitar un enfoque de diseño más conservador, mientras que un público más joven podría conectar más con algo más audaz y mostrar detenerse. Por último, donde se ubicaron geográficamente, los de Estados Unidos podrían conectar más con cierto diseño que alguien de Sudamérica o Asia, quizás usando fotos que mejor representen al público objetivo. Más podría ayudar en este sentido con su anuncio ser auténtico y parece obvio. Pero ser auténtico es más fácil dicho que se hace sobre todo en trabajar con clientes haciendo publicidad pagada . Clientes quieren empujar ofertas de productos y servicios. Pero necesitamos encontrar formas de crear un diseño que haga que esto parezca menos parecido a tus ofertas estándar Vemos todos los días, y hacen un dedo más convincente. Nuestro público objetivo. Por ejemplo, podemos crear un anuncio sencillo para una empresa de alimentos para mascotas y colocar una bolsa de comida justo en el centro del anuncio de redes sociales con un simple cupón. Parece muy tradicional, pero, bueno, bueno, ¿y si usamos una imagen de un dueño de una mascota disfrutando de su perro y luego la foto de un producto ? Mejor aún, ¿y si nos conectamos con ellos usando un titular inteligente también? Estos son pequeños retoques y cambios en los anuncios de dedo del pie, pero pueden tener un gran impacto en lo efectivo que es el uso del anuncio. Contraste bien, y hablamos de contraste en casi todas las lecciones de esta clase. contraste es la simple diferencia entre elementos de diseño. Cuanto más dramática sea la diferencia, mayor contraste tiene. Podemos usar el contraste de manera efectiva como diseñadores para dibujar los ojos del usuario en la parte más importante del anuncio, generalmente la llamada a la acción, o que a estas alturas desliza hacia arriba para obtener más botón o área. Pero también podemos usar el contraste con nuestro tipo resaltando una palabra en nuestro titular para sacar una palabra más favorable que ayude a empujar a las personas hacia nuestro objetivo principal para el anuncio. Por ejemplo, este anuncio que utiliza contraste para llevar esta palabra en el titular para dibujar al usuario en el concepto general del contraste del anuncio puede ser fácilmente más utilizado para muchos elementos que difieren drásticamente puede causar que un dedo del pie del anuncio se vea ocupado, anticuado y muy difícil de ver el contraste es el mejor uso con moderación y con un propósito. Utilizar fotos que se conecten con el espectador. Esto se remonta a ser auténtico también. Las fotos elegirían podrían tener enormes impactos en atraer a los espectadores. Y esto también es cierto para los anuncios impresos tradicionales. Toma, por ejemplo, este anuncio para un gimnasio podemos utilizar la foto estándar que se echa un vistazo fácilmente sobre donde podemos usar una imagen de mayor impacto para dibujar a esos espectadores y parar incluso por un segundo para echar un vistazo extra a la foto y el anuncio. Las fotos a todo color tienden a dibujar a los usuarios y más que en blanco y negro recuerdan en las redes sociales . Tienes el menor tiempo disponible para atraer a la gente a tu póster. Agrega la menor cantidad de cualquier otra plataforma publicitaria. Piensa en lo rápido que te desplazas por tu feed de instagram. No mucho tiempo, es fotos de lo primero que la gente ve y empiezan a leer el texto. A continuación, usa esto a tu favor. Cómo cosechas. Tu imagen es enorme también. Podemos hacer que las cosas se vean ordinarias o dramáticas simplemente recortándolas de las formas más convincentes en este ejemplo de la niña en un lugar exótico. Recortándolo de esta manera. Se ve bien, pero recorta de esta manera. Parece casi mágico e inspirador. Siéntase libre de editar sus fotos también. Para agregar pops de color, puedes hacer esto fácilmente, sea agregando nuevas capas a la tienda de fotos y fotos o un editor de fotos y usando modos de mezcla para dibujar color para hacer puestas de sol. Y más dramático, incluso he visto a la gente clonar en diferentes nubes para realmente poner la escena. Pero por favor ten cuidado con ser auténticos también. Porque famosos influencers en las redes sociales se han metido en problemas por agregar y falsificar nubes o comprar fotos, sus cuerpos. Hay una línea fina, y depende de ti decidir dónde recae esa línea para ti y tus espectadores. Hagas lo que hagas, solo asegúrate de contar una historia verdadera, creíble, creíble, auténtica. Usar variedad. Piensa en tu post y campañas en redes sociales como un tapiz de arte. Tiene que haber cierta consistencia de marca a lo largo de todo, pero eso no significa que necesites crear cookie. Cutter agrega que todos tienen el mismo formato. Algunas personas disfrutan viendo diferentes fotos siendo utilizadas titulares, arreglos y estilo. Esto es ideal para las pruebas de usuario para averiguar cuál es el mejor diseño y efectividad para diferentes tipos de anuncios. Social Media es una parte creciente de un conjunto de habilidades de diseñador y saber cómo lo mejor diseñado para redes sociales puede hacerte más comercializable como diseñador. En general, esto requiere mucha práctica y pruebas de usuario 4. Diseño para la web: ahora lo que hace un gran diseño Web todos los sitios web éticos? Eso podría ser para convertir usuarios a un servicio de suscripción, comprar un producto por solo proporcionar información útil al usuario. Un gran sitio web es aquel que convierte bien a sus espectadores. Esto podría ser a través del uso de branding consistente, autenticidad y copia bien escrita fotos efectivas del producto y más. Entonces, ¿cuál es tu papel es un diseñador gráfico en el mundo del diseño Web? Bueno, si puedes desarrollar en código un sitio web, eres una raza rara y te pagarán generosamente. Pero con el diseño de sitios web cada vez más complejo y codificación, cada vez más especializado y podría no ser algo malo tener nuestras diferentes especialidades, veo el diseño Web siendo responsabilidad de tres principales contribuyentes. En primer lugar, está el desarrollador. Tomará el diseño final y lo convertirá en una cosa codificada, riel factible. Requiere conocimiento de lenguajes de codificación front-end y back end, lenguajes del lado del servidor y mawr. Ah, individuo altamente especializado. Se enfoca en el lado técnico de las cosas. ¿ Cómo funciona? Y recién agregado al grupo en los últimos 10 años es el diseñador UX o diseñador de experiencia de usuario . Muchos diseñadores gráficos comienzan a aprender este campo del diseño, y está creciendo en popularidad. El diseñador de UX hará muchas de las pruebas de usuario y la investigación de usuarios para averiguar el orden de cómo el usuario necesita moverse por el sitio web. Esto significa que trazarán un recorrido del usuario para que sepas cuántas opciones de menú principal debe haber para el usuario y cuántos pasos en cada proceso para que el usuario llegue a su meta. Esto requiere un Thanh de investigación y algo llamado encuadre de alambre. El encuadre de alambre está lejos para que un diseñador de UX mapee el flujo de un sitio web y bloquee las áreas a las que puede necesitar ir un botón. Ah, foto o donde pueden estar las opciones para el usuario. Esto rara vez incluye gráficos finales y a veces puede simplemente ser genial fuera cajas. Entonces, ¿qué pasa con los visuales geniales, el branding, los colores? Aquí es donde el diseñador gráfico eres tú. Yo, diseñador de interfaz de usuario, podría entrar y realmente plasmar los detalles visuales. Una vez que tengas el marco básico de mapa del sitio de contorno, es tu trabajo crear guías de estilo de iconos, algunas ideas básicas de diseño para que el desarrollador pueda codificar esto y convertirlo en una realidad realmente pulida . Entonces ahora que conocemos nuestro papel, ¿cómo creo un diseño de sitio web efectivo o diseño de aplicaciones móviles? Y hay algunas ideas básicas a tener en cuenta usando el contraste. Y aquí estamos hablando de contraste una vez más. El contraste es una gran manera de llevar al usuario en un viaje hacia su destino deseado. Esto podría ser hacia un carrito de compras podemos usar rojo, que sería un color de contraste más alto aquí entre el mar de blanco. Para que el usuario encuentre fácilmente el carrito de la compra, facilitando su experiencia. Tu talla a tu favor. ¿ Qué opinas? Convierte mejor en este diseño de tienda e commerce, una característica de producto que tiene una foto pequeña o una que tiene una foto más grande. La foto más grande se convierte naturalmente mejor porque le da al espectador una mejor idea del producto en el que se están preparando para hacer clic. ¿ Qué crees que funciona mejor? 12 elementos listados en una pantalla o un seleccionado tres elementos comisariados. Los artículos tienen una característica más grande, tienden a hacerlo mejor. La gente se abruma con demasiadas opciones cuando te multaron esas opciones para el espectador. Tiende a reducir esta tensión emocional, facilitando la selección de una opción. En general, es por ello que la gente disfruta de contenidos curados como las noticias. Hay cientos de artículos noticiosos. Podemos leerlo en cualquier momento dado. Pero usar el tamaño para resaltar los más importantes sí maravilla para nuestra alma en nuestras mentes y nuestra conversión y haga clic a través de tarifas limpias y sencillas. Es el nombre del juego. Hablemos un poco de diseño limpio y diseño web y móvil. ¿ Qué crees que funciona mejor, El layout de la izquierda o el layout de la derecha? Simplificar el diseño puede ayudar al usuario a sentirse menos abrumado, igual que lo hizo cuando les dimos Más. Las opciones selectivas basadas en el tamaño tienen un sentido de jerarquía. No sientas que tienes que meter todo en un solo área. Serán ciertos artículos que traspasarán o importantes que otros. Por ejemplo, ciertos productos se venden mejor y serán una prioridad máxima. La jerarquía se puede aplicar al diseño móvil y Web de varias maneras. Tienes jerarquía de tipos, que podría definirse estableciendo un tamaño de fuente y esperar a tu tipo de titular principal más grande y luego poco a poco trabajas hacia los titulares más pequeños. Esto suele ser indicado por el término H uno para el más grande y bajando a H dos h tres , h cuatro y así sucesivamente para tamaños de titulares más pequeños. Después tienes tu copia principal del cuerpo o tu tipo de tamaño de párrafo, que suele ser una fuente simple, un peso normal y un poco más pequeña en comparación con los tamaños de titulares. Tu trabajo es un diseñador es establecer y establecer este sentido de jerarquía en el diseño. Tomemos este ejemplo. El ejemplo de la derecha realmente no usa el tipo son elementos clave o tamaños similares, y tienen casi cero contraste. Pero el ejemplo de la izquierda establece un sistema de jerarquía de tipos fuerte, que utiliza estilos variables para ciertos tipos de información, titulares y sub líneas, dando al diseño y sensación ordenada. Podríamos hacer lo mismo con el diseño de impresión, y se traduce bien a la Web. Las opciones de fuentes son todo no solo importante en el diseño Web, sino que todos los proyectos de diseño encuentran opciones lo son todo. Tamaños luchados más grandes pueden tener un enorme impacto en las páginas de aterrizaje para impulsar las ventas son para impulsar una acción o respuesta emocional. pontes que son demasiado pequeños en tamaño pueden impactar en legibilidad y efectividad. La mejor práctica para elegir fuentes para tu proyecto digital es mantenerlo de una manera sencilla y ordenada posible. Desea asegurarse de que sus opciones de fuente marquen todas las casillas en todo momento. Número uno. Es legible en el tamaño final. Una fuente utilizada en un sitio web de escritorio puede verse bonita y grande y legible. Pero cuando se reduce a la versión móvil del sitio web, ¿sigue siendo legible y no retiene el mismo impacto? Número dos. No estás usando demasiadas fuentes diferentes. Trata de evitar usar más de tres fuentes en una página Web o gráfico digital, a menos que exista una razón específica de diseño creativo. Para ello. Evita usar tipos de fuentes similares, como usar Helvetica cerca de Ariel. Ambos son muy similares en una apariencia de época, y ambos son tipos de letra sans serif, confundiendo al espectador de cuál es cuál. Por último, asegúrate de que sea fácil de leer manteniendo la longitud de línea razonable. Qué columna de información es más fácil de leer La versión de la izquierda son la versión de la derecha. Lo más probable es que el derecho sea más fácil de leer porque la longitud total nuestra longitud de línea del tipo es más fácil para los ojos leer. Lo mismo se aplica a los proyectos de impresión. Quieres poder mantener la longitud de tu línea de no más de 60 caracteres por línea. Puedes usar columnas y fotos para ayudarte a que esto sea más posible para ti. No tengas miedo de ser expresivo con tu tipografía y diseño digital. Utilizamos las tipografías predeterminadas como Helvetica para Danna una aérea porque eran Web seguras y los dispositivos de todos tenían estos preinstalados. Hoy en día podemos almacenar fuentes en la nube. Por ejemplo, Google Fonts mantiene todas sus fuentes en la nube para que ahora puedas cargar una mayor variedad de fuentes. Y la gente no tiene que tenerlos instalados otras computadoras para verlos en sus navegadores . Esto ha abierto un mundo de tipografía creativa expresiva en la Web. Ahora ya no tenemos que usar imágenes para mostrar tipografías expresivas o tipografía. Podríamos hacerlo de tipo vivo, significa que la gente puede seleccionarlo, copiarlo, interactuar con él y a veces incluso se puede hacer que se mueva. Como diseñadores, podríamos ser Justus, creativos como lo somos con proyectos de impresión con proyectos digitales. Asegúrate de experimentar con tipografía interesante para tus titulares. tipografías San Serif tienden a gobernar el día del pasado, pero ahora estás viendo cada vez más detallada sehr de tipografías e incluso tipografías de script en vivo en interfaces digitales. El único aviso aquí es asegurarte de no usar en exceso la tipografía expresiva y detallada con demasiada frecuencia en tu diseño digital. Podrían haber sido gran atención agarrando titulares, pero evita usar demasiadas fuentes únicas personalizadas para áreas más pequeñas de textura, copia y párrafos. Es mejor mantener esas tipografías realmente expresivas y hermosas a la máxima legibilidad, haciéndolas más grandes en usarlas para titulares. Estudia nuevas formas populares y emergentes de mostrar información allí tantas formas emergentes mostrar un menú. Lo que antes era popular era el menú de hamburguesas en el diseño de la aplicación móvil o del sitio web. Se trata de un ícono sencillo, que expandió un menú deslizante. Esto fue agradable y proporcionó al usuario un fácil acceso a un menú sin ocupar demasiado espacio en la pantalla de la aplicación del horno superior. Pero con los teléfonos cada vez más grandes, el usuario ahora tiene que tomar su figura ir hasta la parte superior de su teléfono para acceder a este menú de hamburguesas. Ahora los menús de estante en la parte inferior tienden a ser preferidos por los usuarios. Estas pequeñas evoluciones y tú yo o diseño de interfaz de usuario de una aplicación móvil, por ejemplo, son pequeñas cosas que debes tener en cuenta. Si estás interesado en perfeccionar el diseño digital, necesitamos empezar a pensar primero en Mobile. No hace mucho tiempo, pensamos en la versión de escritorio de un sitio web, y luego nos dimos cuenta de cómo se adaptaría mejor a una pantalla móvil más pequeña. Bueno, tiempos han cambiado, y ahora tenemos que cambiar esa mentalidad. Una buena forma estándar de diseñar ahora es diseñar primero en tamaños más pequeños y luego trabajar a su manera hasta tamaños más grandes. Entonces, por ejemplo, comenzar con una versión móvil de un sitio web, y luego necesitas averiguar cómo se expandirá cuando está en un navegador en una tableta? Y luego, finalmente, quieres ver cómo se ve en una pantalla de escritorio más grande. Lo mismo aplica a los boletines por correo electrónico. Cómo ves un correo electrónico en tu aplicación de correo electrónico de iPhone, por ejemplo, se ve muy diferente a cómo ves ese correo electrónico en tu escritorio. Las imágenes se airan mucho más pequeñas de lo que esperas cuando se ven en tu teléfono. Y es la mejor práctica tener eso en cuenta a la hora de crear cualquier imagen de diseño digital. Y esto lleva a un diseño receptivo. ¿ Qué es el diseño responsive? Es simplemente cómo responde el sitio web cuando se muestra en diferentes tamaños de navegador. En ocasiones los elementos se colapsaron para facilitar la visualización en un dispositivo móvil. A veces los elementos no se muestran en un dispositivo móvil cuando se convierte a un tamaño más pequeño, como una foto, por ejemplo. Todas estas opciones son importantes para que entiendas a la hora de diseñar tanto para tamaños más grandes como para tamaños más pequeños y algo que tú y tu desarrollador conviertan en equipo. 5. Diseño para la accesibilidad: necesitamos pensar en la accesibilidad a aquellos espectadores con necesidades especiales. Esto es mucho más importante de lo que te das cuenta, y algo que puedes asegurarte de que suceda por cualquier cosa que diseñes. El Web o dispositivo móvil está pensando en la persiana de color Al crear tus paletas de colores . Piensa en los que pueden ser daltónicos. No confíes totalmente en el color para comunicar el siguiente paso o llamar a la acción. Pero por ejemplo, por eso tenemos dos botones aquí. Si tuviéramos que sumar otros indicadores que este botón es importante presionar, como engrosar la base apretada están agregando un borde especial. Podría ser otro indicador para ayudar al usuario que tal vez no vea ese color rojo brillante. No, es lo siguiente que hay que hacer. Un buen truco para ver si esto funciona es hacer tu diseño totalmente en blanco y negro por un tiempo para ver si puedes navegar por tu sitio web como solo blanco y negro, igual que lo harías si fuera una versión a todo color. También tenemos que pensar en las personas con discapacidad visual. Lo mismo vale para asegurarte de que haya suficiente contraste con tus colores y elementos. Bajo contraste, tal vez más difícil para aquellos con deficiencias visuales ver y navegar por su sitio web. Diseñar formas es un buen ejemplo. A 1,000,000. Seguro que tienes suficiente contraste en tu diseño cuando nos gusta ahorrar espacio siempre que sea posible. En ocasiones ponemos la etiqueta o el nombre en la burbuja de entrada. Por razones de contraste, es más fácil leer si la etiqueta se coloca encima o fuera de la burbuja. El siguiente ítem es algo que tal vez más para el desarrollador o el codificador, pero asegurándose de que tus imágenes tengan descripciones alternas o descripciones alternativas para que su lector Web audible pueda hablar la descripción de lo que es la foto. Por lo que no se pierden el impacto de los visuales. Otra en la que pensar es también asegurarse de que puede navegar por su sitio web usando una sola mano, por ejemplo, asegurándose de que puede usar el botón de pestaña para moverse por su sitio web. Simplemente usando un teclado. Si están en un teléfono, asegúrate de que los botones y las acciones no estén demasiado separados entre sí. Por ejemplo, el sistema de menús se puede utilizar acceso a usar una mano o una figura porque está en la parte inferior de la pantalla También están las personas con discapacidad auditiva. Si utilizas algún tipo de imágenes o video, asegúrate de que los subtextos estén disponibles. Además, asegúrate de que el audio no sea una experiencia requerida en tu experiencia digital de diseñador. Con excepciones especiales, por supuesto, hay mucho más que podría hacer para que las experiencias de diseño digital sean accesibles para el usuario. Y es genial tenerlos en cuenta. Asegúrate de que tu código o desarrollador sea traído a estas discusiones desde el principio para que puedan implementar muchos de estos. 6. Diseño digital efectivo: Hablamos de varios aspectos en los que pensar a la hora de diseñar para sitios web de redes sociales. Experiencias móviles más. Pero ¿qué pasa con los diseños digitales estáticos como campañas de email, carteleras digitales, iconos, diapositivas de power point? Cualquier libro cubre todos estos diferentes artículos. Atrapa al usuario en una situación diferente. Las carteleras digitales atrapan a la gente conduciendo rápido de sus autos y sus distraídos con un enfoque muy limitado. Y la clave para un diseño de cartelera digital sólido y carteleras de impresión es hacer algo legible en cinco segundos. Puedes utilizar fondos y gráficos sencillos para que este proceso sea rápido y fácil para ellos. Evitar los números. No mucha gente puede anotar números telefónicos mientras manejan, pero pueden recordar un simple tu l o sitio web. ¿ Y qué pasa con las cubiertas de libros E? ¿ Has intentado encontrar un libro electrónico en Amazon últimamente? ¿ Sabes cuántas portadas de libros diferentes miraste al intentar encontrar un libro? Sugiero visitar amazon dot com y mirar los libros o libros e. Observe lo rápido que se desplaza por estas cubiertas, que las cubiertas captan su ojo cubiertas brillantes amarillas, las que tienen una foto convincente. Tenemos que tener en cuenta dónde y cómo el espectador primero cubrirá libro temas complejos aire difícil de digerir como lo son cuando se puede recoger físicamente un libro en la librería, por lo que las portadas digitales tienden a ser más simples en la naturaleza. ¿ Estás notando un tema con simplicidad con proyectos de diseño digital? Seguro que sí. Tienes que pensar en tu situación de visor para cada proyecto digital diferente. Por ejemplo, campañas de correo electrónico. Pueden ver esto en su computadora de escritorio y ver una bonita grande imagen de alta resolución. Y ese mismo correo electrónico podría verse en su navegador móvil en la imagen es diminuto y tiene un bajo impacto. Si está demasiado ocupado, tenemos que ponernos en los zapatos del espectador y probar nuestros diseños y diferentes situaciones. El diseño de impresión parece fácil ahora, ya que solo hay una forma impresa final de la que preocuparse. Pero con el diseño digital, hay un cambio mental que tiene que suceder. Tenemos que pensar en los muchos dispositivos diferentes en los que la gente temerá tu contenido. Tengo una pequeña tarea para ti. Estudia tu en caja este mes. Mantente atento a las campañas de email que capten tu atención, no solo la gráfica, sino pensar en todo el asunto. Incluso la línea de asunto del correo electrónico a veces gráficos y flechas e incluso emojis puede ayudarlo a sobresalir en su bandeja de entrada. Tan molestos como a veces parecen, son efectivos. ¿ Y una campaña te impulsa a dar click a través de cuál es el objetivo principal de cualquier campaña de email ? Está impulsando a los usuarios a ese único objetivo que podría ser comprar un producto o hacer que la gente se entusiasme por un próximo anuncio de servicio. Los que encuentro más efectivos simplifican el mensaje tanto como sea posible. En lugar de hablar de dos actividades realizadas o de dos eventos principales como el boletín de correo electrónico, ¿tenderían a estar hiperenfocados en ese objetivo de un usuario? Utilizan una sola imagen arriba y muy poco texto de copiadora corporal, pero un gran clic a través de botón o un gran llamado clientes de acción. A veces, una vez que hablas de una cosa grande, pero tienden a querer que te aprietes también un montón de cosas ya porque estás enviando un email a todos sus contactos. Quieren ser eficientes, pero los correos electrónicos que convierten a los mejores tienen un solo enfoque. Trata de educar al cliente sobre este hecho y practicarlo en nuestros propios diseños de campaña. Los boletines son un poco diferentes, y ahí es cuando podría ser más elaborado con información. Y esto es con todas las cosas diseñadas pero sé consistente con tu branding y tener campañas digitales conectadas. También, con todos los proyectos digitales, necesitamos mantener esa consistencia de broma. No es necesario que cada plantilla digital sea un cortador de galletas, pero asegúrate de usar colores similares a lo largo de tus campañas ya que los espectadores pueden ver tu campaña en diferentes lugares, llevándolos lentamente a un embudo que los convertirá más a una venta. Por ejemplo, podrían correr a través de un anuncio de Facebook. Se inscriben para más información, y después reciben una campaña por correo electrónico. También podrían ver un anuncio de display en un sitio web de noticias y luego hacer clic en una página de destino. Y luego hacen clic fuera. Pero luego son retardados por una campaña en redes sociales en Instagram. Tener branding y colores consistentes puede ayudarles a reconocer el rastro y más allá del proceso del embudo de ventas. Quería asegurarme de mencionar las rejillas lo que es genial de los proyectos de diseño digital, ya que podrían ser similares en naturaleza para imprimir proyectos de diseño y el hecho de que ambos puedan utilizar el sistema de cuadrícula en su beneficio. Rides aire fantásticas guías que nos ayudan a bloquear contenido importante y su diseño. Nos pueden ayudar a encontrar la colocación correcta de una cara de la parte principal de un logotipo y una red social diseñada. Por ejemplo, podrían proporcionar puntera de orientación trabajando con diseños web complejos y diseños de APP móviles. Cuando estás lidiando con productos digitales, también estás lidiando con píxeles. A veces es agradable tener una cuadrícula para conocer tus márgenes del mismo ancho. Por todos lados están las canaletas entre las columnas de un sitio web o incluso lo son. Los botones de una aplicación móvil están alineados con espaciado y alineación similares. Hay muchos sistemas de rejilla diferentes que puedes utilizar en los productos de Detroit. Por ejemplo, diseño de sitios web móviles tiene una cuadrícula estándar de cuatro columnas, pero un sitio web puede tener una cuadrícula de columnas Gullit estándar de 12 que puede ayudarte a encontrar el espaciado correcto entre fotos, columnas y mawr. Con el icono AP Design Apple creó esta maravillosa cuadrícula basada en los principios de la relación dorada . Nos ayuda a descubrir la colocación adecuada de los elementos para crear convincente. Fácil de encontrar iconos de la aplicación Si se utiliza correctamente, puedes usar una cuadrícula modular boxeador para ayudarte a bloquear Una campaña de email son una portada de libro e para ayudarte a encontrar un equilibrio entre los elementos de diseño. Hay mucho que pensar a la hora de diseñar proyectos digitales, pero al final, algunas de las mismas bases básicas de diseño, como la tipografía adecuada, anillo de foto y diseño verdadero en el espacio digital está bien. Hemos agregado elementos que nos preocupan ahora, como el tamaño de visualización de una pantalla, la distancia a una resolución de pantalla y cómo se renderiza el tipo en la pantalla. Pero al final, son esos principios básicos de diseño los que pueden ayudarte a crear proyectos digitales convincentes . Ahora nos tomamos un tiempo para profundizar en la fuerte teoría del diseño digital. Afrontemos muchos proyectos que se consideran una gran parte del espacio de diseño digital, como campañas de redes sociales, YouTube, miniaturas, miniaturas, portadas de libros e, campañas de email, un sitio web móvil, icono de diseño, aplicación de diseño, diseño de iconos, post instagram quién y más. Entonces sigamos adelante y empecemos con alguna aplicación práctica 7. ¿Qué sigue? La clase de maestría digital en Skillshare: el futuro del diseño es digital. Este curso ''ll fue diseñado para que los diseñadores gráficos estén al tanto de los últimos y más grandes proyectos de enfoque digital para que puedan ampliar su conjunto de habilidades y ofrecer más servicios. Este curso es masivo cubriendo tantos proyectos de diseño digital desde redes sociales, puedo diseñar diseño Web y más. En primer lugar, cubrimos la teoría del diseño digital, aprendiendo los diferentes aspectos del diseño para lo digital como crear poderosas campañas de redes sociales , diseños de sitios web, maquetación para digital e incluso hablar sobre la accesibilidad en el diseño digital. A continuación, conquistamos varios proyectos populares de diseño digital, entre ellos la creación de varias miniaturas de YouTube que impulsan a los usuarios a hacer clic. Incluso creamos toda una campaña en redes sociales y hablamos de cómo diseñar para Facebook instagram. Incluso hablamos de crear anuncios de display para sitios web para que te sientas cómodo expandiendo tu conjunto de habilidades a todo tipo de creación de anuncios digitales. ¿ Siempre has querido saber cómo crear una portada de libro E convincente? Hará justamente eso y aprenderá a diseñar portadas de un libro. Hablamos de dimensionar, exportar y cómo crear un diseño que agarra a los espectadores. Se irá a la atención sobre cómo tomar tipografía escrita a mano y llevar eso a Photoshopped para usarlo en nuestra portada de libro e y también aprender a trabajar con otros APS de bocetos como Procreate para traer activos escritos a mano vida del dedo del pie. También creamos nuestro propio simulacro hasta para mostrar nuestro diseño final. ¿ Te gusta bosquejar o ilustrar? Incluso creé un proyecto paso a paso donde tomamos un boceto a lápiz y lo digitalizamos usando herramienta de lápiz de Adobe Illustrator. Saber digitalizar bocetos es una gran parte de expandir tu habilidad. Ambientado en el ámbito digital, diseño de Icahn está en el centro de cualquier proyecto de diseño digital. Los iconos se pueden utilizar en sitios web, APS móviles, aplicaciones y más. Y usaremos una útil plantilla proporcionada a medida que creamos un concepto de alto cohesivo completo. O aprende a usar cuadrículas para crear un conjunto temático e incluso aprende a agregar color y a exportar por todos los iconos y los tamaños adecuados para usarlos en todas partes. Después de crear un ícono básico simple, set irá aún más profundo para crear un ícono de la aplicación de la tienda Apple muy detallado desde cero. Wilder. Muchas herramientas como cómo usar el resplandor para crear un efecto dimensional así como las herramientas de patrón, y muchas más aprenderán a exportar estos archivos también para usarlos en la tienda Apple, así como a presentar nuestro icono en un manera profesional. Es difícil enseñar diseño digital para diseñadores gráficos sin incluir algunas secciones que se centran en el diseño Web aprenderán cuál es nuestro papel los diseñadores gráficos de Zara en el espacio, así como cómo preparar un archivo de exportación para los proyectos de diseño Web que vamos a aprender desde cero. Adobe X T y un curso rápido rápido aprenderán muchos aspectos de diseño y diseño Web fuertes al crear juntos una página de destino. Paso a paso. Incluso aprenderemos tenía un enlace o varias páginas juntas para crear un prototipo de trabajo y aprender algunas formas de cómo exportar nuestros archivos para un desarrollador Web. Por último, conquistaremos un sitio web básico de primera página diseñado para una empresa de viajes. Usando WordPress aprenderá los conceptos básicos de WordPress y aprenderá el muy popular plug in de construcción de páginas para WordPress llamado Element, o para construir nuestra página Web, música, fondos de video, paralaje imágenes, iconos, columnas, texto animado y más. Por último, hay toneladas de recurso descargable está en esta clase, incluyendo plantillas pre hechas para la mayoría de los proyectos. Esto incluye Photoshopped, e book, YouTube, YouTube, plantillas de redes sociales y un conjunto de iconos, un icono de la tienda APP, plantilla e ilustrador de adobe. Este curso no es para estudiantes que nunca han estado en Adobe Photo Shopper ilustrator , pero esta clase es lo suficientemente general y básica para la mayoría de los diseñadores gráficos de nivel principiante que estén interesados en agregar esto a su habilidad ambientado para aquellos que nunca antes han abierto software de Adobe, sugiero tomar mi otra clase de diseño básico llamada Graphic Design Master Class, para conseguir una ventaja en esas herramientas muy, muy básicas. Este curso asume que tienes conocimientos de trabajo muy básicos de Adobe Photo Shop e ilustrador y herramientas como WordPress, Adobe X'd, la página elemental Builder y Mawr se enseñan desde cero, por lo que ninguna experiencia previa es necesarios para esos. Entonces, ¿estás listo? Sube tu juego de diseño y añade un conjunto de habilidades completamente nuevo a tus ofertas. ¿ Estás listo para explorar esto? Un sitio central de diseño. Te veré en la primera lección