Details
vídeo de introducción
Diseñador UX/UI, Seongmin Lee
"Compartiremos generosamente con usted las habilidades y conocimientos que nos permitieron lograr una tasa de aprobación del 99 %".
Práctica de diseño de aplicaciones para cinco pantallas móviles, incluidas páginas de inicio de sesión y registro, páginas de detalles y páginas de pago.
¡Diseños de portafolio desde la introducción hasta el final y el conocimiento para ser seleccionado para la curación de Behance!
Coloso ahora revela los conocimientos de diseño de UI de un experto en portafolios de Behance y cómo crear un portafolio que le brindará ofertas de trabajo de compañías famosas.
El portafolio del diseñador Seongmin Lee recibió llamadas de amor de varias marcas
¿Por qué tomar esta clase?
El diseñador de UX/UI , Seongmin Lee Lee, es un orador con habilidades de diseño comprobadas y calidad de portafolio, así como habilidades de enseñanza.
'Direction Studio', dirigido por el diseñador Seongmin Lee, quien ha brindado educación durante más de 10 años, ha sido utilizado por OIOI, Ten by Ten, Neople, Amoeba Agency, etc.
Contamos con un plan de estudios sistemático y materiales de conferencias de alta calidad sobre la creación de portafolios, para que nos visiten profesionales de diversas marcas en el país y en el extranjero.
Los estudiantes están logrando una tasa de aprobación de portafolios de más del 99% para agencias de diseño, empresas internas, etc.
En esta clase, se mostrarán los conocimientos técnicos del diseñador Seongmin Lee Lee en la creación de portafolios, que le permitieron recibir ofertas de trabajo de las principales marcas de servicios que están atrayendo la atención en la industria, como Toss, Coupang, Amazon y Blank Corporation, a través de una Currículum sistemático centrado en la práctica.
Si estás preocupado por tu portafolio como diseñador UX/UI, ¡no te pierdas esta clase!
En esta clase, practicaremos 11 ejemplos.
5 ejercicios de diseño de aplicaciones
-
introducción -
pagina principal -
Páginas de productos y categorías
-
pagina de pago -
Página de detalles
Práctica de creación de cartera de 6 pasos
-
introducción -
disposición -
construir
-
finalizar -
miniatura -
comportamiento
* Los resultados anteriores son ejemplos reales que se crearán directamente en la clase.
Diseñador UX/UI
Seongmin Lee
Hola, soy Seongmin Lee, un diseñador UX/UI que actualmente trabaja en Adobe Behance y codirector ejecutivo de Direction Studio.
Soy educadora y diseñadora y llevo 10 años creando portafolios profesionales en Behance.
Fui seleccionado como la primera persona en curar más de 60 veces en el campo de la interfaz de usuario de Adobe Behance y también recibí ofertas de colaboración y empleo de varias empresas como Line, Blank Corporation, Amazon y Woongjin Coway.
Recientemente, creé un portafolio que fue aceptado para una pasantía en el extranjero en el Instituto Coreano de Promoción del Diseño, y produje y dirigí varios otros portafolios en Behance.
En esta conferencia, ¿cuál es la esencia de ser diseñador y cuál es el nivel de calidad del portafolio visual tipográfico producido en Behance?
Me gustaría mostrarles qué cartera eligen primero las empresas y, en teoría, el final del aburrido diseño UXUI y la cartera Behance en un ecosistema de diseño que cambia todos los días.

