Si quieres empezara diseñar interfaces de usuario con Photoshop para después pasarlas a HTML y CSS puedes empezar viendo este video tutorial en el que creo una interfaz de usuario de login y registro.
Elementos utilizados:
Para diseñar la interfaz solo basta usar herramientas simples como la de rectángulo, para ella crear los diferentes botones y secciones, la herramienta de texto para crear los inputs o cajas de texto y títulos que se requieran y algunos iconos específicos para las redes sociales de los botones para iniciar sesión.
