Diseño de interfaz de usuario autodidacta 4 secretos centrales del diseño de interfaz visual para desarrollar una base sólida y sólida

Contenido Tabla de contenido Recomendar este artículo Razones 1. Aprenda primero el software de interfaz de usuario 2. Mejore la estética ¿Ver más y hacer más? 3. ¿Acerca de los métodos de aprendizaje de la interfaz de usuario? ¿Está tomando medidas? UIparade? Resumen de hoy de MaterialUp ＜Artículos de lectura recomendados extendidos＞? Razones para recomendar este artículo

Diseño de interfaz de usuario: el diseño de interfaz visual es obviamente una de las profesiones más populares en la industria del diseño. Pasó del diseño gráfico al diseño de interfaces. ¿Cómo aprender por tu cuenta el diseño de UI? ¿Qué herramientas de software se necesitan para el diseño de la interfaz de usuario? Este artículo te lo cuenta uno por uno.

Todo el mundo está aprendiendo diseño de UI por sí mismo a través de Internet, rico en recursos, pero ¿realmente has aprendido las habilidades básicas? ¿Cuáles son las habilidades básicas del diseño de interfaces visuales? Aunque la mayoría de los diseñadores de UI son autodidactas, la diferencia entre profesionales y aficionados radica en las habilidades básicas de habilidades sólidas. Echemos un vistazo a los elementos de un plan de desarrollo de fortalezas sólidamente fundamentado:

?

1. Primero aprenda el software de UI

Si tiene una hoja de papel en blanco y desea aprender a usar UI, pero aún no sabe nada de software, se recomienda aprender software primero. Puede comenzar con PS, comenzar con videos de enseñanza básicos o comprar libros. Por supuesto, la forma más rápida es apuntarse a una escuela intensiva y estudiar sistemáticamente con el profesor y los compañeros. Aunque hay muchos vídeos instructivos en Internet, puedes encontrarlos donde quieras, pero es posible que tengas miedo de perderte las habilidades básicas.

Primero domine algunas funciones básicas:

? Herramientas de forma y operaciones booleanas

Aprenda a crear íconos de estructura alámbrica y algunos gráficos simples, como engranajes y coordenadas. Espere

¿Un buen artículo recomienda que las operaciones booleanas se puedan realizar con PPT?

? Estilo de capa

Puedes practicar copiando imágenes realistas

? Máscaras de color

¿Hacer algunos ejercicios de enmascaramiento, síntesis de imágenes y otros ejercicios técnicos?

Memorizarlos

Estar familiarizado con bolígrafos, varitas mágicas, etc.

? Composición tipográfica básica

Se recomienda comenzar copiando la interfaz ya preparada

? Conocimiento de fuentes

Instalar algunas fuentes y aprender a conócelas Fuentes de uso común, puedes saber qué fuente es de un vistazo

En esta etapa de aprendizaje preliminar, es más importante poder crearla primero y asegurarte de que no haya problemas en la operación. independientemente de si lo que haces se ve bien o no. En cuanto a la belleza visual, es la segunda etapa. El primer paso es estar firme y familiarizado con el funcionamiento del software.

La clave es: practicar más, cometer más errores y resumir más.

?

? 2. ¿Mejorar tu estética y leer más?

Para mejorar tu estética, debes leer muchas aplicaciones excelentes de otras personas. La página web funciona, en Dribbble, puede encontrar fácilmente una gran cantidad de trabajos excelentes y de alta calidad en sitios web de diseño como Behance y Pinterest.

Además del diseño de UI, también puedes ver los mejores trabajos del mundo en diseño gráfico, fotografía, 3D, pintura a mano, etc. Encuéntralos y colecciónalos. Después de un tiempo, si vuelves a mirar estos trabajos y descubres que los trabajos recopilados hace tres meses son muy bajos, felicidades, ¡significa que tu gusto estético ha mejorado!

?¿Hacer más?

Después de haber visto muchos trabajos excelentes, es posible que aún no sepas diseñar, así que lo siguiente que debes hacer es practicar continuamente. El escenario se está copiando.

