65 Términos de Diseño Web que Debe Saber

El lenguaje del diseño web incluye muchos términos de diseño web que debe conocer. Ya sea que cree su propio blog o sitio web, trabaje con un diseñador web o desarrollador web, o quiera aprender más sobre el diseño web en general, este artículo cubrirá los términos en inglés más importantes utilizados en el diseño web. También nos sumergiremos en los detalles de lo que constituye el proceso de diseño web, incluidos los métodos de resolución de problemas y el flujo de trabajo.

 

Términos de el diseño web: vocabulario para el diseño web

 

El diseño web a menudo implica una superposición entre disciplinas, y es por eso que estamos incluyendo vocabulario de marca, composición, color y tipografía. Saber cómo hablar el lenguaje del diseño web le ayudará a hacer mejores preguntas, comunicarse de manera más efectiva y producir un mejor producto final. También puede observar cómo se implementan estos términos en una amplia variedad de sitios web (para bien o para mal). Debido a que el diseño web es un proceso holístico, los diseñadores web están capacitados para ver la imagen más grande y también los detalles.

 

Términos de marca

 

La marca es la comunicación del mensaje, los valores y la experiencia de una organización. Todo, desde el logotipo de la empresa y los elementos de diseño identificables hasta las ‘sensaciones instintivas’ que las personas obtienen sobre el motor de una organización del por qué detrás de un sitio web. Cuando se trata de diseño web, tiene la oportunidad de crear experiencias que refuercen la marca de la empresa.

1. Identity (Identidad): toda la representación visual de su marca puede incluir logotipo, color, tipografía, imágenes, voz, etc. No solo un logotipo.
2. Lettermark / Wordmark / Logotype: un tipo de logotipo hecho con letras estilizadas (IBM) o palabras (Coca-Cola)
3. Brandmark (Marca): un tipo de logotipo hecho con una representación gráfica (Apple, Target)
4. Icon (Icono): una representación simplificada de un objeto o concepto. Un logotipo y un icono no son lo mismo.
5. Design System (Sistema de diseño): un repositorio de componentes digitales reutilizables que se combinan para formar un sitio web.
6. Brand Guide (Guía de la marca): una referencia visual y filosófica para el color, la personalidad y la voz de una marca.

 

Términos de experiencia del usuario

 

La experiencia del usuario abarca cómo las personas interactúan e interactúan con un sitio web. La experiencia del usuario influye en cómo dirigimos a los usuarios a través del sitio y los llevamos a objetivos finales específicos. Abarca muchos elementos de diseño y desarrollo, incluido cómo se ve y funciona algo. Tome decisiones de funcionalidad teniendo en cuenta al usuario final, no su propia preferencia o las herramientas que está utilizando.

7. Persona: personaje ficticio que representa un usuario principal de su sitio / producto. Por lo general, las personas están muy bien desarrolladas porque deberían representar a personas reales con motivaciones reales.

8. Wireframe (Esquema de página): diseño de baja fidelidad de un sitio, representación de contenido general a nivel de bloque y elementos interactivos.

9. Mockup (Maqueta): diseño de alta fidelidad de un sitio, representación del color final, tipografía, imágenes, etc.

10. Prototype (Prototipo): versión interactiva de un sitio, no se puede construir con el código final.

11. CTA: Llamada a la acción, generalmente emparejado con un botón.

12. Conversion (Conversión): cuando un usuario realiza una acción específica deseada.

13. Landing Page (Página de destino): página única optimizada para una audiencia específica o resultado de motor de búsqueda.

14. Usability (Usabilidad): cómo los usuarios reales realmente interactúan con su sitio, generalmente probado al observar una serie de tareas guiadas.

 

Términos de la interfaz de usuario

 

La interfaz de usuario (también conocida como UX & UI) incluye elementos en la página con la que interactúa el usuario. Su interfaz de usuario impacta su experiencia de usuario, aunque no son lo mismo. No haga pensar a sus usuarios; Diseñe una interfaz intuitiva que aproveche los patrones modernos.

15. Breadcrumb (La miga de pan o el hilo de Ariadna es una técnica de navegación usada en muchas interfaces gráficas de usuario, además de páginas web): enlaces de contenido jerárquico.

16. Menu (Menú): Área de navegación principal, a veces con un menú desplegable o flotante de elementos de submenú.

17. Filter (Filtro): elementos predefinidos que permiten reducir el contenido visible por varias taxonomías (las taxonomías son una forma elegante de decir categorías).

18. Search (Búsqueda): entrada abierta que consulta el contenido y devuelve una lista de resultados.

19. Slider (Control deslizante): una forma moderna y animada de mostrar información que probablemente no debería usar.

 

Términos de composición

 

La composición se refiere a cómo el contenido y la estética de un sitio web trabajan juntos. Cada elemento en la página web debe sentirse como si perteneciera al diseño del sitio web, no agregado como una ocurrencia tardía.

20. Balance (Equilibrio): uso de elementos de diseño similares o complementarios para que la composición se sienta igual.

21. Repetition (Repetición): uso de elementos recurrentes para reforzar patrones o servir como señales visuales familiares.

22. Whitespace (Espacio en blanco): ¿Cuánto ‘espacio para respirar’ tiene cada elemento?

23. Grid (Rejilla): Estructura subyacente a un diseño que determina mostrar todo lo que se presenta.

24. Rule of Thirds (Regla de los tercios): Un concepto visual que establece que los puntos focales más agradables están en la intersección de tres filas y columnas. En las artes visuales y el área cinematográfica como la pintura, fotografía y diseño, la regla de los tercios es una forma de composición para ordenar objetos dentro de la imagen. Esta regla divide una imagen en nueve partes diferentes , utilizando dos líneas imaginarias paralelas y equiespaciadas de forma horizontal y dos más de las mismas características de forma vertical, y recomienda utilizar los puntos de intersección de estas líneas para distribuir los objetos de la escena. La regla de los tercios se usa con frecuencia en todo tipo de escenas como retratos, paisajes o bodegones.

 

Términos de jerarquía

 

La jerarquía implica la importancia relativa de la visibilidad de las piezas de información. La jerarquía visual suele ser una colección de pequeños detalles como tipografía, color, proximidad y equilibrio. Tener una buena jerarquía ayuda a escanear la información y ayuda a los usuarios a priorizar la información en la página por importancia. La jerarquía también ayuda a dirigir a los usuarios a través de un sitio web. Las decisiones tomadas sobre el estilo y la posición de los elementos tienen un gran impacto en la experiencia del sitio web.

25. Scale (Escala): ¿Qué tan grandes o pequeños son los elementos en la página entre sí?

26. Proximity/Alignment (Proximidad / Alineación): ¿Qué elementos de la página están asociados entre sí?

27. Focal Point (Punto focal): El lugar en la página al que estamos dirigiendo la atención del usuario.

28. Semantic Markup (Marcado semántico): Usar elementos HTML correctamente para implicar jerarquía y uso dentro del contenido.

 

Términos de tipografía

 

