Haven't read it before but it's often heralded as good entry point for designing interfaces.
Heard good things about this book too.
Well-regarded bible on UX design. Full of good examples too!
I'd highly recommend giving this one a read. It's full of golden nuggets founded in good/solid/grounded interface design principles. Can't recommend it enough!
There is a large pool of design tools to choose from, but if there was one tool I'd recommend getting familiar with it would be Figma.
In the last few years it's become the tool to use for interface designers. Why do people love it, you ask? Some years back the popular design tools (mainly Adobe and Sketch) started to plateau, and they also did a good job of convincing designers at the time that the design tool was never going to close the gap between design and engineering, and that handoff, the process where designers "hand-off" finished designs for engineers to implement, would remain a somewhat arduous and painful task forevermore. This went on to spawn a new market of separate handoff tools, but that's another story.
While Sketch and Adobe had taken their eye off the ball, a little tool called Figma came along and they weren't shy about pushing the envelope. This brought Figma closer to the engineering tools that were responsible for implementing these designs. Yay!
Fast-forward a few years and many innovations later, Figma has dethroned Sketch and become the defacto interface design tool in the industry. It's also platform agnostic (yay!), running on Mac, PC, Linux, and Web.
--
End of history lesson. Another yay!
Here are some great tutorials from the Figma team which should help you get started.
YouTube is also a fantastic resource for Figma tutorials. Here's a few videos I found that delve into process and techniques.
Some of these tutorials may be missing some of the most-recent features that have come to Figma in the last 12 months. However they're still a good watch.
- Figma 101: An introduction tutorial
- Design a Basic Layout in Figma
- Components and Nesting in Figma
- Prototyping and Interactions in Figma
- Working with Contraints and Adaptive Layout in Figma
Here are some more resources on systems and principles.
Gist: https://bradfrost.com/blog/post/atomic-web-design/ Book: http://atomicdesign.bradfrost.com/