--- title: User Interface Design description: User interface design focuses on the visual and interactive elements of digital products, including layouts, typography, and color schemes. You will understand how to create aesthetically pleasing, accessible, and functional interfaces that guide users through web and mobile applications. category: arts-design subcategory: ui/ux-design difficulty: beginner, intermediate, advanced url: /subject/user-interface-design --- # User Interface Design User interface design focuses on the visual and interactive elements of digital products, including layouts, typography, and color schemes. You will understand how to create aesthetically pleasing, accessible, and functional interfaces that guide users through web and mobile applications. ## Available Resources 2 Books • 1 Courses • 5 Websites ## Websites ### 1. Pttrns Mobile UI patterns gallery **Difficulty:** Beginner | **Price:** Free **Link:** https://pttrns.com/ ### 2. Mobbin A reference library of screens and complete user flows captured from real iOS, Android, and web apps, searchable by pattern, element, and app. Useful for studying how established products handle onboarding, checkout, navigation, and other recurring interface problems before designing your own. **Difficulty:** Beginner | **Price:** Free **Link:** https://mobbin.com/ **Tags:** ui-patterns, user-flows, mobile-design, web-design, design-reference ### 3. Refactoring UI A book and video series by Adam Wathan and Steve Schoger, creators of Tailwind CSS, teaching interface design through before-and-after tactics. Covers visual hierarchy, spacing, typography, colour, and depth, so developers can make interfaces look polished without formal design training. **Difficulty:** Beginner | **Price:** Free **Link:** https://refactoringui.com/ **Tags:** ui-design, visual-hierarchy, typography, color, web-design ### 4. UX Collective Independent online publication, founded by Fabricio Teixeira and Caio Braga, publishing practitioner essays on UX research, interaction and interface design, design systems, accessibility and design careers. Its weekly newsletter curates industry writing, helping designers keep current with practice and critique. **Difficulty:** Intermediate | **Language:** English | **Price:** Free **Link:** https://uxdesign.cc **Tags:** ux-design, interaction-design, ux-research, design-systems, product-design ### 5. smashingmagazine.com Smashing Magazine is a design-focused publication offering practical articles, tutorials, and ebooks for web designers and developers. It covers layout, composition, typography, UX, and responsive design, with code samples and design patterns. **Difficulty:** Intermediate | **Language:** English | **Price:** Free **Link:** https://smashingmagazine.com **Tags:** websites, arts-design, graphic-design ## Courses ### 1. Google UX Design Professional Certificate Google's multi-course certificate on Coursera covering the full UX process: empathizing with users, defining problems, ideation, wireframing, low- and high-fidelity prototyping in Figma, and running usability studies. Learners finish with portfolio projects and can carry a product design from research to tested prototype. **Difficulty:** Beginner | **Price:** Free **Link:** https://www.coursera.org/professional-certificates/google-ux-design **Tags:** ux-design, user-research, wireframing, prototyping, usability-testing, figma ## Podcasts ### 1. Design Details **Author:** Brian Lovin, Marshall Bock A long-running weekly discussion podcast by product designers Brian Lovin and Marshall Bock, covering design process, design systems, interface craft, tooling, and career growth. Listeners gain a working sense of how practising designers approach product decisions and their own careers. **Difficulty:** Beginner | **Language:** en | **Price:** Free **Link:** https://designdetails.fm **Tags:** product-design, design-process, ui-design, design-systems, design-careers ## Books ### 1. About Face: The Essentials of Interaction Design **Author:** Alan Cooper, Robert Reimann, David Cronin The third edition of Cooper's reference on goal-directed interaction design, covering user research, personas, scenarios, and detailed guidance on windows, controls, menus, and dialogs. Readers learn to derive interface behaviour from user goals rather than implementation models. **Difficulty:** Intermediate | **Language:** English | **Price:** Paid **Link:** https://www.amazon.com/dp/0470084111?tag=edmonddante07-20 **Tags:** books, arts-design, uiux-design ### 2. Designing Interfaces **Author:** Jenifer Tidwell The first edition of Tidwell's pattern language for interface design, cataloguing reusable solutions for navigation, page layout, lists, forms, actions, and visual style. Each pattern explains what problem it solves, when to use it, and gives examples from real software. **Difficulty:** Intermediate | **Language:** English | **Price:** Paid **Link:** https://www.amazon.com/dp/0596008031?tag=edmonddante07-20 **Tags:** books, arts-design, uiux-design --- *This content is part of Dantes.io - Your Treasure Map to Knowledge* *Curated by humans at Dantes.io. Personal study use welcome; republishing this curation requires permission (team@dantes.io).* View this page online: https://dantes.io/subject/user-interface-design