La tipografía son las decisiones estéticas sobre la disposición del tipo. El tamaño, el espaciado, la alineación, el tamaño de la columna y el tamaño relativo del tipo tienen un gran impacto en la experiencia del usuario, así como solo en la estética.

29. font (typeface) (fuente) (tipo de letra): Colección de letras y glifos / símbolos

30. font-family: ¿Qué tipo de letra está usando?

31. font-size (tamaño de fuente): ¿Qué tan grande / pequeña es?

32. font-weight: ¿Qué tan pesada / ligera es?

33. font-style, text-decoration (estilo de fuente, decoración de texto): cursiva, subrayado, tachado

34. line-height (leading) (altura de línea) (inicial): ¿Cuánto espacio entre líneas?

35. letter-spacing (tracking) (espaciado entre letras) (seguimiento): ajuste del espaciado entre grupos de letras / bloques de texto.

36. kerning: el espacio entre letras individuales.

37. serif / sans serif: las fuentes Serif tienen un trazo o línea decorativa adicional al final de las letras, mientras que una fuente Sans Serif no tiene.

 

Términos de color

 

El color abarca decisiones estéticas sobre el uso del color en una composición. El color se puede utilizar para evocar emoción, énfasis, división o elementos grupales; El color puede crear unidad visual y equilibrio. El color generalmente está relacionado con la marca. Las opciones de color deben liberarse y usarse de manera consistente en todo el sitio web.

39. HEX: en sitios web, el color hexadecimal, un número de seis dígitos utilizado para representar el color en HTML / CSS.

40. RGB: modelo de color aditivo utilizado para pantallas, valores de luz roja / verde / azul combinados para formar colores.

41. CMYK: Para la impresión, el modelo de color sustractivo utilizado para tinta, cian / magenta / amarillo / negro se combinan para formar colores.

42. Pantone / color plano: tintas personalizadas específicas de un determinado color. Las grandes marcas suelen tener su propio color Pantone personalizado.

43. Hue: ¿Dónde está en el espectro de color?

44. Saturation (Saturación): ¿Qué tan vívido o aburrido es el color?

45. Contrast (Contraste): ¿Cuánto se destaca?

46. Opacity (Opacidad): ¿Sólida o transparente?

 

Términos de imágenes

 

Los términos de imágenes incluyen los elementos visuales y gráficos de un sitio web. Las imágenes son importantes para comunicar su mensaje y conectarse con su audiencia. Sin embargo, cuando las imágenes se usan de manera inadecuada, puede agregar un volumen adicional al tiempo de carga de un sitio web sin hacer mucho por la experiencia del usuario. Use imágenes para respaldar sus mensajes; use el formato de imagen correcto para el contenido.

47. Vector (Vector): imágenes hechas de las matemáticas (SVG, EPS).

48. Raster (Ráster): imágenes que están hechas de píxeles (JPG, TIFF, PNG, GIF).

49. Resolution (Resolución): cuántos píxeles tiene una imagen de trama (por ejemplo, 800 × 600 o 2400 × 1200). Una resolución más alta generalmente será de mayor tamaño, pero con mayor detalle.

50. Compression (Compresión): optimización (tamaño de archivo grande / pequeño).

51. JPG / JPEG: mejor para fotografía e imágenes detalladas.

52. PNG: ideal para gráficos, colores simples e imágenes con transparencia.

53. GIF: ideal para gráficos o animaciones de bajo detalle.

54. TIFF: mejor para la calidad de impresión, no adecuado para la visualización en pantalla.

55. SVG: un formato de imagen vectorial adecuado para mostrar en la Web, mejor para gráficos y logotipos.

 

Términos de terminología web

 

Los términos de terminología web abarcan un vocabulario general al diseñar para la web. Los diseñadores web no solo conocen el diseño, sino que también entienden la tecnología para la que están diseñando.

56. Heading (Encabezado): títulos y subtítulos, escritos semánticamente con etiquetas h1 – h6. Útil para organizar la información en una jerarquía y es utilizada por los motores de búsqueda y los lectores de pantalla.

57. Body Copy/Body Text (Copia del cuerpo / Texto del cuerpo): El contenido escrito principal, generalmente los párrafos, las listas, las citas, etc.

58. Hero: la imagen / gráfico principal en una página de inicio o de aterrizaje, generalmente con un llamado a la acción principal.

59. Single-Scroll (Desplazamiento único): un sitio web donde la mayoría del contenido está contenido en una sola página.

60. Responsive Design (Diseño adaptativo): un diseño que no es fijo, pero se adapta al tamaño de la pantalla y / o dispositivo del usuario.

61. Breakpoint (Punto de interrupción): un punto específico (por ejemplo, ancho) donde el contenido / diseño de un sitio web cambiará para adaptarse a una interfaz diferente.

62. Accessible (Accesible): capacidad de un sitio web para ser utilizado por todos los públicos, incluida la discapacidad visual, auditiva o motriz, mediante tecnología de asistencia o navegación estándar.

63. Front-End: en general, se trata del código que se ejecuta en un navegador y controla lo que se ve e interactúa.

64. Back-End: en general, se trata de código que se ejecuta en un servidor y controla el contenido y la lógica.

65. CMS: sistema de gestión de contenido (como WordPress).

La Caja de Herramientas de un Diseñador: Principales Cosas de Adobe

Piense en Adobe Creative Cloud como la mejor caja de herramientas para diseñadores digitales. La colección de herramientas se conoció originalmente como Adobe Creative Suite y se vendió como un paquete de software. Ahora está disponible como un servicio de suscripción, también conocido como SaaS, o software como un servicio.

Creative Cloud o Creative Suite son aplicaciones que permiten a los usuarios crear, administrar y editar diseños e imágenes para Internet, impresión y dispositivos móviles. Puede suscribirse a aplicaciones individuales o al conjunto completo.

Tu abono a Creative Cloud incluye servicios gratuitos para ayudarte a encontrar inspiración, desarrollar tu creatividad y compartirla con el mundo. Encuentra la fuente, imagen o plantilla perfecta gracias a la tecnología de Adobe Sensei, crea y personaliza un portafolio, y muestra tu trabajo en la comunidad creativa más grande del mundo.

 

 

Si está iniciando una carrera como diseñador independiente, sin duda está bien versado en Creative Cloud de Adobe. Si está buscando un diseñador, es útil conocer las aplicaciones clave de la colección para que pueda encontrar al candidato adecuado. Por ejemplo, si necesita un folleto diseñado para su empresa, necesitará un profesional en InDesign en lugar de Dreamweaver.

 

 

A continuación se presentan los principales programas de Adobe:

 

 

