#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