¿Sabe cómo utilizar los componentes de la interfaz de usuario para mejorar la eficiencia del trabajo?
1. ¿Qué es un componente?
Componente UI, es decir, kit de UI, literalmente significa kit de UI/kit de herramientas. Entonces, ¿de dónde vienen los módulos funcionales? Están compuestos por resistencias, condensadores, inductores, transistores, diodos y otros componentes electrónicos. Estos componentes electrónicos pueden denominarse "componentes".
2. ¿Qué son los componentes de la interfaz de usuario?
Diferentes componentes constituyen diferentes módulos, diferentes módulos constituyen diferentes páginas y diferentes páginas constituyen una aplicación completa.
3. Tipos de componentes de la interfaz de usuario
Los atributos industriales de la aplicación son diversos, como financieros, de información, sociales, de comercio electrónico, de vídeo, etc., pero todos se pueden desmontar. en componentes.
Los componentes de la interfaz de usuario se pueden dividir en dos categorías: una son componentes de propósito general y la otra son componentes comerciales.
Los componentes universales también se denominan componentes básicos y la mayoría de las aplicaciones tendrán estos componentes. Los más comunes incluyen componentes de barra de estado, componentes de barra de navegación, componentes de barra de herramientas, componentes de banner de carrusel, componentes de área de diamante, componentes de barra de pestañas, componentes de ventanas emergentes, componentes de lista, componentes de UGC, componentes de filtro, componentes de botones, componentes de formulario y entrada. Cajas, componentes de tostadas, componentes de carga, componentes de página en blanco, etc.
La característica de los componentes universales es que se pueden aplicar a la mayoría de los escenarios de aplicaciones cambiando el texto (incluido el peso de la fuente, el espaciado de la fuente, el tamaño de la fuente), las imágenes o los valores de color.
Los componentes empresariales son componentes relacionados con el negocio y normalmente solo se utilizan en escenarios específicos. Como componentes de gráficos de tendencias de productos financieros y componentes de formulario, componentes de reproducción de video y componentes de grabación, componentes de comentarios sociales y componentes de diálogo, componentes de texto enriquecido con información, componentes de visualización de productos de comercio electrónico, componentes de pago, etc.
4. Cómo crear su propia biblioteca exclusiva de componentes de UI
Lo que los diseñadores suelen tener en contacto más debería ser la interfaz de usuario del proyecto del que son responsables. Primero debe organizarse en componentes de la interfaz de usuario, porque cada vez que el producto se actualiza e itera, habrá muchos componentes de la interfaz de usuario que no necesitarán ser rediseñados o solo requerirán cambios menores. En este momento, la reutilización directa puede mejorar en gran medida la eficiencia del trabajo.
La otra parte son los componentes de la interfaz de usuario recopilados y organizados en la vida diaria. Se desmontan y clasifican varios tipos de aplicaciones, páginas web y otras páginas de diseño, y luego se convierten en componentes y se incluyen en su propia biblioteca de componentes de interfaz de usuario. Puede llamarlo según sea necesario en un nuevo proyecto.
Además, la biblioteca de componentes de la interfaz de usuario necesita mantenimiento y actualizaciones regulares para que pueda mantenerse al día y evitar que los componentes de la interfaz de usuario anteriores queden obsoletos. En cuanto a cómo fabricar componentes a nivel de herramienta, esto todavía depende de los hábitos de uso personal. Las herramientas de diseño son solo herramientas. Algunas personas están acostumbradas a usar PS para el diseño de la interfaz de usuario, por lo que pueden usar directamente la agrupación de carpetas para distinguir diferentes componentes de la interfaz de usuario. Algunas personas están acostumbradas a usar Sketch para el diseño de la interfaz de usuario, por lo que pueden seleccionar los que desean incluir en la página. haga clic en el componente - Crear componente.
Lo anterior es la pequeña experiencia del editor sobre los componentes de la UI. Espero que sea útil para todos los diseñadores de UI. Para compartir más habilidades, preste atención a esta plataforma y el editor la organizará y publicará de manera oportuna.