Photoshop: “Photoshop” se ha convertido en sinónimo de lo que solía llamarse aerografía: alterar fotografías. Los anuncios y revistas son conocidos por usar Photoshop para hacer que las celebridades y los modelos se vean más delgados, eliminando manchas y arrugas y alterando los tonos de la piel. Aunque puede hacer mucho más. Con Photoshop puede modificar el tamaño, el color y la forma de cualquier elemento de una foto, así como colocar los elementos de una imagen en otra. ¿Le gusta el tema de la foto 1 pero prefiere el fondo de la foto 2? Photoshop le permite colocar el sujeto de la foto 1 en el fondo de la foto 2, o incluso eliminar el fondo o el sujeto por completo. En manos de un editor de fotos profesional, Photoshop puede ayudar a compensar las fotografías decepcionantes o las muestras de productos dañados. Ya sea un diseño de página web, personaje, icono o correo electrónico, la mayoría de los diseñadores encontrarán un uso para Photoshop. Y eso incluye a todos, desde diseñadores web y gráficos hasta diseñadores arquitectónicos e industriales. Photoshop es el programa de software más omnipresente para crear y manipular imágenes y mucho más.

Illustrator: esta herramienta permite a los usuarios crear y editar ilustraciones y otros gráficos vectoriales. Mientras que las fotografías se componen de una serie de pequeños puntos, los gráficos vectoriales son ecuaciones técnicamente matemáticas representadas como líneas y curvas. A diferencia de las fotos, que son imágenes de mapa de bits, los gráficos vectoriales se pueden ampliar o hacer más pequeños prácticamente en cualquier grado sin perder nitidez. En contraste, cuando una foto se amplía demasiado, los puntos que la componen se vuelven visibles, lo que hace que la imagen en su conjunto no se pueda distinguir (pixelada). Con Illustrator, los diseñadores pueden crear logotipos, dibujos animados, cuadros, diagramas y otros tipos de ilustraciones para usar en línea, en dispositivos móviles e impresión. La variedad de estilos posibles es virtualmente infinita, desde íconos perfectamente geométricos hasta imágenes desordenadas en forma de pastel. Mediante el uso de un lápiz óptico, puede incluso ‘pintar’ acuarelas.

InDesign: para el diseño de un folleto, un póster, una página de una revista o cualquier otro tipo de diseño de impresión, InDesign es su aplicación. Abarca las cuadrículas de diseño y la tipografía y le permite importar imágenes de Photoshop e Illustrator a su diseño. Los diseños de InDesign se pueden convertir fácilmente en publicaciones digitales como revistas electrónicas y pueden incorporar hipervínculos y códigos QR en los diseños.

Dreamweaver: Lo que InDesign es imprimir, Dreamweaver es para la web y el móvil. En otras palabras, permite a los usuarios diseñar, publicar y administrar sitios web y páginas web individuales. Aunque construye sitios en HTML, no necesita saber el código HTML para usar la aplicación. Puede trabajar en la pantalla WYSIWYG (lo que ve es lo que obtiene) o Diseño. El programa creará automáticamente el código, y usted u otro usuario pueden editarlo directamente en el código.

 

 

Acrobat: si alguna vez ha abierto o leído un archivo PDF, ha utilizado Adobe Reader, anteriormente conocido como Acrobat Reader y parte de la familia de aplicaciones Adobe Acrobat. PDF es una abreviación de formato de documento portátil y permite que los documentos digitales, incluso aquellos con gráficos y URL, se transfieran, reciban y lean a través de múltiples software, hardware y sistemas operativos, así como para que estén preparados para la publicación impresa. Para los proyectos de equipo que requieren entrada y aprobación de múltiples partes, el PDF es un formato ideal que permite a cada persona agregar fácilmente sus comentarios. Adobe Reader se puede descargar gratis, pero solo podrá leer y comentar. Para crear y editar archivos PDF, debe pagar por Acrobat Standard o Pro.

Flash: en 2010, Apple decidió no admitir Flash en el iPhone, iPad e iPod. Esta carta de Steve Jobs explica las razones detrás de la decisión. Como resultado, la popularidad de Flash en el mundo del diseño se redujo rápidamente. Flash se usa principalmente para animaciones, medios de transmisión y juegos en la actualidad y se puede ver con Flash Player. Al igual que Adobe Reader, Flash Player es una descarga gratuita disponible que permite a los usuarios ver los medios.

Lightroom: una herramienta para fotógrafos y cualquier otra persona que mantenga una biblioteca de imágenes (un diseñador web, por ejemplo), Lightroom le permite organizar, importar y exportar archivos JPEG e imágenes en bruto. También puede permitirle realizar un retoque mínimo de las fotos, como recortar, enfocar y afinar colores y tonos. Hace esto de una manera no destructiva, editando lo que en realidad es una copia de la imagen en lugar de la imagen en sí.

After Effects: una herramienta de producción de vídeo, After Effects prácticamente hace honor a su nombre. Permite a los usuarios agregar efectos especiales a un vídeo, ya sea acción en vivo o animación, después de que se haya creado. Puede alterar los colores, agregar y animar texto y gráficos, permitir la incrustación de pantalla azul y verde, e introducir efectos que van desde toallitas a deformaciones. Al igual que Lightroom, le permite trabajar de manera no destructiva, de modo que el vídeo original permanezca inalterado.

 

9 Recursos en línea para los dueños de las tiendas que pueden utilizar para crear bonitos Contenidos de Marketing

Como dueño de una tienda en línea, entiende la importancia de un bello diseño en toda su presencia en línea. Saben que los grandes diseños conduce a más ventas y más ingresos.

Sin embargo, si es como la mayoría de los dueños de tiendas en línea probablemente no tiene un fondo con diseño y años de experiencia con herramientas como Photoshop e Illustrator.

Entonces, ¿cómo se puede crear hermosos contenidos de marketing que impulsen un mayor número de conversiones y de ingresos?

Cuando nos estaban poniendo a nuestra guía sobre cómo obtener mejores resultados de marketing con un hermoso diseño, pasamos incontables horas de búsqueda en la Web con las herramientas, plantillas  y los recursos que podrían ayudar a las personas  para que puedan crear hermosos contenido de marketing.

En este post, hemos querido compartir algunos de nuestros favoritos  para ayudarle a crear hermosos contenidos de marketing que impulsen los resultados de su tienda.

1. Canva

Canva es una gran herramienta para crear hermosas imágenes de marketing. Contiene miles de hermosas imágenes y, a continuación, puede agregar diferentes elementos, tales como texto, banners, botones, etc. en la parte superior, para crear una auténtica obra de contenido de marketing visual. ¿Qué juegos tiene Canva, aparte de arrastrar y soltar sobre el editor visual? lo que significa que puede simplemente seleccionar los elementos que desee y la función de arrastrar y soltarlos en el lugar exacto que desee.

He aquí algunos ejemplos de imágenes creadas con Canva:

2. PlaceIt

PlaceIt es una gran herramienta para la exhibición de imágenes de la aplicación, sitio web o producto digital en diversos dispositivos. Puede subir una imagen desde su ordenador o introducir una URL, y PlaceIt va ‘tomar’ la imagen y ‘colocarla’ dentro de la pantalla de su elección.

¿Qué hace PlaceIt tan grande para los propietarios de tiendas como la suya?es su gran variedad de pantallas y dispositivos, lo que significa, que puede agregar fácilmente sus capturas de pantalla para todo, desde un Samsung Galaxy sentado en un escritorio a un Pro MacBook en un banco del parque.

