¿Qué es el diseño de interfaz de usuario?
La "Enciclopedia Baidu" define el diseño de UI como: "UI es la abreviatura de interfaz de usuario. El diseño de UI se refiere al diseño general de la interacción persona-computadora, la lógica de operación y la hermosa interfaz del software".
Interfaz de usuario, un concepto relativamente amplio, se refiere a la interfaz en el proceso de interacción persona-computadora. Tomemos como ejemplo los teléfonos móviles. Las interfaces de los teléfonos móviles son todas interfaces de usuario. Enviamos instrucciones al teléfono móvil a través de esta interfaz y el teléfono móvil genera la retroalimentación correspondiente de acuerdo con las instrucciones. La persona que diseña este conjunto de elementos visuales de la interfaz se denomina diseñador de UI.
Lo que generalmente llamamos diseño de UI se refiere al diseño visual de UI, que es el principal responsable del diseño de colores, diseños, íconos y fuentes para aplicaciones, web, H5 y otras páginas. Sin embargo, a medida que Internet continúa desarrollándose, los trabajos puramente visuales han comenzado a disminuir. La industria requiere que los diseñadores de UI tengan cierta comprensión del diseño de interacción y los productos, es decir, la experiencia del usuario se llama UE en el país y en el extranjero (los diseñadores completos incluso necesitan comprender el código). El resultado final del diseño de la interfaz de usuario es un borrador visual de alta fidelidad + anotación de página + recorte.
Por consideraciones de costos, algunas pequeñas y medianas empresas y nuevas empresas también permitirán que los diseñadores de UI sean responsables de algunos diseños gráficos, como carteles, folletos, logotipos, etc. Entonces, si un diseñador de UI puede hacer diseño gráfico o dibujar a mano, es una ventaja, pero no es un requisito, así que no te preocupes.
El diseño de UI es una industria que ha atraído mucha atención en los últimos años, y los diseñadores de UI también han atraído la atención de muchas personas. El diseño de interfaz de usuario incluye principalmente diseño gráfico y diseño de interacción. Los diseñadores gráficos son artistas en el sentido tradicional. En el pasado, el diseño de la interfaz de usuario no se tomaba en serio, por lo que el estatus de los artistas no era alto. Ahora, con el auge del diseño de UI, a los artistas también se les llama diseñadores de UI. De hecho, los diseñadores de UI no son solo artistas, sino también diseñadores de la "forma" de los productos de software. El diseño de interacción diseña principalmente el proceso operativo, la estructura de árbol y las especificaciones operativas del software.
En esta era del alto valor, el nivel de los diseñadores de UI determina directamente el valor de los productos de Internet (teléfonos móviles o PC). Independientemente de la calidad del producto, la primera impresión que obtiene un usuario cuando entra en contacto con el producto es el trabajo del diseñador de la interfaz de usuario. Para muchas audiencias, una vez que la apariencia/primera impresión de un producto no cumple con los estándares/estética, el siguiente paso es decir adiós directamente.
Un buen diseñador de UI puede darle al producto una cara hermosa y darle un nuevo valor al alma interesante, por lo que el diseño de UI no es de ninguna manera una tarea ardua.
Clasificación del 2.2. Diseñador de interfaz de usuario:
Las personas que se dedican al diseño web en el lado de la PC se denominan diseñadores WUI (interfaz de usuario web) o diseñadores web. El diseño de la interfaz de usuario del lado de la PC, es decir, la interfaz de los usuarios de computadoras, se refiere a la interfaz operativa de la computadora. Las versiones para PC de QQ, WeChat, PS y otros programas, así como algunos íconos de botones en las páginas web, pertenecen al diseño de interfaz de usuario del lado de la PC.
En el lado móvil, las personas que se dedican al diseño móvil se denominan diseñadores de GUI (interfaz gráfica de usuario), porque habrá una gran cantidad de diseños de interfaz gráfica de usuario en el lado móvil. En otras palabras, todas las interfaces del teléfono móvil están diseñadas por la interfaz de usuario móvil. Por ejemplo, la interfaz de chat WeChat, la interfaz de chat QQ, el escritorio del teléfono móvil y todas las interfaces de iconos que se ven en el teléfono móvil reaccionarán cuando se haga clic en ellos, lo que puede entenderse como un diseño de interfaz de usuario móvil.
También hay UI de juegos y otras UI, como interfaz VR, interfaz AR, interfaz ATM y algunas interfaces de dispositivos inteligentes, como televisores inteligentes, sistemas de automóviles, etc. Hay menos usuarios, pero hay demanda. Puede que en el futuro sea muy popular y se mantenga el status quo.
3. ¿Qué software necesitas para aprender a diseñar UI?
Dominar el software es una habilidad difícil. No importa cuán buenas sean nuestras ideas, necesitamos un buen conocimiento del software para implementarlas. Necesitamos dominar las operaciones básicas del software, como herramientas de forma, herramientas de lápiz, herramientas de texto, estilos de capa, etc. en Photoshop. También es necesario comprender las capacidades de ajuste de imagen de las curvas y escalas de color. A continuación se muestran algunos programas comunes utilizados en el diseño de interfaces de usuario.
Photoshop: es un software de procesamiento de píxeles anticuado. Se trata principalmente de imágenes digitales formadas por píxeles. Está involucrado en todos los aspectos como imágenes, gráficos, textos, videos, publicaciones, etc. Photoshop se utiliza en el procesamiento de gráficos en diversas industrias del diseño, lo que puede satisfacer las necesidades diarias del diseño de la interfaz de usuario.
Illustrator: software vectorial, ampliamente utilizado en impresión y publicación, diseño de carteles y libros, ilustración profesional, procesamiento de imágenes multimedia, producción de páginas de Internet y otros campos. Cuando se trata de rutas gráficas extremadamente complejas, puede considerar usar Illustrator, o el diseñador puede completar todos los íconos en Illustrator y luego conectarlos e incrustarlos en Photoshop.
Efectos posteriores: ahora que el diseño plano se ha generalizado, el diseño dinámico también se ha convertido en una parte indispensable. Este software se puede utilizar para diseñar interfaces de conmutación dinámicas y fluidas.
Axure RP: es una herramienta profesional de creación rápida de prototipos. Permite a los expertos responsables de definir requisitos y especificaciones, diseñar funcionalidades e interfaces para crear rápidamente esquemas, diagramas de flujo, prototipos y documentos de especificaciones para aplicaciones o sitios web.
3. ¿Qué sistema de conocimiento se necesita construir para aprender a diseñar UI?
En primer lugar, necesitamos saber "¿Qué hace principalmente un diseñador de UI?"
Diseño de interfaz de aplicaciones (IOS y Android), diseño web, diseño de banners, interfaz H5, Todos estos son imprescindibles. Ser competente en ello también es una máxima prioridad.
Después de reorganizar mis conocimientos de diseño, resumí las habilidades básicas de diseño que necesito dominar de la siguiente manera:
Color: debes comprender los principios básicos del color y el método de combinación. El color es difícil de controlar porque se puede abusar fácilmente de él. Si todavía eres un principiante, intenta usar colores apagados y solo usa colores más llamativos donde necesites énfasis.
Fuentes y tipografía: el texto suele representar más del 80% de todo el contenido del diseño, por lo que es importante entender cómo utilizar las fuentes y la tipografía correctas. Haga que su contenido sea legible y sea su primer objetivo al definir el tipo y el diseño.
Efectos dinámicos: Los efectos dinámicos pueden mejorar significativamente la experiencia de usuario de tu aplicación. Pueden hacer que su aplicación sea más vívida y atractiva, siempre que los efectos dinámicos que diseñe sean rápidos y fluidos y cumplan con las expectativas del usuario.
Iconos: Los íconos excelentes suelen estar estrechamente relacionados con cosas que vemos todos los días, como cámaras, botes de basura, nubes, etc. , permitiendo a las personas reconocer la función representada de un vistazo. Por tanto, utilice iconos que sean bien identificables para evitar confundir a los usuarios.
La UI requiere muchos conocimientos y habilidades para dominarla, pero si el orden es incorrecto, se perderá mucho tiempo y se tomarán muchos desvíos.
Empieza con el diseño web y aprende los conocimientos básicos del diseño gráfico (tres componentes principales, diseño, combinación de colores, etc.), luego accede a la APP, que te lo pondrá mucho más fácil.
Los iconos y similares suelen requerir más dibujo, especialmente las operaciones booleanas, que requieren competencia. Los iconos pueden hacerte más competente en el manejo del software y captar los gráficos con mayor precisión. Capaz de dibujar un conjunto de pequeños iconos originales según las características del producto.
La estética debe cultivarse durante un largo periodo de tiempo. La principal razón de la fealdad es la mala estética. Lea más casos de diseño de alta calidad, organice su biblioteca de materiales personal y recopile y organice diseños de manera oportuna. El proceso de mejora estética es relativamente largo, por lo que sólo nos queda leer más y analizar más. Cuando acumules hasta cierto nivel, de repente te iluminarás y te iluminarás de inmediato.
El diseño de interfaces es el más importante y el más difícil de dominar. Debe dedicar más tiempo a analizar los requisitos, extraer información, diseñar el diseño de manera razonable, seguir la lógica de interacción y evitar errores.
Bajo la premisa de garantizar una transmisión precisa de la información, el diseño de pancartas debe fortalecer la práctica y mejorar el sentido de la forma del diseño, incluida la deformación y combinación del texto, la combinación de colores y el contraste de la atmósfera del fondo. Esta es una parte muy importante del trabajo diario de un diseñador.
Cuando pueda diseñar fácilmente una interfaz calificada, vaya a animación AE, prototipo Axure, etc. Recuerde, debe comprender los puntos clave, el diseño de la interfaz es el núcleo.
Debes realizar un conjunto completo de trabajos y tener un conocimiento profundo de lo que has hecho antes de poder explicar por qué lo diseñaste de esta manera.
Alfabetización básica de 4,4. Diseñador de interfaz de usuario
Visión
Antes de ingresar a un campo desconocido, primero debe comprender la estructura de este campo y luego profundizar más después de tener una comprensión más completa. Esta es en realidad la idea del plan de estudios de las carreras universitarias. Primero debe realizar un curso introductorio para comprender los conceptos básicos antes de ingresar al campo especializado. Al igual que el diseño de la interfaz de usuario, primero debe tener una comprensión general de toda la industria, luego aprender el contenido técnico y las reglas, completar lentamente la base de conocimientos y luego comenzar a aprender con una comprensión clara.
Conocimientos y tecnología básicos
Si los programadores pasan la mayor parte del día trabajando como codificadores, entonces el tiempo de los diseñadores se deja para el software de procesamiento de imágenes como PS e AI, y ahí es donde proviene el nombre “Artista”. Se necesitan habilidades especializadas para la presentación perfecta de su trabajo de diseño. Como diseñador de UI, dominar este software de uso común se ha convertido en una habilidad básica para todos.
Conceptos básicos de la pintura
Algunas personas piensan que los diseñadores sólo necesitan ir al sitio web de la galería para encontrar algunos materiales y decorar con herramientas (este es el verdadero diseño artístico). Aprender de ellos es, por supuesto, una habilidad, pero cuando dominas técnicamente hasta cierto punto, puedes intentar crear tus propias obras mediante la acumulación de conocimientos y técnicas.
Reglas de diseño para cada plataforma
IOS, Android, WP, Windows y Mac OX tienen sus propias reglas y preferencias de diseño. En el lado móvil, incluso la resolución, la altura de la barra de estado, la altura de la barra de navegación, el tamaño del icono, la fuente y el valor del color de cada modelo tienen regulaciones estrictas. Cumplir con estas reglas es también la regla más básica de la industria
Comprensión
Los gerentes de producto generalmente envían documentos de requisitos directamente a los diseñadores, quienes pueden leer los documentos del producto, analizar rápidamente los requisitos y posicionar Estilos, colores y elementos para, en última instancia, visualizar rápidamente los requisitos del producto. Son los diseñadores con los que a los gerentes de producto les encanta trabajar. Por supuesto, las habilidades de comunicación relativas también son importantes. No permita que los gerentes de producto y los diseñadores compitan entre sí.
5.5 logros avanzados. Diseñador de interfaces de usuario
Capacidad estética personal
¿Por qué siempre nos gusta descubrir cosas nuevas y correr tras ellas? Además de aplicar contenidos de alta calidad producidos por uno mismo, la lectura y el diseño son puntos muy importantes.
¿Cuál es el sentido del diseño? Proyectado sobre el diseñador, probablemente sea su propia conciencia estética y su sentido de identidad.
En cuanto a cómo cultivar y mejorar la conciencia estética, necesitamos navegar, estudiar, pensar y reflexionar durante mucho tiempo. Hay mil Hamlets en el corazón de mil personas. Creo que la acumulación de cada uno dará lugar a algo diferente.
Experiencia de usuario
Además de los diseñadores de UI que diseñan interfaces, las empresas de Internet también establecerán centros de investigación de usuarios especializados para abordar diversos problemas de experiencia de usuario. Sin embargo, para el diseño visual de un producto de Internet, sólo entendiendo el producto y a los usuarios podemos crear un diseño de producto que le guste al público.
Diseño interactivo
Muchas personas no pueden distinguir entre interacción y UI. La interfaz de usuario es principalmente una interfaz gráfica de usuario, que también se puede denominar diseñador de GUI. El diseño de interacción se ocupa principalmente de la interfaz de interacción persona-computadora. Cualquier proceso de manipulación de máquinas requiere la participación de diseñadores de interacción.
Pero, francamente, ¿cuántas operaciones en las aplicaciones actuales pueden separar completa y claramente la interfaz de usuario y la interacción? Un buen producto requiere una interfaz hermosa y una interacción fluida, y es inseparable de la complementariedad de las dos habilidades del diseñador. Especialmente ahora, el diseño tiende a ser plano. Siempre que se sigan las especificaciones de diseño, el diseño interactivo puede incluso desarrollarse directamente después de que se publique el borrador del diseño. La existencia de un diseño de interfaz de usuario puro se está debilitando gradualmente.
Capacidad de codificación
¿Cuál es la forma más popular de promocionar productos de Internet en los últimos años?
¡Por supuesto que es H5!
Entonces, si un diseñador no solo puede hacer un buen trabajo en diseño, sino también mejorar el diseño del código front-end, entonces, siempre que tenga una idea simple, puede implementarla completamente con tus manos. ¿Cuántas empresas competirán por este tipo de talento tan polivalente? Depende simplemente de lo duro que trabajes.