¿Por dónde debería empezar si quiero aprender a diseñar UI desde cero?
Para aquellos que quieran cambiar al diseño de UI sin base, primero deben entender qué es el diseño de UI. ¿Tiene futuro el diseño de UI? Luego considere si es adecuado para el diseño de UI y finalmente comprenda cómo aprender a diseñar UI. Por eso, hoy compartiremos los pasos para cambiar las carreras en diseño de UI basándose en esta idea. 1. ¿Qué es el diseño de interfaz de usuario?
UI (Interfaz de usuario), nombre chino "interfaz de usuario". Ps: (explicación de Baidu) La interfaz de usuario se refiere al diseño general de la interacción persona-computadora, la lógica de operación y la hermosa interfaz del software.
En términos simples, el diseño prototipo de varias aplicaciones, software web y otros productos utilizados en teléfonos móviles y computadoras en nuestra vida diaria proviene de la interfaz de usuario, incluida la combinación general de colores de la página, el diseño de los botones, diseño de iconos e interfaz La composición tipográfica es el alcance del trabajo de diseño de UI.
El diseño de UI es una posición indispensable en la industria de Internet. Necesita participar en la revisión de la demanda, comprender el PRD, la investigación de usuarios, la clasificación de paneles de estado de ánimo, el diseño de interacción y otros procesos. revisión visual y recorrido de la interfaz de usuario, aceptación y otros procesos. Durante el proceso de trabajo, los miembros del equipo pueden organizarse para revisar los planes y proyectos de diseño. Una división del trabajo tan detallada pulirá cada vínculo a la perfección.
En general, el trabajo de diseño de UI no es solo hacer que el software sea personalizado y de buen gusto, sino también hacer que el funcionamiento del software sea cómodo, simple y gratuito, y refleje completamente el posicionamiento y las características del software. 2. Si el diseño de UI tiene perspectivas
Si una industria tiene perspectivas, lo más importante es observar la demanda y la dependencia del mercado.
En cuanto a la demanda del mercado, si vamos a cualquier sitio web de contratación y vemos cuántas empresas están contratando diseñadores de UI actualmente, podemos saber intuitivamente cuántas vacantes hay en el mercado.
La imagen proviene de Zhiyouji
En cuanto a la dependencia, ¿podemos pensar en qué partes de nuestras vidas utilizamos productos de diseño de interfaz de usuario?
La imagen viene de Internet
Un día en la vida diaria, desde escanear el código con el móvil para coger el metro o el autobús por la mañana, hasta marcar con el móvil teléfono en el trabajo. Luego, para trabajar, utilizo varios programas de oficina, navego por varias páginas web, pido comida para llevar, pago con el teléfono móvil cuando compro alimentos después de salir del trabajo y compro en línea. Por la noche, nos tomamos un descanso para leer noticias, jugar y ver dramas y programas de variedades. Todas las interfaces de los productos que utilizamos están diseñadas por diseñadores de UI. Con el auge de Internet, Internet de las cosas, 5G, inteligencia artificial, big data, realidad virtual VR, inteligencia artificial, etc., el mercado del diseño de UI no estará saturado. Solo necesita más diseñadores de UI, más profesionales y con conocimientos más amplios. .
¿Cuál es el salario del diseño de UI? Echemos un vistazo al salario promedio de los diseñadores de UI en todo el país:
Fuente de la imagen: Zhiyouji 3. El proceso de aprendizaje del diseño de UI
Si desea cambiar a UI con cero Fundación, ¿qué deberías aprender primero? ¿Qué estudiar? ¿Y cómo aprender? Dividimos el contenido de aprendizaje en ciclos de aprendizaje semanales para compartir el proceso de aprendizaje del diseño de la interfaz de usuario.
Cuanto más simple sea la combinación de elementos, más se pondrán a prueba las habilidades básicas de un diseñador. Sin una tecnología excelente y habilidades básicas sólidas, será difícil transmitir con precisión el tono propio del producto y los puntos de venta de marketing.
Todos sabemos la importancia del pensamiento creativo para los diseñadores, pero no podemos ignorar la necesidad de habilidades básicas para los diseñadores. Sólo persistiendo en el entrenamiento continuo con pesas y sólidas habilidades artísticas podremos controlar fácilmente varios estilos en la práctica comercial futura.
Semana 1: Pintura a mano
Fuente de la imagen: Trabajos de estudiantes del Adobe Design Institute
El enfoque de la pintura a mano es principalmente cultivar la aptitud física de los estudiantes. estructura, percepción de la luz, La relación entre el espacio puede considerarse como una iluminación para el cultivo estético. Las ilustraciones vectoriales más populares hoy en día están estrechamente relacionadas con el dibujo a mano.
Segunda y tercera semana: Aprender software básico de PS e IA
Las imágenes provienen de Internet
Aprender software desde cero requiere el uso de casos reales El aprendizaje lo hace Es más fácil comenzar y aprender el diseño de la interfaz de usuario no se trata solo de aprender herramientas de software. Mucha gente piensa que el diseño de la interfaz de usuario solo necesita conocimientos de PS, IA, etc., pero de hecho, aprendamos sobre el diseño detrás de él a través de casos reales. , pensamiento de diseño y comprensión creativa, es el propósito más importante.
Pero simplemente aprender a pensar no es suficiente. También debemos fortalecer las habilidades básicas de diseño y dominar completamente el software.
Semanas 4 y 5: Composición gráfica, logotipo
Fuente de la imagen: trabajos de estudiantes del Adobe Design Institute
Domina los puntos, líneas y superficies del gráfico diseño, y lo extiende al diseño de logotipos. Por un lado, un logotipo incluye gráficos y por otro lado, incluye fuentes, por lo que es muy básico entender la estructura del texto. Y si aprendes muy bien en esta etapa, ya. Puede aceptar pedidos privados de logotipos, pero creo que el precio es demasiado alto.
Además, al estudiar la parte de la marca del logotipo, se debe aprender en profundidad de la forma, temperamento, atributos básicos, forma de pensar y dibujo estándar del logotipo. Un gráfico simple evoluciona hacia formas en constante cambio a través de la deformación de la forma. Con tantos cambios, ¿temes no poder diseñar un logotipo?
Por ejemplo: A partir de la forma, un círculo se puede transformar en un círculo sólido, una forma hueca, un semicírculo, una elipse y un semicírculo. ¿Se puede asociar con huevos, huevos fritos y? ¿Huevos escalfados, sombrero, vaso de agua?
Semana 6: finalización del logotipo de la marca y diseño del manual VI
Fuente de la imagen: estudiantes del Adobe Design Institute
El enfoque de esta semana es el pensamiento del Partido A en el diseño. sí, es ese molesto padre del Partido A, que necesita aprender a ponerse en el lugar de los demás.
El contenido de aprendizaje en toda la primera etapa es muy básico y el propósito es cultivar el pensamiento de diseño. Como dice el refrán, si entiendes lo que piensan los usuarios, ¿aún no podrás diseñar un buen producto?
Semana 7: Sitio web responsivo, sitio web de una pantalla
Fuente de la imagen: Trabajos de estudiantes del Adobe Design Institute
Hablando de diseño web a través de casos Composición, colores , fuentes, funciones, botones, especificaciones de diseño y especificaciones tipográficas.
Semana 8: Datos de backend
Además del diseño de backend, se trata más del procesamiento estadístico de datos de backend y de cómo hacerlo simple y claro.
Fuente de la imagen: trabajos de estudiantes de Adobe Design Institute
Semana 9: Diseño de comercio electrónico
Fuente de la imagen: trabajos de estudiantes de Adobe Design Institute
p>
Diseño de la página de inicio de la plataforma de comercio electrónico, cada plataforma de compras importante realizará actividades en el sitio completo con diferentes temas cada mes, por lo que, de hecho, la brecha de talento para el diseño de comercio electrónico es muy grande.
Semana 10: página de detalles de la plataforma Taobao, backend
Fuente de la imagen: trabajo de estudiante del Adobe Design Institute
Esta parte es donde puedes solicitar una tienda Taobao usted mismo, poniendo productos en los estantes, cualquier aprendizaje es más rápido que comenzar directamente. Sólo practicando y experimentando usted mismo las especificaciones de cada plataforma principal podrá comprenderlas con mayor claridad.
Semana 11: C4D, Banner
Fuente de la imagen: trabajos de estudiantes del Adobe Design Institute
Entra en la formación 3D para enriquecer los efectos visuales y mejorar el empleo Para la competitividad, cuanto más Cuantas habilidades tengas, más posibilidades tendrás. Es por esto que debemos seguir aprendiendo y superándonos.
La segunda etapa trata más sobre la capacitación en diseño web, enfocándose en dominar las especificaciones de diseño de la interfaz del sitio web corporativo y las especificaciones de salida, y ser capaz de diseñar páginas de acuerdo con las necesidades reales de la empresa.
Semana 12: experiencia de usuario, análisis de productos competitivos, dibujos de prototipos
Fuente de la imagen: trabajo de estudiante de Adobe Design Academy
Empiece a diseñar la aplicación esta semana y realice productos competitivos Análisis a través del análisis de datos y uso de Axure para dibujar el prototipo de la aplicación.
Decimotercera Semana: Íconos
Fuente de la imagen: trabajo de un estudiante de Adobe Design Academy
Los íconos interesantes también son una parte importante del diseño completo de una aplicación.
Decimocuarta Semana: Interfaz, Cápsula
Fuente de la imagen: Trabajos de estudiantes del Adobe Design Institute
Habla sobre páginas emergentes y flashes a través de aplicaciones icónicas Página móvil .
Semana 15: Diseño de interfaz
Fuente de la imagen: Trabajo de estudiante de Adobe Design Institute
Continúe completando la aplicación y aprenda a cortar imágenes, nombrar y anotar. , embalaje y entrega (si el hermano o hermana del front-end puede hacerlo depende del contenido de aprendizaje de esta semana)
Semana 16: Interfaz de operación
Las imágenes provienen de Internet
p>
Cultivo del pensamiento del usuario para la promoción de marketing, captando los puntos débiles de los usuarios para mejorar la interfaz operativa general y logrando el propósito de la promoción de marketing. Esto generalmente se hace a través de ventanas emergentes repentinas, pantallas de presentación, etc., como páginas promocionales, que aumentan el atractivo visual y promueven los clics de los usuarios.
Semana 17: Efectos interactivos
Fuente de la imagen: trabajos de estudiantes de Adobe Design Academy
Aprender los efectos de movimiento AE será una gran ventaja, porque puede transmitir con precisión sus ideas y demuestre el efecto de la expresión deseada. Esto definitivamente se convertirá en una tendencia popular en la interfaz de usuario. Si no quieres ser eliminado por el mercado, ¡debes seguir aprendiendo!
En esta etapa, puedes intentar diseñar tu propia aplicación. Puedes elegir el tema que te guste. No hay limitaciones. Este puede convertirse en el contenido de tu portafolio si cambias de carrera sin fundamento.
Semana 18: Front-end
Todo el mundo sabe que el front-end es con lo que trabajan estrechamente los diseñadores de UI. Como diseñador de UI, sólo si entiendes el front-end podrás hacerlo. Cooperar bien. Mejorar, mejorar la eficiencia del trabajo. Podemos aprender HTML5, aprender CSS3, etc.
Aunque está dividido en semanas y completamente organizado, este proceso de aprendizaje es adecuado para la mayoría de amigos sin base. Si el contenido semanal no es sólido, puedes detenerlo apropiadamente, porque cada uno aprende diferentes habilidades. condiciones de aprendizaje y dominio. Debe aprender el conocimiento de manera sólida y avanzar paso a paso, para que realmente pueda dominar firmemente el conocimiento del diseño de la interfaz de usuario.
Finalmente, espero que lo que comparto te ayude a aprender a cambiar al diseño de UI y a encontrar tu trabajo de diseño de UI favorito lo antes posible.