He aquí algunos ejemplos de imágenes creadas usando PlaceIt:

3. Death To The Stock Photo

Death To The Stock Photo es un servicio de suscripción gratuita que le envía correos electrónicos con un puñado de hermosas fotografías cada mes para el uso en su contenido de marketing.

El hecho de que sólo tiene unas cuantas imágenes enviadas cada mes puede hacer que la cosa sea difícil, si necesita una imagen específica para una campaña específica, pero también hay una opción premium que le da acceso a todo el archivo de fotos y le permite descargarlas cuando las necesite.

A nivel personal, yo soy un gran admirador de la gran fotografía, así que me suscribo sólo para conseguir algunas fotos hermosas en mi bandeja de entrada cada mes.

He aquí un ejemplo de inventario de fotografos disponibles en Death To The Stock Photo:

4. Graphic River

Graphic River es un mercado de diseño donde los diseñadores profesionales pueden subir sus propietarios trabajos y almacenar, alguien como usted puede comprar para su uso en su contenido de marketing. Hay más de 285.000 artículos a la venta en Graphic River y el sitio está bien categorizado-con gran funcionalidad de búsqueda, por lo que es fácil encontrar el punto exacto que está buscando.

Para los propietarios de tiendas en línea como, hay algunos grandes iconos y banners en el sitio que pueden ayudar a hacer su próxima pieza de marketing o promoción más atractiva a la vista.

Éstos son algunos ejemplos de banners disponibles para la venta en Graphic River:

5. SnagIt

SnagIt hace que sea fácil capturar imágenes y vídeos de todo lo que se ve en la pantalla, y puede ser muy bueno para capturar capturas de pantalla de su sitio web para su uso en su contenido de marketing.

Lo que diferencia a SnagIt aparte de que está construido-en la edición de habilidades- que permite modificar la pantalla antes de guardarlo. Con SnagIt, puede fácilmente:

• Añadir elementos a las capturas – Puede añadir fácilmente el texto, globos de texto, flechas, círculos, y más a las capturas de pantalla para resaltar ciertos elementos clave en su pantalla o proporcionar algunos comentarios e información adicional.
• Añadir efectos a las capturas – Puede agregar fácilmente efectos como sombras, reflejos, decoloración y más a sus imágenes para darles ese aspecto de diseño profesional.

He aquí algún ejemplo de imágenes capturadas utilizando SnagIt y añadiendo texto:

6. IM Free

IM Free es una página web de stock de fotografías que ofrece miles de hermosas fotografías de archivo de forma gratuita.

La fotografía en el sitio está muy por encima de la media, las fotos que encuentra en otro lugar en la Web, y todas las imágenes están muy bien categorizadas, por lo que es fácil encontrar una hermosa fotografía de stock para su contenido de marketing.

He aquí un ejemplo de fotos de stock disponible de forma gratuita en IM Free:

7. Canvas

Canvas es un constructor de la plantilla de correo electrónico única de Campaign Monitor que le permite crear fácilmente campañas de correo electrónico en HTML hermosas en minutos.

Lo que diferencia a Canvas aparte que es la única interfaz de arrastrar y soltar. La mayoría de los editores correo electrónico sólo le permite agregar texto e imágenes en los lugares establecidos por la plantilla, sin embargo, en Canvas puede literalmente arrastrar y soltar imágenes, texto, botones  y más en cualquier diseño que desee.

Todos los correos electrónicos creados por Canvas responden por lo que lucen muy bien en los dispositivos móviles, y una vez que haya terminado de crear la campaña de correo electrónico, puede inscribirse para una cuenta para enviar el correo electrónico y ver los resultados, o puede descargar el correo electrónico como HTML y enviarlo desde su herramienta de correo electrónico.

Aquí están algunos ejemplos de hermosas las campañas de correo electrónico creadas con Canvas:

8. The Noun Project

The Noun Project es una colección en línea de iconos gratuitos y de pago que usted puede descargar y utilizar en su contenido de marketing.

The Noun Project es básicamente, la ventanilla única para los iconos. Dispone de una gran funcionalidad de búsqueda que le permite encontrar lo que necesita para los iconos de su contenido y una búsqueda simple de términos como “avión” o “libro” volverá cientos de los iconos que se pueden utilizar.

A continuación, se muestran algunos ejemplos de los iconos que se pueden encontrar en The Noun Project:

9. Plugin Web Developer para Chrome

¿Alguna vez ha mirado a otro sitio web o tienda en línea y quería saber qué colores estaban usando, o qué imágenes se presentaron?

Web Developer es un plugin para Google Chrome que le permite a su navegador un poco de funcionalidad adicional. Mientras que su dirigida principalmente a los desarrolladores, hay unas pocas herramientas útiles para aquellos que quieran crear hermosos contenidos de marketing, incluyendo:

• Una regla  – Web Developer incluye una regla que permite medir las dimensiones de un determinado elemento y obtener la altura exacta y anchura en píxeles. Si va a crear imágenes o contenido para un tamaño en particular, esta es una gran herramienta para la elaboración de las dimensiones que necesita para trabajar en su interior.
• Un selector de color  – Web Developer incluye un selector de color que permite hacer clic en una parte determinada de un sitio web y ver exactamente de qué color es esa parte. A continuación, puede utilizar ese color en sus propios diseños de marketing.
• Un navegador para diferentes tamaños de pantalla  – Web Developer le permite cambiar el tamaño de su navegador para diferentes tamaños de pantalla populares en diversos dispositivos, como los móviles, tablets, ordenadores portátiles de escritorio. Esto le permite ver lo que se ve en su contenido como en diferentes tamaños de pantalla y hacer los cambios necesarios para asegurar que se ve muy bien en todas partes.

Conclusión

Con la creciente cantidad de campañas de correo electrónico y posts en los medios sociales que compiten por la atención de los clientes, nunca ha sido más importante para abrazar el poder de un hermoso diseño en los resultados de marketing.

Aprovechando algunas de estas herramientas, los dueños de las tiendas en línea puede convertirse en magistrales artistas digitales, creando campañas de marketing muy bien diseñadas que aumentarán el tráfico, las ventas y los ingresos.

Artículos relacionados:

Construir una tienda online utilizando sencillas herramientas de comercio electrónico

30 Herramientas Gratuitas para la Visualización y el Análisis de Datos

Las Mejores 100 Herramientas para la Formación y la Productividad

Una Comparación de Herramientas de Blogging para Profesores y Estudiantes

+60 Mejores Temas Premium-Gratuitos para Magento 2014

+10 Temas de WordPress para Colegios, Escuelas y Universidades

+ 50 Mejores Temas de WordPress Responsive

6 Herramientas Para Ayudar a los No Diseñadores a Crear Grandes Imágenes

La creación de grandes imágenes para su SMB es más importante que nunca. Los medios sociales sigue poniendo énfasis en las imágenes, al permitir a las empresas crear grandes fotos de portada y banners para sus páginas de Facebook, páginas de Google+, canales de YouTube, páginas de empresa en LinkedIn y ahora los nuevos perfiles en Twitter. La mayoría de las redes, incluso han hecho que las imágenes compartidas sean más prominentes en sus alimentos.

