View
115
Download
1
Category
Preview:
Citation preview
#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
“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%
Logos, iconos e identidad corporativa: Vivimos en una era visual, las empresas seguirán utilizando imágenes que interpreten la esencia de su marca.
#YoDiseñoConAdobe
Diseño editorial e impreso:
Los impresos no morirán, solo evolucionarán.
El contenido es ReyEn 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
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
¿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:
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~
UI (interfaz de usuario): interfaz específica del producto = QUÉ
UX (experiencia de usuario): Se refiere a la experiencia en general asociada con el uso de un producto = ¿POR QUÉ?
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
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.
IconosLos 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.
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
Trabajar con estándares móviles
Cada plataforma tiene sus propias guías, que en todo momento se deben tomar en cuenta.
#YoDiseñoConAdobe
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
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.
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
Mejores prácticas en Diseño para Móviles
Estar al día con los cambios a cada momento del medio.
#YoDiseñoConAdobe
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.
Oportunidades de trabajo
Necesitan diseño gráfico, web y marketing.
#YoDiseñoConAdobe
#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
Las formas de contacto, trabajo en equipo y alianzas productivas han cambiado en forma global.
Forma de trabajar con Diseñadores y Desarrolladores
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.
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
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
Nueva plataforma de líderes de proyecto
#YoDiseñoConAdobe Puedes registrarte para trabajar proyectos de diseño en: http://goo.gl/7DbMkH
Nueva plataforma de líderes de proyecto
#YoDiseñoConAdobe Puedes registrarte para trabajar proyectos de diseño en: http://goo.gl/7DbMkH
Nueva plataforma de líderes de proyecto
#YoDiseñoConAdobe Puedes registrarte para trabajar proyectos de diseño en: http://goo.gl/7DbMkH
Nueva plataforma de líderes de proyecto
#YoDiseñoConAdobe Puedes registrarte para trabajar proyectos de diseño en: http://goo.gl/7DbMkH
Nueva plataforma de líderes de proyecto
#YoDiseñoConAdobe Puedes registrarte para trabajar proyectos de diseño en: http://goo.gl/7DbMkH
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
#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
Recommended