Celebración día del diseñador 27 de abril 2015 #YoDiseñoConAdobe
- 1. #YoDiseñoConAdobe https://www.linkedin.com/adanAvelar Buenos diseñadores resuelven problemas creativos Grandes diseñadores resuelven los problemas creativos específicos Linkedin: blogvecindad.com
- 2. “El mundo necesita de soñadores y necesita de hacedores, pero ante todo se requieren soñadores que hacen” Idea - genera oportunidades La idea es el 1% - Llevarla a cabo es el 99%
- 3. Logos, iconos e identidad corporativa: Vivimos en una era visual, las empresas seguirán utilizando imágenes que interpreten la esencia de su marca.
- 4. #YoDiseñoConAdobe Diseño editorial e impreso: Los impresos no morirán, solo evolucionarán.
- 5. El contenido es Rey En esta era donde el contenido es el rey, para las marcas ese contenido se ha convertido en su mejor publicidad y si está optimizado en diseño, mejor. La plataforma ‣ El sitio web debe contar con usabilidad: ‣ Un menú simple ‣ Texto fácil de entender ‣ Fácil navegación ‣ Que se vea bien en cualquier dispositivo Estructura ‣ Crear la arquitectura del proyecto ‣ Cómo se verá – diseño limpio ‣ Consistente a la marca, uso del color y tipografía ‣ Navegación amigable ‣ Jerarquía en títulos y texto ‣ Imágenes y videos ‣ Optimizar la plataforma para generar “leads” y conversiones. #YoDiseñoConAdobe
- 6. El sitio web es a la vez un lugar para mostrar tu historia y el punto de venta El sitio como marketing ‣ Blog ‣ Social Media ‣ Generación de “leads” ‣ Embajadores de la marca #YoDiseñoConAdobe
- 7. ¿Cómo afectará a tu sitio web el algoritmo de actualización de Google a Mobile-friendly? http://goo.gl/VJiug3 Diseño Responsivo o Adaptivo: ¿Cuál es la mejor opción para los diseñadores? Google siempre ha recomendado que los sitios sean amigables para móviles y ahora más con la gran actualización del 21 de abril, donde los sitios optimizados para móviles se clasificarán mejor en las búsquedas. ¿Cual es la diferencia? En pocas palabras, lo responsivo es fluido y se adapta al tamaño de la pantalla, sin importar el dispositivo. El diseño responsivo utiliza CSS media queries para cambiar los estilos del dispositivo de destino, como la visualización de tipografía, ancho, altura, etc. y sólo uno de ellos es necesario para que el sitio se adapte a diferentes pantallas. El Diseño adaptivo, por otra parte, utiliza diseños basados en los puntos de marca que ya no responden una vez que se cargan inicialmente. Lo Adaptable trabaja para detectar el tamaño de la pantalla y cargar el diseño adecuado para ella - por lo general se diseñaría un sitio con adaptación para 6 anchos de pantalla comunes: 320 480 760 960 1200 1600 #YoDiseñoConAdobe Artículo de UXPin:
- 8. Los Usuarios son los que dan la pauta para que exista una buena Experiencia de Usuario ~Pregunta, anota y llévalo a la práctica~
- 9. UI (interfaz de usuario): interfaz específica del producto = QUÉ
- 10. UX (experiencia de usuario): Se refiere a la experiencia en general asociada con el uso de un producto = ¿POR QUÉ?
- 11. Hipótesis de los problemas de los usuarios Lo que resuelve Instagram: Las fotos del móvil se ven mediocres. Nuestros filtros las transforman para darles un aspecto profesional. La mayoría de las experiencias para subir imágenes tardan una eternidad - hemos optimizado la experiencia para que sea rápida y eficiente. Se pueden compartir de forma inmediata. #YoDiseñoConAdobe
- 12. Color Expresa un significado, una emoción o un estado de ánimo. El color puede mejorar el contenido de la aplicación. Puede proporcionar una estructura visual a un diseño integral. Y puede comunicar los valores y la personalidad de una marca.
- 13. Iconos Los iconos son los elementos esenciales de la productividad y ofrecen una base visual sobre la que se realiza la navegación dentro de una interfaz de usuario.
- 14. Tipografía El texto es lo que comunica el contenido a un lector y lo que garantiza un diseño exitoso. Para crear una tipografía que funcione, enfócate en los siguientes aspectos: Opción de tipo Espacio en blanco Jerarquía Altura de línea Tamaño de texto #YoDiseñoConAdobe
- 15. Trabajar con estándares móviles Cada plataforma tiene sus propias guías, que en todo momento se deben tomar en cuenta. #YoDiseñoConAdobe
- 16. Abro la App Tomo una foto Aplico un filtro Puedo añadir una descripción Selecciono la red social para compartir Puedo ver cuántos likes he recibido Se crean todas las opciones posibles
- 17. Mejores prácticas en Diseño para Móviles Prioridad en Contenido Variedad de tamaños en las diferentes plataformas. Diseñar en total referencia al Contenido de la aplicación.
- 18. Mejores prácticas en Diseño para Móviles Utilizar imágenes y opción en Video dependiendo las posibilidades del usuario. Opciones simples y espacio en Blanco. #YoDiseñoConAdobe
- 19. Mejores prácticas en Diseño para Móviles Estar al día con los cambios a cada momento del medio. #YoDiseñoConAdobe
- 20. Oportunidades de trabajo #YoDiseñoConAdobe No tenemos que esperar a que lleguen los clientes, vayamos a buscarlos, eventos como la Semana del Emprendedor nos abre las puertas para contactar a personas que requieren desde su logo, papelería, hasta una plataforma digital.
- 21. Oportunidades de trabajo Necesitan diseño gráfico, web y marketing. #YoDiseñoConAdobe
- 22. #YoDiseñoConAdobe Trabajar a nivel Global. Existe una gran oportunidad de trabajar en cualquier mercado a nivel global. Estas son algunas cubiertas de celulares que se hicieron para un cliente en el Noreste de Estados Unidos. El ilustrador es Fernando González Gandarilla G
- 23. Las formas de contacto, trabajo en equipo y alianzas productivas han cambiado en forma global. Forma de trabajar con Diseñadores y Desarrolladores
- 24. Forma de trabajar con Diseñadores y Desarrolladores Startup Weekend Los emprendedores de seguro necesitan su logo, sitio web, prototipos de sus aplicaciones y marketing digital.
- 25. Diseño Web responsivo - adaptivo HTML y CSS (HTML5 y CSS3) JavaScript - JavaScript Frameworks (Backbone.js - Angular.js) jQuery (Javascript Library) interacción en Web Apps Bootstrap (Web Framework - responsive design) CMS Wordpress - Drupal (PHP y MySQL) Lo que debemos conocer
- 26. API (Application Programming Interfaces - un software se comunica o interactúa con otro) por ejemplo Google Maps, Facebook, Twitter y Google+ Mobile Apps con HTML5 - jQuery Mobile - Android developer tools - iOS Xcode developer.apple Aplicaciones para Android (https://developer.android.com/ index.html) Aplicaciones iOS (https://developer.apple.com/) con Swift Python - Django (Python Web Framework) Lo que debemos conocer
- 27. Nueva plataforma de líderes de proyecto #YoDiseñoConAdobe Puedes registrarte para trabajar proyectos de diseño en: http://goo.gl/7DbMkH
- 28. Nueva plataforma de líderes de proyecto #YoDiseñoConAdobe Puedes registrarte para trabajar proyectos de diseño en: http://goo.gl/7DbMkH
- 29. Nueva plataforma de líderes de proyecto #YoDiseñoConAdobe Puedes registrarte para trabajar proyectos de diseño en: http://goo.gl/7DbMkH
- 30. Nueva plataforma de líderes de proyecto #YoDiseñoConAdobe Puedes registrarte para trabajar proyectos de diseño en: http://goo.gl/7DbMkH
- 31. Nueva plataforma de líderes de proyecto #YoDiseñoConAdobe Puedes registrarte para trabajar proyectos de diseño en: http://goo.gl/7DbMkH
- 32. Seguir aprendiendo a aprender en la Universidad o por nuestra cuenta. Hablar, escribir y entender Inglés Estudiar todas las tecnologías disponibles para diseñadores y desarrolladores. Se especializa uno en algo, pero es primordial que se conozcan los procesos. Formar alianzas con diseñadores y buscar a desarrolladores para trabajar en conjunto. Producir en forma local, pensando en forma global ¡Procrastinar menos y trabajar más! Lo que debemos hacer para ser profesionales #YoDiseñoConAdobe
- 33. #YoDiseñoConAdobe https://www.linkedin.com/adanAvelar Buenos diseñadores resuelven problemas creativos Grandes diseñadores resuelven los problemas creativos específicos Linkedin: blogvecindad.com