¿No es un diseñador? No es un problema. Hay algunas herramientas fáciles de usar por ahí que pueden hacer que se vea como un diseñador sin serlo. Aquí están algunas de mis favoritas que le puede ayudar con una variedad de necesidades de diseño.

 

Canva

 

 

¿Necesita una imagen para usar como un post social media, foto de portada en Facebook, presentación fondo de diapositiva, el blog gráfico, tarjetas de visita, u otros soportes de impresión? Si es así, entonces Canva es una gran herramienta para probar. Tienen cientos de plantillas que se pueden personalizar para una variedad de usos, tanto en línea como fuera de ella. Puede incluso agregar sus propias fotos, o usar la fotografía que ofrecen dentro de su plataforma. Lo mejor de todo es que si no necesita una fotografía, puede utilizar esta herramienta para crear todas las imágenes que desee de forma gratuita.

Un consejo: si no encuentra una plantilla que le gusta en un área de la herramienta (como la cobertura perfecta en Facebook), mire en otra área. Puede ser capaz de crear una gran cubierta de Facebook utilizando una plantilla a partir de las diapositivas de la presentación y simplemente recortarla hasta el tamaño adecuado para Facebook.

 

Piktochart

 

 

Las Infografías tienden a propagarse como un reguero que cuando tienen una perfecta combinación de datos interesantes y útiles junto con un hermoso diseño. Piktochart puede ayudarle a crear una gran infografía que se puede utilizar para compartir datos muy ricos con el público y potenciar su visibilidad para su negocio. Tienen más de 100 temas para elegir para su infografía, con precios que comienzan en 29 $ por mes (o menos si paga la suscripción trimestral o anual).
Si no está seguro de cómo empezar con infografía, eche un vistazo a lo que otras empresas están haciendo en busca de inspiración. Puede buscar rápidamente una infografía en Pinterest para ver cuáles obtienen el mayor interés en una amplia gama de temas.
.

Wordle

 

No paguen por palabra de imágenes en sitios de nubes de gran stock de fotografías. Haga la suya propia con Wordle. Simplemente introduzca las palabras que desea mostrar, y obtendrá una palabra nube que se puede personalizar con diferentes tamaños de fuente, color de fuente y color de fondo.

El único inconveniente de esta herramienta gratuita es que no le permiten descargar la imagen que ha creado, por lo que tendrá que utilizar una captura con el programa Jing de captura de pantalla y guardarlo como PNG.  Y recuerde, las capturas de pantalla pueden hacer grandes imágenes cuando sea aplicable a su contenido, y lo mejor de todo es que es gratis.

 

Aviary

 

 

Si desea crear imágenes con su Android o dispositivo móvil iOS, entonces debe usar Aviary. Esta aplicación viene con 20 herramientas que le permite ir más allá de los filtros Instagram. Puede aplicar efectos de mejora rápida, utilice los filtros, marcos, superpuesto con pegatinas, cambiar la orientación, recortar, ajustar brillo, nitidez, color splash, dibujar, añadir texto, corregir ojos rojos, blanquear los dientes, blur, corregir las imperfecciones, e incluso su foto en un meme.

Es el último editor de fotos para dispositivos móviles y lo mejor de todo, es fácil y de uso gratuito. Y si necesita más filtros, marcos, pegatinas, y otras opciones, se pueden comprar cuando los necesite.

 

LogoGarden

 

 

Para aquellos que reciéntemente están entrando en un nuevo negocio, es muy difícil imaginar cientos de euros en un logotipo. ¿Qué pasa si puede hacer uno de forma gratuita? LogoGarden es una herramienta gratuita en línea que le ayuda a crear rápidamente un logotipo profesional. Para ello, sólo tiene que elegir entre cientos de símbolos que mejor representan su negocio, elegir las fuentes y, a continuación, añadir el nombre de su empresa y línea de etiquetas.

Si no está seguro de cómo empezar, eche un vistazo a los cientos de muestras que tienen en su galería de todos los sectores de la industria.

 

Imgflip Meme Generator

 

 

¿Quiere agregar un poco de humor a su contenido y acciones sociales? Pruebe Imgflip Meme Generator. Esta herramienta gratuita le permitirá agregar un poco de mal humor Cat, Dux y el condescendiente Willy Wonka para alegrar su día a la audiencia. No cabe duda para compartir contenido de imagen. Sólo recuerde que no debe ir demasiado lejos sobre los memes – usarlos de vez en cuando para darle vida a su blog social o posts.

Si desea aprender sobre el uso general de ciertos memes, puede buscar para ellos en base de datos Know Your Meme. Y no olvide que puede crear sus propios memes personalizados utilizando su dispositivo móvil y la aplicación Aviary que hemos mencionado anteriormente.

P.D. La página principal de este sitio muestra las últimas memes enviadas por los usuarios. Tenga en cuenta que algunas son NSFW.

 

Ahora a empezar a crear

 

Gracias a estas impresionantes herramientas basadas en la Web, no tiene que ser un diseñador o disponer de un ordenador potente para crear imágenes profesionales que al público les gusta ver y compartir. Experimentar con estas herramientas para ver como mejorando la calidad de los gráficos puede mejorar su contenido y actualizaciones en los medios sociales. Y si crea una infografía o vídeo, asegúrese de darles un impulso promocional extra para lograr los mejores resultados posibles para su negocio.

¿Quiere leer más posts como este? Los comentarios son importantes para todos. Muchas gracias a todos los lectores

 

Artículos relacionados:

 

17 Herramientas para Presentaciones

+35 Herramientas de Audio

Apoyar a sus Clientes con Vídeos y Tutoriales Impresionantes

 

 

Infografía: Crear un Diseño Responsive para el Email

El correo electrónico móvil está aumentando, con aproximadamente en un 50% del correo electrónico que se abre en un dispositivo móvil. La mayoría del correo electrónico a través del móvil se abre en el iPhone, con Android e iPad relativamente en partes iguales.

Es crucial que los profesionales de marketing entiendan este cambio y sepan adaptarse en consecuencia. ¿Por qué? Ya que, aun cuando se escribe un correo electrónico perfecto con bellas imágenes y una perfecta copia, eso no significa que podrán leerlo. Una encuesta realizada por BlueHornet pedía a los usuarios lo que iban a hacer si un correo electrónico a través del móvil no era bueno. El 80,3 % afirmaban que lo eliminaban, y el 30,2 % diciendo que iban a darse de baja.

Si su correo electrónico no es algo que esté bien, la gente lo eliminará. Todos los mensajes de correo electrónico que envíe deben mirar perfecto, sea cual sea el dispositivo.

Así que ¿cómo se puede enviar el mismo mensaje de correo electrónico a todos los usuarios de su lista de suscriptores y asegurar el formato?

Mediante las prácticas de diseño Responsive.

