Part 3: Key Elements of UI Design | Complete UI Design Course on for Beginners
1.6K views · 2023-04-17
UI DesignInteraction & UX
Week 3: Key Elements of UI Design Part 2 | UI Design Course | Navigation | Grid System | Layout
Welcome to Week 3 of our UI Design course!
Topics discussed in this video
00:00 Welcome
01:42 Navigations
10:30 Layout and Compositions
17:21 Surface
19:12 Grid System
29:26 Icons, Images and Illustrations
36:26 Animation
38:14 Copy
39:13 Special Note & Agenda for next week.
In this video, we covered a range of important topics related to UI design. First, we discussed navigation design and how to create intuitive and user-friendly navigation systems. We also talked about layout and composition, which are crucial elements for creating effective UI design.
Next, we delved into the surface design and how it can impact user experience. We then moved on to the grid system and how to use it to create consistent and visually appealing UI layouts.
Icons, images, and illustrations were also covered in this video, along with tips for selecting the right visuals for your UI design. Animation was another important topic that we discussed, and we provided some key considerations for creating engaging and effective animations.
Finally, we talked about copywriting and how it can influence user behavior and engagement with your UI design. Overall, this video provides a comprehensive overview of UI design principles and techniques, making it a great resource for beginners and anyone interested in improving their UI design skills.
Here is the Complete Course Curriculum along with the Date and Time of the Live Sessions
✅ Week 1: Course Introduction | https://www.youtube.com/live/OSvlWnUhwUc?feature=share
✅ Week 2: The Building Blocks of UI Design Part 1 | https://youtube.com/live/h4-hHpSlUnE
✅ Week 3: The Building Blocks of UI Design Part 2 | https://www.youtube.com/live/MYAYpTFwEmI?feature=share
☑️ Week 4: Must-know Design Principle to Create Awesome User Interface | 23rd April 2023 | 8PM IST
☑️ Week 5: UI Design Process and UI Design Research | 30th April 2023 | 8PM IST
☑️ Week 6: Design System | 7th May 2023 | 8PM IST
☑️ Week 7: hands-on with Figma | 14th May 2023 | 8PM IST
☑️ Week 8: Capstone, Conclusion and Next Steps | 21st May 2023 | 8PM IST
Subscribe and Press the bell icons to enable the notification so that next time we go live you will be notified.
________________________________________________________________
Pre-reads
Week 1 was just the introduction, the real learning will start from Week 2.
This is the pre-reads for Week 3 (The pre-reads remain the same as Week 2)
We have listed some of the most common and important principle in UI Design and have also mentioned what to specifically read in each one of this principle along with the popular blogs to help you get started.
Principle 1: #Colour
Learn the history of colour:
https://lnkd.in/dCF4daw8. .
Learn the colour psychology:
https://lnkd.in/d3RFrTbz
Learn the science behind how do we differentiate between colours.
https://lnkd.in/d-45yEY3.
Learn the difference between RGB, CMYK, CMYKOGV, AND SPOT COLORS
https://lnkd.in/dkaEXbjm
Principle 2: #Typography
Learn the history of typography: e.g., learn when and how did we started to use typefaces and how did the typeface evolve from printing to digital.
https://lnkd.in/dPhdN_3k
Learn about the typeface psychology: e.g., why does serif typefaces gives us the feeling of trust.
https://lnkd.in/dnzfu9EW
Learn about how to choose typefaces in your design work.
https://lnkd.in/dsjrYAwp
Principle 3: #Layouts and #Composition
https://lnkd.in/dUyRybZd
https://lnkd.in/dBupcG8E
Principle 4: #WhiteSpace or #NegativeSpace
Learn the importance of white space and how to effective use white space to improvise your design
https://lnkd.in/dpza-93T.
https://lnkd.in/du85FRkV.
Principle 5: #Consistency
Learn what is consistency, why it is important and how to have consistency in design
https://lnkd.in/dKV-72fq
Principle 6: #GridSystem
Learn how to apply grid system and how we should align our design components in the grid
https://lnkd.in/d5EmB88U.
All the best.
Welcome to Week 3 of our UI Design course!
Topics discussed in this video
00:00 Welcome
01:42 Navigations
10:30 Layout and Compositions
17:21 Surface
19:12 Grid System
29:26 Icons, Images and Illustrations
36:26 Animation
38:14 Copy
39:13 Special Note & Agenda for next week.
In this video, we covered a range of important topics related to UI design. First, we discussed navigation design and how to create intuitive and user-friendly navigation systems. We also talked about layout and composition, which are crucial elements for creating effective UI design.
Next, we delved into the surface design and how it can impact user experience. We then moved on to the grid system and how to use it to create consistent and visually appealing UI layouts.
Icons, images, and illustrations were also covered in this video, along with tips for selecting the right visuals for your UI design. Animation was another important topic that we discussed, and we provided some key considerations for creating engaging and effective animations.
Finally, we talked about copywriting and how it can influence user behavior and engagement with your UI design. Overall, this video provides a comprehensive overview of UI design principles and techniques, making it a great resource for beginners and anyone interested in improving their UI design skills.
Here is the Complete Course Curriculum along with the Date and Time of the Live Sessions
✅ Week 1: Course Introduction | https://www.youtube.com/live/OSvlWnUhwUc?feature=share
✅ Week 2: The Building Blocks of UI Design Part 1 | https://youtube.com/live/h4-hHpSlUnE
✅ Week 3: The Building Blocks of UI Design Part 2 | https://www.youtube.com/live/MYAYpTFwEmI?feature=share
☑️ Week 4: Must-know Design Principle to Create Awesome User Interface | 23rd April 2023 | 8PM IST
☑️ Week 5: UI Design Process and UI Design Research | 30th April 2023 | 8PM IST
☑️ Week 6: Design System | 7th May 2023 | 8PM IST
☑️ Week 7: hands-on with Figma | 14th May 2023 | 8PM IST
☑️ Week 8: Capstone, Conclusion and Next Steps | 21st May 2023 | 8PM IST
Subscribe and Press the bell icons to enable the notification so that next time we go live you will be notified.
________________________________________________________________
Pre-reads
Week 1 was just the introduction, the real learning will start from Week 2.
This is the pre-reads for Week 3 (The pre-reads remain the same as Week 2)
We have listed some of the most common and important principle in UI Design and have also mentioned what to specifically read in each one of this principle along with the popular blogs to help you get started.
Principle 1: #Colour
Learn the history of colour:
https://lnkd.in/dCF4daw8. .
Learn the colour psychology:
https://lnkd.in/d3RFrTbz
Learn the science behind how do we differentiate between colours.
https://lnkd.in/d-45yEY3.
Learn the difference between RGB, CMYK, CMYKOGV, AND SPOT COLORS
https://lnkd.in/dkaEXbjm
Principle 2: #Typography
Learn the history of typography: e.g., learn when and how did we started to use typefaces and how did the typeface evolve from printing to digital.
https://lnkd.in/dPhdN_3k
Learn about the typeface psychology: e.g., why does serif typefaces gives us the feeling of trust.
https://lnkd.in/dnzfu9EW
Learn about how to choose typefaces in your design work.
https://lnkd.in/dsjrYAwp
Principle 3: #Layouts and #Composition
https://lnkd.in/dUyRybZd
https://lnkd.in/dBupcG8E
Principle 4: #WhiteSpace or #NegativeSpace
Learn the importance of white space and how to effective use white space to improvise your design
https://lnkd.in/dpza-93T.
https://lnkd.in/du85FRkV.
Principle 5: #Consistency
Learn what is consistency, why it is important and how to have consistency in design
https://lnkd.in/dKV-72fq
Principle 6: #GridSystem
Learn how to apply grid system and how we should align our design components in the grid
https://lnkd.in/d5EmB88U.
All the best.