¿Cómo actualizar mis habilidades de desarrollo de UI? Solo tengo conocimiento de HTML, CSS, JS, jQuery y un poco de conocimiento en AngularJS

La interfaz de usuario se trata de la expectativa frente a la realidad. ¿Qué espero (el usuario) cuando hago clic en este botón / me desplazo a esta sección, etc.? ¿El sitio web es intuitivo de usar y navegar? Esto será en gran medida específico de la industria. Si bien habrá temas comunes, las diferentes industrias tendrán diferentes expectativas de lo que su sitio web debe lograr desde los ojos de los usuarios.

Sugeriría visitar algunos sitios (de diferentes industrias) y ver los elementos separados de la interfaz de usuario. Con su conocimiento de Angular, mire el sitio web desde una vista de componente / sección. ¿Qué le gusta de cada parte del sitio web? ¿Qué no te gusta de ellos? Lo que hace que un sitio sea más “intuitivo” para usar que otro. ¿Cuáles son esas cosas que te hacen decir “Hombre, desearía que este [formulario / componente / parte del sitio web] me dejara [completar el espacio en blanco]”. Haga una lista de esas cosas. Encontrará temas / técnicas de UI comunes que se ubican en el lado mejor del espectro y aquellos que se ubican en el lado no tan bueno del espectro.

Creo que la práctica hace al maestro. ¡Considere simplemente buscar en Google un diseño agradable y comience a codificar! Tómese el tiempo para obtener píxeles perfectos, si hay un menú desplegable claro, ¡haga el menú desplegable! También intente crear estos sin el uso de marcos como Bootstrap y jQuery. Escribe tu propio código.

También eche un vistazo a CodePen

Eche un vistazo a los marcos CSS como bootstrap o fundación. Continúa estudiando angular y construye cosas con él. La única forma de mejorar es construir cosas.