Un correo electrónico “Responsive” (o página web) significa que proporciona un diseño óptimo a través de los dispositivos. “Responde” al dispositivo que se está utilizando. Al verlo en el móvil, un sitio web bien diseñado como responsive garantiza al usuario que no tiene que pinchar y hacer zoom. Una página web tiene que ser un sitio web usable.

Los correos electrónicos responsive deben tener este aspecto en el escritorio:

Este es el aspecto en un dispositivo móvil:

 

El diseño del los cambios en el correo electrónico para que se ajuste a un dispositivo móvil. Ajustar las imágenes al tamaño adecuado y la CTA se mueve para un clic para que se de un toque. También se debe tener en cuenta el cambio de copia en la CTA. Cuando en el móvil, la CTA dice: “la aplicación y probar ahora”.  Se trata de unas mucho más adecuadas y específicas CTA.

¿Desea aprender cómo hacer que su cuenta de correo electrónico sea como ésta? Eche un vistazo a esta infografía, cortesía de la gente en Litmus:

 

 

Artículos relacionados:

 

• 29 Plantillas Responsive para CMS: Joomla, Drupal, Moodle, Symphony
• La verdad detrás de diseño Web Responsive: ¿Es la próxima gran esperanza o todo es un bombo?
• +60 Útiles Deslizadores o Sliders de Imagen jQuery Responsive
• 23 Ejemplos de Grandes Sitios de Diseño Web Responsive
• + 30 Herramientas útiles de Diseño Web Responsive

 

 

¿Qué es Glogster EDU?: Plataforma de Educación Global Para la Expresión Creativa

Glogster EDU es la plataforma de educación global para la expresión creativa de los

conocimientos y las habilidades en el aula y fuera de ella.
Motiva a los educadores y estudiantes con la tecnología para crear GLOGS – posters multimedia en línea – con texto, fotos, vídeos, gráficos, sonidos, dibujos, archivos adjuntos de datos y más.

Glogster EDU es muy fácil de usar, ahora más de 7.000.000 personas (incluyendo a los estudiantes tan jóvenes como de 4 años de edad) en todo el planeta están cosechando los beneficios de este sistema asombroso.

Un GlOg se crea usando una aplicación muy fácil de entender, arrastrar y soltar en la interfaz que sea relevante, agradable, y escalable para los estudiantes de todas las edades y estilos de aprendizaje. Un Glog es una plataforma visual interactiva en la que los usuarios crean una ‘página de cartel o web’ que contiene elementos multimedia, incluyendo texto, audio, vídeo, imágenes, gráficos, dibujos, y los datos.

• Galerias Gráficas
  (imagen, vídeo, audio, texto)
• Subir archivos/Enlaces/Grabar
  (imagen, vídeo, audio)
• Web cam
• Animación
• Adjuntos
• Muro Glog y Muro Página
• Dibujos

Beneficios

 

Glogster EDU amplia la alfabetización digital  creando un entorno de aprendizaje digital, donde los profesores y los estudiantes aprenden la tecnología en un formato fácil de usar y escalable, que simplifica el proceso educativo y produce resultados multimodales evaluables a través del espectro currículo.

Glogster EDU permite el dominio de las normas , permite a las escuelas públicas o privadas, distritos, estados y a las instituciones de enseñanza de todo tipo, satisfacer y superar la tecnología educativa y los estándares de contenido temático para la creatividad y la innovación, la comunicación y la colaboración, la investigación y la información fluida, el pensamiento crítico, la solución de los problemas y la toma de decisiones, y la ciudadanía digital.

Glogster EDU promueve la independencia de los problemas creando un entorno de aprendizaje innovador para todos los estudiantes, independientemente de la edad, el género, la cultura o estilo de aprendizaje. Se alienta a los estudiantes a ser independientes en la resolución de problemas, la inventiva y el aprendizaje.

El formato de Glogster EDU demuestra comprensión de los objetivos del programa de estudios, anima a los estudiantes a expresarse de forma independiente y con pensamiento creativo, y ser competente y confíar en los solucionadores de problemas. Glog y la docencia sobre la base de las estrategias de aprendizaje facilitan dicho desarrollo, y abre las posibilidades de diseño de nuevos planes de estudio para satisfacer los objetivos de la educación.

La plataforma Glogster EDU cumple los principios UDL* (Diseño Universal para el Aprendizaje): múltiples medios de representación, con el fin de dar a diversos estudiantes opciones para adquirir información y conocimiento; varios medios de acción y de expresión, proporciona a los estudiantes las opciones para demostrar lo que saben; y múltiples medios de participación, a fin de aprovechar los intereses de los alumnos, ofrecer retos apropiados y aumentar la motivación.

Glogster EDU mejora las evaluaciones formativas y sumativas,  mejora las conexiones entre el currículo, la instrucción, y los métodos de evaluación. Glogster EDU, aumentará la eficacia de las evaluaciones sumativas y ampliará el alcance y la naturaleza de las evaluaciones formativas.

Glogster EDU  suministra distintas actividades instruccionales,  promueve un balance positivo entre la adquisición de conocimientos de hechos, el dominio de los conceptos y las habilidades, y el uso imaginativo de los multi-medios de comunicación y los recursos relevantes de Internet.

 

Características

 

 

La interfaz de creación de un Glog se crea usando una aplicación muy fácil de entender, arrastrar y soltar en la interfaz que sea relevante, agradable, y escalable para los estudiantes de todas las edades y estilos de aprendizaje. Un Glog es una plataforma visual interactiva en la que los usuarios crean una ‘página de cartel o web’ que contiene elementos multimedia, incluyendo texto, audio, vídeo, imágenes, gráficos, dibujos, y los datos.

Crear proyectos de plan de estudios basados en clases, grupos, equipos o individuos, que el profesor puede trabajar con los estudiantes en un aula o a través de la instrucción a distancia utilizando esta plataforma multimedia – un sistema comunitario de intercambio se prepara en donde se almacena el trabajo de los estudiantes y está disponible en cualquier momento . El profesor crea proyectos con plantillas y directrices de instrucción, las asigna a los estudiantes, proporciona retroalimentación a lo largo de la asignación, y evalúa su trabajo terminado.

Las presentaciones GLOG. Compartir proyectos estudiantiles, con el profesor en clase, la escuela, el distrito o más allá cuando los proyectos se han completado, el profesor puede compartir el trabajo de los estudiantes en una variedad de entornos educativos. Los GLOGS se pueden incrustar en un blog, wiki, o en una página web, o compartirlos con otras personas que utilizan capacidades de presentación innovadoras de Glogster EDU. Elija proyectos de estudiantes ejemplares y demuestre los logros de los estudiantes con los padres, administradores, estudiantes, y otros educadores.

Aprendiendo en un ambiente seguro privado para Profesores y Estudiantes. El Profesor crea fácilmente un aula virtual privada con los estudiantes mediante el registro de una cuenta maestra administrada, genera cuentas de los estudiantes con los inicios de sesión y contraseñas seguras, y el seguimiento de todas las actividades dentro de la cuenta durante todo el proceso de aprendizaje. Las cuentas de los estudiantes pueden ser creadas sin proporcionar direcciones de correo electrónico u otra información de contacto. El Dashboard del Profesor ofrece acceso directo a todos los estudiantes, los proyectos, y otras actividades.