Para ti que no tienes bases de diseño, lo más importante es entrenar tus habilidades y sensibilidad, así que lo que tienes que hacer es practicar copiando productos existentes, lo que significa que puedes usar tus obras especiales habituales. ¡Lo que admiras se puede copiar directamente! Desde el proceso de copia, se pueden sentir las líneas del trabajo y la presentación del diseño.

Recursos recomendados Fuentes de la aplicación Sketch

Después de copiar varios conjuntos de trabajos, puedes pasar a la segunda etapa: Rediseño.

Puedes rediseñar tu propia versión de la interfaz del sistema iOS, o rediseñar una marca existente y agregar tus propias ideas y conceptos, lo cual es reentrenamiento. Se recomienda seleccionar una aplicación de uso común y seguir el proceso de diseño de esta aplicación para realizar ejercicios de recreación en capas. El propósito de elegir una aplicación es, por un lado, practicar habilidades y, por otro, descubrir el diseño de la interfaz del proceso de una aplicación.

? ¿Piensas más?

En el proceso de ver y hacer, las habilidades de diseño son solo una pequeña parte del aprendizaje de la interfaz de usuario, y más se trata de comprender las ideas y principios detrás del diseño. Por ejemplo, ¿por qué este producto define el azul como color principal? ¿Por qué ampliar y poner en negrita ese número? ¿Cuál es la estructura y el diseño de toda la página? ¿Cuáles son los objetivos del diseño? etc.

Sigue pensando y pregúntate por qué. Sólo así el diseño podrá quedar fundamentado e impecable en futuros trabajos y creación. Resistir el escrutinio de los demás, parecer más profesional, ganar reconocimiento y respeto y utilizar el diseño para resolver problemas con mayor fluidez.

?

? 3. Acerca de los métodos de aprendizaje de UI

En este momento, es necesario fortalecer la acumulación de teoría y conocimiento, que es la base sólida. parte. Por ejemplo, algunos métodos de diseño convencionales, como: principios de Gestalt, ley de Fitts, proporción áurea, etc.

Los tres componentes principales del diseño gráfico también son habilidades básicas que deben entenderse. Términos comunes: armonía, contraste, simetría, equilibrio, centro de gravedad, ritmo, etc. Estos son los puntos más básicos. para entender.

De hecho, muchas personas llevan mucho tiempo aprendiendo, pero todavía muchas veces no prestan atención a los detalles, no alinean lo que debería estar alineado, no centran lo que debería estar centrado y lo hacen. No dejar en blanco lo que debería estar en blanco. Estas habilidades básicas con una base sólida eventualmente se convertirán en el umbral entre aficionados y profesionales.

?

4. Empieza a actuar

¿Qué software deberías aprender para el diseño de UI?

1 PS- Photoshop

2 AI- Illustrator

3 AE- After Effects

¿El? A continuación también recomiendo varios sitios web de recursos de diseño de UI: UIparade

UI Parade es una herramienta gratuita de diseño de materiales de páginas web en línea que proporciona botones, formularios, íconos y creadores de cintas, lo que le permite usar. Con una interfaz de operación simple, puede personalizar fácilmente el color, la sombra y el tamaño de los componentes para crear rápidamente una hermosa interfaz de usuario y luego copiar directamente el código CSS y HTML generado al sitio web para su uso.

¿Introducción al uso? Haga clic en mí para verlo.

El sitio web para compartir inspiración de diseño de interfaz de usuario creativo, el sitio web más reciente, las aplicaciones y otros diseños creativos se actualizarán cada semana para ayudar a los diseñadores a encontrar productos geniales. inspiración Pensando en el trabajo de diseño. Es tu primera opción para la creatividad y la inspiración.

?

?

¿La fuente de este artículo? Dane UI Training UE Training y? Youyike Technology, modificado y reimpreso hoy, y no puede reproducirse sin permiso, extraer, copiar y crear imágenes para cualquier uso.

¿Fuente de la primera imagen? Foto de?rawpixel?on?Unsplash

? Resumen de hoy

?