Details
Descubra ahora en Coloso 30 planes de estudio de diseño UX/UI que satisfarán a todos, desde principiantes en UX/UI hasta solicitantes de empleo y diseñadores junior/senior actuales.
Director creativo Dayoung Jung young Portafolio del orador
¿Por qué tomar esta clase?
Si sólo se concentra en “cómo diseñar”, inevitablemente le faltarán habilidades de planificación y aplicación.
Lo importante es por qué, es decir , "¡Por qué deberíamos diseñarlo de esta manera!"
La clase del diseñador Dayoung Jung proporciona una base para crear un portafolio mucho más completo al hacer constantemente preguntas de "por qué" sobre el diseño de la interfaz de usuario que quizás haya pasado por alto, como la investigación, el aprendizaje de elementos de la interfaz de usuario y el diseño de íconos.
Coloso es la única clase de diseño UX/UI que hace suyas la teoría y las habilidades de UX/UI, que usted sólo conoce vagamente.
Presentamos seis pantallas principales de los ejemplos de aplicaciones que creará en esta clase.
-
01. Principal 01- Compuesto de contenido que refleja mensajes clave y características de la aplicación.
- Un ejemplo para desarrollar la capacidad de una aplicación para implementar las funciones de otra aplicación simplemente organizando información a través del mismo componente. -
02. Principal 02- Como centro de contenido, mucha información está organizada para que sea adecuada para implementar las funciones de la aplicación.
- La interfaz de usuario de la tarjeta y la información de cada texto están organizadas de manera eficiente -
03.Buscar- Listar la composición de la interfaz de usuario y la implementación de la ubicación del texto.
- Configure el diseño de la pantalla teniendo en cuenta el teclado QWERTY en la parte inferior.
-
04. Detalles del producto 01- Colocación de la interfaz de usuario y el texto de la tarjeta.
- Obtenga más información sobre casos de imágenes/composición general de contenido adaptada a cada servicio. -
05. Detalles del producto 02- Pantalla de práctica de técnica de disposición de contenido.
- Entrega efectiva de información a través de agrupación de información de texto. -
06. Función única- Creación de pantallas especiales para cada tema.
- Música: toque para reproducir música fuera de la pantalla de la aplicación
- Compras: práctica de pantalla GNB (Barra de navegación global)
- Viajes: resultados de búsqueda recomendados destacados
resultado final
-
01. Aplicación para escuchar música. -
02. Aplicación de compras -
03. Solicitud de viaje
director creativo
Dayoung Jung
Soy cofundador de Duotone, un estudio de diseño UX/UI de base digital, y director creativo del Experience Design Center.
Al mismo tiempo, nos comunicamos constantemente con muchos diseñadores a través de diversas plataformas, como la publicación de libros relacionados con el diseño, capacitaciones universitarias y corporativas y conferencias.