Simples múltiples sujetos y dashboards para Profesores y Estudiantes, con un usuario y contraseña para todos los educadores que utilizan la plataforma creativa de Glogster EDU, que tienen acceso directo a los estudiantes individuales a través de un portal único – el Dashboard Profesor. No sólo pueden los maestros ver toda la actividad del estudiante en su propio tablero de instrumentos del profesor, cada alumno también puede ver y administrar fácilmente todas sus clases y proyectos dentro de su tablero de instrumentos del Estudiante. Un único nombre de usuario y contraseña le proporcionará a cada profesor y estudiante un acceso completo a múltiples actividades en el aula. En un futuro próximo, los administradores tendrán un único acceso, inicio de sesión seguro para el monitoreo de distrito o de nivel estatal en todas las actividades en Glogster EDU.

Glog de Glogster EDU (Foto crédito: Wikipedia)

Resumen

 

Glogster es una red social que permite a los usuarios crear Glogs, que son carteles interactivos que permiten a los usuarios expresar su estado de ánimo, sus sentimientos, o cualquier cosa que deseen expresar. Glogster se ha vuelto tan popular en el mundo de la educación que lanzó Glogster EDU, una plataforma de aprendizaje colaborativo para profesores, educadores y escuelas. El sitio tiene más de 600.000 docentes, 7 millones de estudiantes, 8 millones de glogs y hay 12 glogs publicado cada minuto. Las cosas interesantes de las redes sociales son que el usuario puede empezar a determinar cómo una herramienta será utilizada, y el hecho de que Glogster se haya contagiado por la educación no es probablemente por accidente vs. diseño. Por eso, apuesto a que sorprende Glogster para ver como la gente utiliza la herramienta para crear.

*UDL:  UDL tiene tres principios que animan a los educadores a preguntar, “¿Está este currículo diseñado para maximizar el aprendizaje para todos los estudiantes?” Hacer esta pregunta simple pero a la vez muy compleja cambia el enfoque de ver a un estudiante como no apropiado para el reconocimiento de que el currículo presenta barreras, que interfieren con el aprendizaje (Rose & Meyer, 2002). Es el currículo, no el estudiante, el que necesita ser arreglado. Adicionalmente, la metodología UDL cambia el enfoque de un currículo de memorización y regurgitación de la información al dominio del proceso de aprendizaje. La meta de la educación en el siglo 21 es ayudar a los estudiantes a convertirse en aprendices ingeniosos y estratégicos y prepararlos para una vida de aprendizaje. Cualquiera que desarrolle o implemente las clases o currículos puede usar los principios UDL para asegurarse de que sus metas, materiales, métodos y evaluaciones educativas satisfacen las diversas necesidades de todos los aprendices.

 

Artículos relacionados:

 

Aplicaciones iPad para Profesores
+10 Temas de WordPress para Colegios, Escuelas y Universidades
Las mejores herramientas Web 2.0 para Profesores
¿Es usted un Líder Colaborativo?
Cómo crear un curso Udemy
¿Qué es Zotero?: Un software GRATUITO de gestión de citas
¿Qué es el LMS?: Learning Management System
¿Qué es SCORM & Tincan?

Los  Mercados Online de Envato: ebooks, tutoriales, plugins, vídeos, cursos, temas para WordPress y App

+45 Infografías Interesantes y Útiles para Diseñadores Web

La infografía es una gran manera de presentar la información de una manera que es fácil para la mayoría de la gente entienda. Mucha gente aprende visualmente, y se puede obtener una mejor comprensión de lo que está tratando de decir si lo muestra gráficamente.

Como diseñadores, las infografías pueden presentar información a nosotros que beneficia a nuestros negocios de diseño, y nos da una visión más clara de las tecnologías de los que dependemos para nuestro sustento. A continuación se presentan +45 infografías que son útiles y / o interesantes, y que se relacionan directamente con el mundo del diseño web.

 

Interesantes Infografías

 

Estas infografías pueden no proporcionar la información que directamente está relacionado con el negocio y la práctica de diseño de páginas web, pero aún así se refieren a la Web en general, y pueden ser de interés para los diseñadores y desarrolladores:

Teoría del Color: The ABC’s of RGB es un desglose completo del modelo de color RGB. Una guía útil para todos los que trabajan en la Web.

The Darwinian Evolution of Photoshop — Esta infografía muestra la evolución del Photoshop, incluyendo los doce versiones principales y las diferencias entre ellas.

The Journey of a Tweet — Esta infografía muestra el potencial recorrido de una foto publicada en Twitter a través de los medios sociales y el resto de la Web.

The Biggest Shift Since the Industrial Revolution — Esta infografía muestra el cambio en el contenido y las relaciones a medida que avanzan a los medios de comunicación social.

Are We Addicted to the Internet? — Aquí hay una extensa infografía hablando del nivel de uso de Internet en los EE.UU., los signos potenciales y los niveles de adicción.

Marketing With the Masses: The Science of Word of Mouth — Esta infografía desglosa los efectos del marketing boca a boca, así como su funcionamiento y donde sucede.

Going Local — Esta infografía, creada por GigaOM por Column Five Media, muestra la participación de mercado y otra información para seis de los más populares servicios web basados ​​en la localización (Gowalla, Foursquare, MyTown, Brightkite y Geodelic).

All You Need to Know About Web Designers — Aquí está un gráfico interesante que divide los datos demográficos de los diseñadores de la Web por todo el mundo.

Why Brands Cannot Ignore Social Media Mavens — Esta infografía informal muestra qué expertos en medios sociales son vitales para el éxito de marketing en línea de la marca.

B2B Social Media Marketing — Aquí está una infografía que ilustra las estadísticas sobre el B2B de marketing en los medios sociales, incluyendo las predicciones y la efectividad de los diferentes canales de futuros.

Everbody’s Doing It: How Marketers Are Utilizing Social Media in 2010 — Esta infografía ofrece una visión general de cómo las empresas están utilizando los medios sociales para promocionarse y sus productos, así como sus actitudes hacia los medios de comunicación social.

Anatomy of a Search Marketer — Esta infografía de SEOmoz muestra las respuestas a su SEO Industry Survey 2010.

DIY Guide to Successful Linkbait Infographic — Las Infografías se pueden utilizar para proporcionar la instrucción, así como los hechos que solo se presentan. En este ejemplo se hace un gran trabajo en proporcionar instrucciones paso a paso para la creación de contenidos de Internet más populares.

Why Do We Follow Companies on Twitter? — Esta simple infografía desglosa los resultados de una encuesta realizada a 1.500 consumidores sobre cuáles son sus motivaciones para seguir las marcas en Twitter.

The Business Behind Facebook — Alguna vez se preguntó ¿cómo Facebook hace su dinero y cuál es su modelo de negocio basado en…? Esta infografía explica todo en términos generales y las cifras reales en dólares.