Diseñador UX/UI Seongmin Lee
Actual) Dirección CEO del Estudio
Ver más historia
[Proyecto de Participación Representativa]
Experiencia de usuario de Amazon Japón
Diseño web de tarjetas Hyundai
Interfaz de usuario de movilidad de Hyundai
Aplicación Starbucks
Aplicación Shinsegae, TV
Diseño de televisión SK B
[Premios]
Adobe Behance UI seleccionando 60 veces, incluyendo individuos y equipos
características de clase
Conocimientos en diseño y producción de portafolios que muestran la narración de historias.
Al observar el portafolio diseñado directamente en Direction Studio, aprenderá cómo derivar un concepto de proyecto y practicará habilidades de expresión que harán que sus ideas se destaquen visualmente. Descubra un plan de estudios que le permite aprender el proceso general de creación de un portafolio con una narración consistente desde el principio y el final del portafolio.
Practique los principios y funciones del diseño de interfaz de usuario de interacción llamativa
Con base en los resultados del producto de Direction Studio, aprenderá los principios y teorías de la interacción y creará efectos visuales que expresen visualmente elementos físicos como la profundidad digital, la atmósfera y la textura. Aprendemos sistemáticamente el diseño de la interfaz de usuario que mejorará la integridad del diseño, incluido cómo crear un ícono familiar que iconice un producto y una tipografía que muestre diferencias pequeñas pero claras.
Práctica de diseño de producto con Figma.
Hemos incluido información detallada sobre cómo usar Figma, que tiene una abrumadora cantidad de herramientas de diseño UX/UI. Practique todo, desde el diseño de UX, como la investigación de productos, el flujo de usuarios, la clasificación de secciones, la planificación de contenido y diseño, hasta el diseño de UI, como botones, interfaces, íconos, barras de pestañas y diseños de 5 pantallas.
composición de clase
aprende esto
-
Portafolio que muestra storytellingA través del proyecto Behance entiendo la estructura del portafolio y establezco claramente el concepto, dirección y concepto del proyecto de diseño que quiero desarrollar. -
Tipografía y sistema tipográfico adecuado para UX/UIBasándonos en nuestro conocimiento profesional de la tipografía, como el interletraje y las fuentes, diseñamos sistemas de fuentes como fuente, grosor, color, interlineado, espaciado entre caracteres y alineación con reglas consistentes y organizadas para brindar uniformidad en el diseño de aplicaciones y portafolios. -
Maquetación y paginación paso a paso de su portafolioAprenda a construir el diseño general y la paginación de la introducción, el cuerpo y la salida. Practicaremos un total de 6 pasos en el proceso de creación de portafolios, incluido cómo causar una fuerte impresión a través del diseño de decoración, el conocimiento de carga de Behance y la curación por campo.
-
Diseña la funcionalidad y usabilidad de tu producto con FigmaUsando Figma, desarrollamos el concepto del proyecto y el flujo de usuarios, analizamos la descripción en detalle y diseñamos la funcionalidad y usabilidad para que el diseño de la interfaz de usuario pueda funcionar de manera efectiva. -
Diseño de aplicaciones: 5 prácticas de diseño de pantallas móvilesDiseñará y producirá pantallas de inicio de sesión y registro, detalles principales, de categorías y productos, de pago y de páginas de detalles, y aprenderá elementos de diseño como interfaces, barras de navegación e íconos que se usan con frecuencia en el diseño UXUI. -
Cómo crear un portafolio elegido por diseñadores profesionales de BehanceAprenderá una variedad de conocimientos, incluida la interfaz básica de Behance, cómo investigar utilizando un panel de estado de ánimo, métodos de búsqueda detallados y consejos para ser seleccionado para la curación.
plan de estudios
Muéstrame el plan de estudios
SECCIÓN 01. AT
01. Introducción al estudio de dirección y diseñador Seongmin Lee
- Hasta que Behance Portfolio se convierta en un estudio profesional
- Cómo convertirse en diseñador UX/UI
02. Comprender la estructura del proyecto Behance
- Interfaz de usuario e interacción
- experiencia de usuario/interfaz de usuario
- Marca
SECCIÓN 02. Diseño de interacción de la interfaz de usuario
03. Comprender el trabajo de diseño de interacción y UI
- Secuencia general de trabajo del portafolio y método de progreso.
04. Efectos de fondo y sombra del producto.
- Agregar sombras a objetos y maquetas (zapatos, sillas, productos)
- Aplicar efectos de materiales y efectos de fondo.
05. Importancia de las fuentes #1: Trabajo tipográfico
- La importancia de seleccionar una fuente según el concepto del portafolio
- Tipos y comprensión de las fuentes.
- Corrección visual "kerning"
06. Importancia de las fuentes #2: Trabajo tipográfico 2
- Aplicar tipografía de página de introducción
- efecto de tipografía
- Consejos para organizar capas de UI con pestañas
- diseño conceptual
SECCIÓN 03. Archivado de fuentes de diseño
07. Fuente de maqueta del dispositivo
- Selección y tipo de fuente de maqueta (Arcilla, Metáfora, Desnudo)
- Separar y modificar la fuente de la maqueta
08. Comprender el proceso de selección de marca, renovación y branding
- La importancia de la selección de marcas.
- Investigación de marca (selección de categoría)
- Renovación de cartera y marca
09. Referencia: Cómo coleccionar fotografías.
- Introducción al sitio de referencia
- Cómo recopilar fotografías por propósito
- Fotos dignas de un portafolio
SECCIÓN 04. Práctica de creación de cartera
10. Creación de cartera: introducción
- Introducción introductoria para cada concepto.
- Encontrar conceptos de proyectos usando Behance
- Creación de diseño de introducción
11. Creación de cartera n.° 1: configuración de diseño
- Establecer un marco de diseño a través de un mood board
- diseño narrativo
12. Creación de cartera n.° 2: acumulación
- Disposición del diseño de diseño para cada sección (escritorio, tableta, página de aplicaciones)
- Aplicar diseño de decoración.
13. Creación de cartera n.° 3: finalización
- Configuración de un diseño de acabado utilizando la técnica del homenaje.
- Etapa final usando tipografía.
14. Creación de cartera n.° 4: selección de miniaturas
- Comprender las miniaturas de Behance
- Miniatura usando la sección de cartera
- Aplicar miniaturas a través de semifotografía
15. Explicación de la carga y curación de Behance
- Cortar secciones del portafolio
- Configuración de exposición de búsqueda de palabras clave y carga de Behance
- Métodos de selección y curación de Behance por categoría
SECCIÓN 05. Práctica de diseño UX/UI: selección de temas y aplicaciones
16. Selección de temas del portafolio UXUI
- Categoría de comportamiento
- Selección de aplicaciones de marca y concepto
17. Proceso de selección de aplicaciones y configuración de funcionalidad.
- Investigación de aplicaciones de elementos funcionales
- Elija la marca adecuada para su aplicación
- Referencias de cartera por campo
18. Creación de descripción de la aplicación usando Figma.
- Comprender la funcionalidad
- Comenzando con páginas y secciones
- Clasificación en profundidad y creación de prototipos de 25 aplicaciones de cartera
SECCIÓN 06. Práctica de diseño UX/UI: establecimiento de conceptos
19. Referencia del portafolio UX/UI
- plataforma del kit de interfaz de usuario
- Cómo investigar aplicaciones
20. Diseño del flujo de usuarios y configuración del concepto del proyecto.
- Tipo y selección de flujo de usuario
- Diseño y creación de formularios.
- Variaciones del flujo de usuarios usando Figma
21. Diseño de íconos de interfaz de usuario y contenido
- Crear íconos de contenido usando fotos
- Creación de interfaz y íconos coincidentes
- Creación de íconos familiares y creación de íconos de barra de pestañas
22. Selección y referencia de la fuente de la maqueta de iPhone
- Seleccione la fuente de maqueta de aplicación adecuada para la sección de cartera
- Casos de uso de Behance Designer
SECCIÓN 07. Práctica de diseño UX/UI: diseño de aplicaciones
23. Diseño de aplicación n.° 1: iniciar sesión y registrarse
- Tipos de botones y efectos
- Aplicar y editar el diseño de inicio de sesión
24. Diseño de aplicación n.° 2: creación del diseño principal
- Diseña una barra de pestañas y crea un botón flotante.
- Aplicar diseño de menú de lista
- Menú de fotos y ubicación del diseño
25. Diseño de aplicación n.° 3: páginas de categorías y productos
- Aplicar diseño de producto usando sombras.
- Crear diseños y páginas de detalles del producto
26. Diseño de aplicación n.° 4: página de pago
- Aplicar diseño de tarjetas y efectos materiales.
- Crear una página de pago
27. Diseño de aplicación n.° 5: página de detalles
- Tipo de diseño de página detallada
- Cree una página de detalles con desplazamiento para aplicarla a su cartera
SECCIÓN 08. Práctica de diseño UX/UI: Creación de portafolios
28. Creación de portafolio: cárguelo en Photoshop y continúe con el diseño.
- Extracción de resultados producidos en Figma
- Crear introducción y composición del portafolio de aplicaciones
29. Creación de portafolios: efectos visuales y decoración.
- Aplicar efecto de fondo de cartera
- Ajustes de decoración y composición fotográfica.
30. Conclusión
- soy diseñador
- Me gusta este producto
- Técnico con justificación.
entrevista
La historia del diseñador UX/UI Seongmin Lee
¿Qué tiene de especial el orador de esta conferencia?
Lo que quiero mostrarles en esta conferencia es más que solo las habilidades necesarias para un portafolio. El portafolio es muy diverso y contiene muchos trabajos de diseño. Sin embargo, creo que debería haber una historia sobre qué diseño quieres mostrar y qué concepto quieres transmitir. Primero, quiero mostrarte cómo crear un buen portafolio en Behance. Para recibir la curaduría de Behance, seleccionaremos cuidadosamente y le informaremos sobre los contenidos clave de la producción general del proyecto de Behance, como qué concepto dibujar, qué estilo de fuente usar y cómo crear un diseño de efectos visuales .
¿Cuál es la intención o el objetivo de planificación de esta conferencia?
Esta conferencia se centrará en la plataforma Behance . Behance es el hogar de las empresas, estudios de diseño y artistas diseñadores más importantes del mundo. Así como una persona que ha visto el mar no dice que el lago es el mar cuando lo ve, espero que mis actividades se desarrollen en un océano grande y no en un lago pequeño. Creo que muchos diseñadores y estudiantes actuales estarán cansados de las conferencias estructuradas únicamente en base a teorías. Un portafolio bien hecho tiene una justificación objetiva, por eso quiero mostrarles los resultados.
¿Qué áreas pueden mejorar o ganar los estudiantes de esta conferencia?
El diseño UX/UI es un campo de diseño que le permite experimentar una variedad de campos. Es un campo que está muy relacionado con el diseño de marcas y, además, aprenderás sobre diseño industrial y adquirirás experiencia en diversos campos. También creo que ampliarás tu perspectiva y aprenderás a comercializarte en una plataforma de diseño.
Por último, deje todo lo que quiera decirles a los estudiantes y diseñadores jóvenes.
Quiero demostrar que los diseñadores pueden crecer aunque no formen parte de una empresa. Hoy en día, parece muy fácil que cualquiera sea etiquetado como "diseñador". Sin embargo, debemos convertirnos en expertos en nuestro campo y en diseñadores con un núcleo e identidad de diseño, no en herramientas que sólo imitan. En ese sentido, creo que esta conferencia será una conferencia especial en la que tendrá estándares y perspectivas más altos sobre el diseño al crear un portafolio con sus propios pensamientos y justificaciones, en lugar de utilizar un método establecido.
Le guiaremos a través del programa a utilizar.
Esta clase se llevará a cabo utilizando las versiones Figma, Adobe Photoshop 2022 y Adobe Illustrator 2022 .
Instale la versión correspondiente del programa para garantizar una participación fluida en el curso.
*Versiones inferiores permitidas
- Tanto Adobe Photoshop como Illustrator se pueden utilizar en versiones anteriores a 2022.
*Los programas y materiales no se proporcionan por separado.