Coloso Dayoung Jung
Actual) Cofundador y director creativo de Duotone
Actual) Fundador de OPENPATH
Ex) Investigador principal, Departamento de Negocios Inalámbricos, Samsung Electronics
Ex) Director de arte de CJ E&M
Ex) diseñador de NAVER
Ex) diseñador D'estricto
Historia de la Educación
[Libro]
<Conferencia de diseño de Photoshop>, 2015, Hanbit Media
<Flash, la web cobra vida con solo un toque>, 2006, Jungle Press
[Historia de la Educación]
Curso General OPEN PATH UX,
Cursos de formación Fastcampus UX, UI Camp / GUI Lab, etc.
Coloso UX, conferencia en línea UI, conferencia de tendencias web KIPFA,
Asistir a conferencias en conferencias como Future Conference y Web World.
Universidad Myongji, Universidad Hongik, SADI, Universidad de Artes Kaywon, Universidad Osan y
Realicé capacitaciones para muchas empresas y conferencias especiales en universidades.
características de clase
Conquer Figma, una herramienta esencial para diseñadores UX/UI
Aprenda desde tutoriales sobre Figma, la herramienta con la mayor participación en el mercado de diseño de productos, hasta funciones prácticas para un diseño de interfaz de usuario eficiente.
Comprender y aplicar el diseño de la interfaz de usuario a través de la creación de aplicaciones de música, viajes y comercio.
Al aprender la teoría y los componentes del diseño de la interfaz de usuario, desarrollará la capacidad de crecer y desarrollarse sin importar la tarea que se le asigne.
Conocimientos para crear un sistema de diseño con coherencia, eficiencia y flexibilidad.
Aprenda a crear componentes de interfaz de usuario que se puedan usar de manera flexible según las características del servicio y cree una biblioteca de sistema de diseño que refleje esto.
composición de clase
aprende esto
-
Diseño práctico de interfaz de usuario: comprensión del procesoCon vívidos casos de campo, aprenderá no solo el proceso práctico de diseño de la interfaz de usuario, sino también las técnicas básicas que no debe perderse paso a paso. -
para colaboración en línea Cómo utilizar FigjamAprendamos a utilizar Pig Jam, que permite realizar talleres de ideación, análisis y UX en línea. -
Construyendo una base sólida desde cero Tutorial FigmaDesde cómo utilizar herramientas básicas hasta funciones avanzadas, consolidaremos las habilidades básicas necesarias para el diseño de la interfaz de usuario y desarrollaremos habilidades de aplicación para utilizarlas.
-
Usando Google Material Guide Construyendo un sistema de diseñoConozca la definición de una base que preserve la identidad de marca y el concepto de componentes para un diseño de interfaz de usuario coherente, y defina un sistema de diseño creando una biblioteca de interfaz de usuario utilizando estos. -
Maximizar la eficiencia del trabajo Conocimientos técnicos sobre producción de componentes de interfaz de usuarioAprenda a crear un diseño de interfaz de usuario que pueda responder a los cambios utilizando las diversas funciones de Figma que se pueden aplicar según las características del servicio. -
Práctica aplicada y estudio de caso de patrón de interfaz de usuario común altamente utilizableAprenda a qué prestar atención al diseñar pantallas que aparecen con frecuencia en el diseño de la interfaz de usuario, como la navegación y la búsqueda, y aprenda cómo usarlas a través de la práctica de producción y varios casos.
plan de estudios
Muéstrame el plan de estudios
SECCIÓN 01. AT
01. Orientación
- Introducción al instructor
- Seleccione un tema (cada persona selecciona un tema de proyecto para continuar)
- Comprender el proceso de diseño
02. Definir el propósito del servicio UX
- Definir el propósito del servicio (Círculo Dorado)
- Definir usuarios objetivo y PVU
SECCIÓN 02. Proceso de diseño UX
03. Taller de UX
- Proceso de investigación y análisis de UX
- Explora ejemplos de proyectos UX
- Ver ejemplos de tipos de talleres
04. Tutorial de Figjam 01
- Eche un vistazo a la interfaz y las funciones básicas de Pigjam
- Taller de Análisis de Investigación (Diagrama de Afinidad)
- Taller de Ideación (Crazy 8)
05. Tutorial de Figjam 02
- Taller de palabras clave (mapa de palabras clave)
- Taller de tablero de humor
SECCIÓN 03. Tutorial de Figma
06. Concepto de diseño
- Estudio de caso de concepto visual
- Definir color
- Definir una fuente
07. Tutorial Figma 01
- Eche un vistazo a la interfaz de Figma y sus funciones básicas
- Crear y gestionar proyectos y archivos.
- Colabora con Figma
08. Tutorial Figma 02
- comunidad figma
- Descargar recursos e instalar complementos
- Utilizando complementos (Unsplash)
09. Tutorial Figma 03
- Comprender las propiedades básicas de las herramientas de forma y las herramientas de dibujo.
- Crear un icono
- Icono de exportación
SECCIÓN 04. Conceptos básicos del diseño de UI
10. Sistema de diseño
- Comprender el sistema de diseño
- Explora ejemplos de sistemas de diseño
11. Cuadrícula y diseño de Figma
- Configuración básica de cuadrícula y diseño (Android)
- Práctica de producción de componentes adaptada a la red
12. Entendiendo el estilo Figma
- Registrar un estilo
- Utilizar y gestionar funciones de estilo
13. Usa el estilo Figma
- Registrar y utilizar estilos de color/fuente/sombra
14. Comprender los componentes de Figma
- Registrar componentes
- Utilizar y gestionar las funciones de los componentes.
15. Usando componentes Figma
- Crear componentes básicos (barra de aplicaciones)
- Aplicar utilizando los valores de propiedad del componente
16. Comprensión y utilización de Figma Autolayout
- Desarrollar los conceptos básicos del diseño automático.
- Crear componentes usando diseño automático (Chips)
17. Comprender y utilizar las variaciones de Figma
- Variaciones Fortalecimiento de lo básico.
- Crear componentes usando variaciones (botones)
18. Comprensión y uso de las restricciones de Figma
- Desarrollar conceptos básicos de restricciones
- Componente multidispositivo que utiliza restricciones (navegaciones de botón)
SECCIÓN 05. Práctica de diseño de UI
19. Conceptos básicos del diseño de la interfaz de usuario
- Desarrollar los conceptos básicos del diseño de UI
- Consideraciones de diseño de interfaz de usuario
20. Diseño de interfaz de usuario de inicio de sesión
- Crear una pantalla de bienvenida (Splash)
- Crear una página de inicio de sesión (iniciar sesión y cerrar sesión)
21. Diseño de interfaz de usuario de navegación
- GNB Caso 1 (barra de aplicaciones y cajón de navegación)
- Caso GNB 2 (Navegación inferior)
- Creando LNB (Pestañas)
22. Diseño de interfaz de usuario de tarjeta
- Caso de interfaz de usuario de tarjeta 01 (aplicación de viaje)
- Caso de interfaz de usuario de tarjeta 02 (aplicación de música)
- Caso de interfaz de usuario de tarjeta 03 (aplicación de compras)
23. Diseño de interfaz de usuario de lista
- Listar caso de interfaz de usuario 01 (aplicación de viajes: términos de búsqueda populares)
- Lista UI Caso 02 (Aplicación de música - Lista de reproducción)
- Listar caso de interfaz de usuario 03 (aplicación de compras: lista de contenido recomendado)
24. Diseño de interfaz de usuario de contenido
- Contenido UI Caso 01 (Aplicación de viajes - Página de detalles del destino de viaje)
- Contenido UI Caso 02 (Aplicación de música - Pantalla de reproducción)
- Caso de interfaz de usuario de contenido 03 (aplicación de compras: página de detalles del producto)
25. Diseño de interfaz de usuario de búsqueda
- Buscar caso de interfaz de usuario 01 (aplicación de viajes: destino de viaje recomendado)
- Buscar UI Case 02 (Aplicación de música: búsqueda recomendada por elemento)
- Caso de interfaz de usuario de búsqueda 03 (aplicación de compras: resultados de búsqueda)
SECCIÓN 06. Finalización del diseño de la interfaz de usuario
26. Solicitud de servicio
- Explora varias aplicaciones de servicio
- Cree una lista de evaluación comparativa para cada punto de contacto
27. Completar la solicitud de viaje
- Cree una aplicación de viajes combinando componentes de la interfaz de usuario
28. Completar la aplicación de música.
- Cree una aplicación de música combinando componentes de UI
- Producción de páginas especializadas en apps de música (Banner, Notificaciones)
29. Completar la solicitud de compras.
- Cree una aplicación de compras combinando componentes de UI
- Producción de páginas especializadas en apps de compras (Hoja, Filtro)
30. Conclusión
- Exportar elementos de diseño de UI completados
- Examinar ejemplos de comunicación para la colaboración.
- saludos finales
entrevista
Lo que el director creativo Dayoung Jung young quiere decir
¿Cuáles son tus puntos fuertes como director creativo?
Debido a que comencé sin especializarme, era difícil explicar el diseño de manera abstracta y me concentré en la teoría para resolver este problema. Como resultado, mis conferencias tienen la característica de centrarse más en dichas teorías y fundamentos lógicos y explicarlos en profundidad . Si tienes dificultades para encontrar la base de tu diseño porque es abstracto, esta clase te será de gran ayuda.
¿A qué le prestas más atención cuando trabajas en UX/UI?
Trabajo principalmente en estrategia UX y consultoría en el lado digital y diseño de sistemas de diseño en UI Design. Como este es el caso en la industria, cuando miro el trabajo, a menudo lo reviso desde la perspectiva de cuán lógicamente se resuelve el problema, si el concepto derivado es realmente válido y si el diseño de la interfaz de usuario se diseñó con coherencia/usabilidad. en mente.
¿Cuál es el punto único de esta clase?
Es una conferencia que habla no sólo de cómo sino también de por qué . Por supuesto, también cubrimos "qué elementos deben incluirse en este diseño", pero antes de eso, estructuramos el plan de estudios de modo que primero se cumplan los porqués necesarios y "por qué se debe hacer este diseño". Aunque el título del plan de estudios parece ser el mismo en la superficie, las perspectivas sobre el contenido son diferentes, por lo que creo que será útil en el aprendizaje básico fundamental .
¿A quién le recomiendas esta clase?
Se recomienda no solo para jóvenes que comienzan con el diseño UX/UI por primera vez, sino también para diseñadores senior que sienten que todavía les faltan las habilidades básicas . Creo que solidificar lo básico no se trata de aprender algo nuevo, sino de conectar y organizar conocimientos que conoces parcialmente pero que no has combinado ni utilizado adecuadamente . Esta clase no sólo será algo que escucharás una vez, sino que será una clase en la que podrás practicar los conceptos básicos una y otra vez.
Le guiaremos a través del programa a utilizar.
Esta clase se llevará a cabo utilizando Figma y Figjam .
Para garantizar una participación fluida en el curso, instale la versión correspondiente del programa por separado.
* Figma está disponible en un nivel que se puede utilizar como versión gratuita.
* Se puede utilizar en PC e iMac, y se puede ejecutar a través de un navegador web o una aplicación.