Understanding Google PageRank — Esta infografía muestra exactamente cómo funciona el sistema PageRank de Google, incluyendo cómo los diferentes tipos de enlaces entrantes afectan su rango de forma diferente.

A Guide to Internet Memes — Aquí está una infografía que muestra una variedad de memes populares, empezando por The Baby Dancing e incluyendo Rickrolling y The Hamster Dance, con la historia de cada meme.

The Most Popular Design Blogs by Twitter Followers and Facebook Fans — He aquí una excelente infografía que muestra los más populares blogs relacionados con el diseño por ahí, que se muestran en función de sus seguidores y fans de Facebook y Twitter.

History of the Internet — He aquí una interesante infografía que muestra algunos de los principales hitos en la historia de Internet, a partir de 1962.

Famous Rivalries: Facebook vs. Everyone — Esta infografía muestra la historia de rivalidades de Facebook con otros servicios en línea.

How Android is Taking Over — Esta infografía de GigaOM muestra como los smartphones Android están ganando cuota de mercado y es probable que continúen haciéndolo mediante la comparación de todos los principales sistemas operativos de smartphone.

Google vs. Apple — Esta infografía de GigaOm muestra la rivalidad entre Google y Apple, en forma de línea de tiempo.

The App Store Economy — Aquí está una infografía de principios de 2010 que muestra la economía en torno a App Store de Apple, por los números.

2010 Cloud Computing State of the Union — Esta infografía muestra lo que está sucediendo en el mundo de la computación en la nube y la virtualización, basada en una encuesta realizada por Zenoss.

The Social Buying Universe — Aquí está una infografía que muestra el mundo de compras sociales, incluidos los servicios como Groupon y Living Social, y su influencia.

The Rise of the Cloud — Esta infografía de GigaOM ilustra la demanda de software basado en la Web y el almacenamiento, así como el sentimiento público hacia esos servicios.

How to Get Rid of Villains in Social Media — Esta infografía, basada en el post de Todd Heim “8 Villanos de los Medios de Comunicación Social“, muestra como derrotar a los villanos presentes en los medios sociales, incluidos los escépticos, los trolls,“y los enlace desvergonzados.

Meet iPad’s Competition — Esta infografía muestra lo que la competencia principal del iPad está en el mundo de la informática, los juegos, y los e-readers.

Social Marketing Compass — Esta infografía muestra los diferentes aspectos del marketing en los medios sociales, y en que zonas diferentes de los tipos de usuarios debería concentrarse.

The Hierarchy of Digital Distractions — Aquí está una infografía similar a Hierarhcy of Needs de Maslow, pero en vez ilustra distracciones comunes digitales (como Twitter, correo electrónico, y diferentes tipos de usuarios).

Flickr User Model — Aquí está una mirada visual en el modelo de usuario de Flickr, y lo que potencialmente le sucede a una foto una vez que se contabiliza en Flickr.

Facebook Factbook — Aquí está una mirada visual en los primeros seis años de Facebook y es un crecimiento fenomenal.

The Social Media Effect — Esta infografía muestra lo que puede suceder, posiblemente, a los contenidos en línea, una vez que empieza a ser aprobado por los distintos canales de los medios sociales.

Internet Censorship — Esta infografía muestra el estado de la censura de Internet en todo el mundo a partir de 2010, incluyendo el que los países más fuertemente censuran a sus usuarios de Internet.

How Google Works — Esta infografía muestra como Google indexa y clasifica el contenido en Internet, en formato de diagrama de flujo.

The CMO’s Guide to the Social Landscape — Esta infografía muestra lo diferentes servicios de los medios sociales que son buenos para los diferentes tipos de marketing de contenidos (comunicación con el cliente, la exposición de la marca, dirigir el tráfico a su sitio, y el SEO).

What Are People Really Buying Online — Esta infografía estilo gráfico circular muestra lo que la gente realmente compra en línea, y lo compara con lo que compran en las tiendas.

Who Participates and What People Are Doing Online — Esta tabla muestra los diferentes tipos de usuarios de Internet y lo que realmente hacen en línea.

Casting a Wider Net with Social Media — Esta simple infografía muestra cómo publicar y compartir contenidos a partir de los sitios de los medios sociales que pueden aumentar el tráfico de su sitio.

Building a Company with Social Media — Esta infografía muestra cómo los medios sociales pueden ser utilizados por cada departamento de una empresa para construir esa sociedad.

The Blogosphere We Call Home — Esta infografía rompe la blogosfera en términos de quién son los blogs, lo que están en los los blogs, y la cantidad de tiempo que están gastando en hacerlos.

U.S. Data Consumption in One Day — Esta es una infografía increíble que muestra la cantidad de datos es consumida por las personas en los EE.UU. en un solo día.

Five Years in History of Online Video — Esta infografía muestra la prevalencia del vídeo en línea y como cambió entre 2004 y 2009.

Profile of a Twitter User — Esta infografía muestra los tipos más comunes de los usuarios de Twitter y qué hacer con ellos.

How Much Time is Wasted on Loading Unnecessary Data? —Dado que el acceso a Internet de banda ancha es más o menos la norma en estos días, un montón de diseñadores han dejado de prestar tanta atención a presentar los tamaños y tiempos de carga. Esta infografía muestra cuánto tiempo y el ancho de banda que se desperdicia por todos los datos innecesarios que se cargan en un sitio web.

Infografías Útiles

Estas infografías incluyen información que es directamente útil al diseño web

How Do Colors Affect Purchases? — por KISSmetrics, nos muestra lo que los colores tienen impacto sobre las decisiones de compra de los compradores en línea. Un recurso invaluable para los diseñadores de comercio electrónico.

8 Levels of Information Technology Security — Esta infografía muestra las posibles amenazas a la seguridad informática en un centro de datos, así como los métodos típicos utilizados para combatirlas.

Global Downloads Speed Comparison — Esta infografía compara las diversas velocidades típicas de descarga en todo el mundo.

How Popular is the iPhone Anyway — Esta infografía muestra la popularidad del iPhone en términos de ventas, cuota de mercado, el número de aplicaciones descargadas, y más.

Operation E-Commerce: A Game of Dissecting the Best E-Commerce Software — Esta infografía ilustra las características necesarias de un gran software de comercio electrónico, todas construidas alrededor del clásico juego de mesa de operaciones.

Colours in Cultures — He aquí una infografía muy útil que muestra lo que los significados de los diferentes colores se encuentran en diferentes culturas, incluyendo Oeste/ americanos, japoneses, hindúes, nativos americanos, chinos, europeos del este, musulmanes y otros.

 

Artículos relacionados:

 

25 Infografias explicando el SEO

3 Infografias: “Entendiendo los dígitos de las tarjetas de Crédito”

35 Infografias sobre Social Media

15 Temas Impresionantes Responsive para WordPress (Theme Junkie)

Seguridad y Protección de un Blog de WordPress (Infografía)

 

Los  Mercados Online de Envato: ebooks, tutoriales, vídeos, plugins, cursos, temas para WordPress y App