I studied the basics of UX/UI and project management, I quickly realized that I need to have a personal library with resources. Things change fast in this growing field, so it is critical to do your research and have a place with references.
Below is my collection of resources that can be useful:
(2021) A good article that provides instructions on how to organize files in FIGMA.
(2020) A link to get started with FIGMA for beginners tutorials on YouTube.
(2020) A link to Material Design Resources that discusses nuances in typography.
(2013) A link to the website that shows how various typography can be scaled.
(2015) All companies surrounded and operate in a larger context, before starting a research, it is better to refresh those contexts: SIX FORCES IN THE ENVIRONMENT OF A BUSINESS.
(2020) A link to YouTube video that shows "How to Ask Questions" in User Research.
(2020) A link to YouTube video that shows how to use the Miro software for User Research.
(2021) A link to the article that discusses how to create and organize the moodboard for the project: How to create a moodboard?
(2021) A somewhat simplified but interesting article that discusses five steps necessary to create quality wireframes.
(2021) A Comprehensive Guide to Wireframing that showcases the best methods used to create low and high fidelity wireframes in UX Design.
(2022) A set of wireframes that are good for low/mid fidelity designs in FIGMA: Doggo Wireframe Kit.
(2020) FIGMA Crash Course on YouTube: Responsive UI Card Designed with Auto Layout
(2020) FIGMA Crash Course on YouTube: Responsive Contact List made with Auto Layout
(2020) FIGMA Tutorial on YouTube: Setup a Responsive Grid Layout for UI & Web Design.
(2020) FIGMA Tutorial on YouTube: Responsive Design with Auto Layout and Constraints.
(2020) FIGMA Tutorial on YouTube: Create responsive layout with Breakpoints in Figma.
(2020) A guide to spacing and layout grid best practices based on Material Design, Bootstrap, and FIGMA.
(2021) FIGMA Tutorial on YouTube: How to Calculate Responsive Grid Layouts.
(2021) 10 Auto-Layout Tips that could get handy.
(2018) FIGMA Tutorial on YouTube: Components - Organize Your Components.
(2020) YouTube Tutorial: How I organize my FIGMA files to overcome the creative block.
(2020) A guide to naming and organizing components in FIGMA.
(2018) YouTube Tutorial : How To Structure A Website Home Page.
(2019) YouTube Tutorial: Understanding Hierarchy in Design.
(2019) YouTube: How To Design Good Layouts.
(2017) YouTube Tutorial: Aaron Draplin Takes On a Logo Design Challenge.
(2022) Wix.com Ltd. is an Israeli software company that provides cloud-based web development services. They have a free feature that can be useful in logo design.
(2021) An Article that briefly discusses the history of trends in UX Design from the 1990's to the current days, "The start of a new era for Responsive Web Design".
(2021) A blog post discusses the best practices for using Dark Mode in UI Design.
UI/UX Design Trends (2020) (DesignSense) that show the following 9 trends in action:
1. Dark mode
2. Illustrations in UI
3. Animated graphics & Micro-interactions
4. Gradients
5. Bold Colors
6. Functionality
7. Storytelling
8. Video in UI
9. Attention to Details
UI Design Trends (2021) (DesignSense) that show the following 10 trends in action:
1. 3D Elements in UI
2. Glassmorphism
3. Dark Mode
4. Colorless UI
5. Bauhaus Style
6. Colors on white surface
7. Animated Illustrations in UI
8. Aesthetic Minimalism
9. Big/Bold Typography
10. Immersive Interface
UX Design Trends (2021) (DesignSense) that show the following 10 trends in action:
1. Advanced Micro Interactions
2. AR & VR
3. Useful Data Visualization
4. 3D Graphics with Functional Purpose
5. ID Authentication
6. Voice User Interface
7. Advanced Onboarding
8. Live Collaboration
9. Advanced Personalization
10. Compelling Storytelling
UI Design Trends (2022) (DesignSense) that show the following 10 trends in action:
1. 3D & Animation
2. Fun, Optimistic Design
3. Big, Bold & Experimental Typography
4. Blur background & Glassmorphism
5. 90’s Nostalgia/Retro
6. Gradients
7. Extraordinary Imagery
8. Black & White
9. Dark Mode
10. Vivid Colors
UX Design Trends (2022) (DesignSense) that show the following 10 trends in action:
1. ScrollyTelling
2. Data Visualization
3. Inclusive Design
4. 3D Everywhere
5. Super Apps (All Purpose Apps)
6. AR & VR
7. Voice User Interface
8. Micro interactions
9. Personalized User Experience
10. Social Audio Apps
We use cookies to analyze website traffic and optimize your website experience. By accepting our use of cookies, your data will be aggregated with all other user data.