| 1. Additive and Subtractive.mp4 | 18.5 MB | ||
| 1. Additive and Subtractive.srt | 7.2 KB | ||
| 1. Align to Grid.mp4 | 46.7 MB | ||
| 1. Align to Grid.srt | 9.7 KB | ||
| 1. Colour Spaces.mp4 | 21.7 MB | ||
| 1. Colour Spaces.srt | 10 KB | ||
| 1. Geometry.mp4 | 45.3 MB | ||
| 1. Geometry.srt | 9 KB | ||
| 1. How To Use This Course.mp4 | 23.5 MB | ||
| 1. How To Use This Course.srt | 4.3 KB | ||
| 1. How We Read.mp4 | 30.7 MB | ||
| 1. How We Read.srt | 10.4 KB | ||
| 1. Importance of Typography.mp4 | 36.3 MB | ||
| 1. Importance of Typography.srt | 5 KB | ||
| 1. Inspiration.mp4 | 66.5 MB | ||
| 1. Inspiration.srt | 9.8 KB | ||
| 1. Introduction.mp4 | 5.4 MB | ||
| 1. Introduction.srt | 2.2 KB | ||
| 1. Photography.mp4 | 62.4 MB | ||
| 1. Photography.srt | 9.4 KB | ||
| 1. Values.mp4 | 57 MB | ||
| 1. Values.srt | 7.5 KB | ||
| 1. Vertical Grid.mp4 | 83.5 MB | ||
| 1. Vertical Grid.srt | 15.5 KB | ||
| 1.1 Colour portrait gallery.html | 204.8 B | ||
| 1.1 Font Pair.html | 102.4 B | ||
| 1.2 Fonts In Use.html | 102.4 B | ||
| 1.3 Type Wolf.html | 102.4 B | ||
| 1.4 Typespiration.html | 102.4 B | ||
| 10. Colour Attributes.html | 204.8 B | ||
| 10. Describe A Typeface.html | 204.8 B | ||
| 10. Font Pairing.mp4 | 40.4 MB | ||
| 10. Font Pairing.srt | 14.8 KB | ||
| 10. Grid Quiz.html | 204.8 B | ||
| 10. Readability Quiz.html | 204.8 B | ||
| 10. Share You Compositions.html | 204.8 B | ||
| 10. Sketch.mp4 | 11.5 MB | ||
| 10. Sketch.srt | 2.4 KB | ||
| 10. Summary.mp4 | 30.6 MB | ||
| 10. Summary.srt | 1.8 KB | ||
| 11. Font Pairing Practice.mp4 | 80.3 MB | ||
| 11. Font Pairing Practice.srt | 13.9 KB | ||
| 11. Other Software.mp4 | 20.3 MB | ||
| 11. Other Software.srt | 1.4 KB | ||
| 11. Summary.mp4 | 22.1 MB | ||
| 11. Summary.srt | 1.2 KB | ||
| 11. Thank You & Goodbye.mp4 | 24.7 MB | ||
| 11. Thank You & Goodbye.srt | 1.3 KB | ||
| 11.1 Just My Type.html | 102.4 B | ||
| 11.2 Type Connection.html | 102.4 B | ||
| 12. Create A Font Pair.html | 204.8 B | ||
| 12. Styling.mp4 | 21.9 MB | ||
| 12. Styling.srt | 5.5 KB | ||
| 13. Ligatures.mp4 | 19.8 MB | ||
| 13. Ligatures.srt | 5.6 KB | ||
| 13. Summary.mp4 | 38.1 MB | ||
| 13. Summary.srt | 2.2 KB | ||
| 14. Small Caps.mp4 | 14.4 MB | ||
| 14. Small Caps.srt | 2.8 KB | ||
| 15. Letter Spacing.mp4 | 22.9 MB | ||
| 15. Letter Spacing.srt | 5.1 KB | ||
| 16. Kerning.mp4 | 20.1 MB | ||
| 16. Kerning.srt | 7.7 KB | ||
| 16.1 Kerning Game.html | 102.4 B | ||
| 17. Paragraph Alignment.mp4 | 30.9 MB | ||
| 17. Paragraph Alignment.srt | 6.8 KB | ||
| 18. Numbers and Date.mp4 | 19.9 MB | ||
| 18. Numbers and Date.srt | 6 KB | ||
| 19. Typographic Systems.mp4 | 85.8 MB | ||
| 19. Typographic Systems.srt | 16.2 KB | ||
| 2. Colour Harmonies.mp4 | 14.8 MB | ||
| 2. Colour Harmonies.srt | 6 KB | ||
| 2. Define The Brand.mp4 | 16.7 MB | ||
| 2. Define The Brand.srt | 5.6 KB | ||
| 2. Embedded Grid.mp4 | 32.3 MB | ||
| 2. Embedded Grid.srt | 8.3 KB | ||
| 2. Expression.mp4 | 8.7 MB | ||
| 2. Expression.srt | 6.9 KB | ||
| 2. One Colour.mp4 | 5.3 MB | ||
| 2. One Colour.srt | 4.2 KB | ||
| 2. Readability.mp4 | 23.5 MB | ||
| 2. Readability.srt | 5.7 KB | ||
| 2. Shapes.mp4 | 19.2 MB | ||
| 2. Shapes.srt | 8.7 KB | ||
| 2. Submitting Your Work.mp4 | 33.3 MB | ||
| 2. Submitting Your Work.srt | 8.4 KB | ||
| 2. Typeface or Fonts.mp4 | 32.2 MB | ||
| 2. Typeface or Fonts.srt | 4.3 KB | ||
| 2. Types of Grid.mp4 | 34.1 MB | ||
| 2. Types of Grid.srt | 9.4 KB | ||
| 2. Values Exercises.mp4 | 7.9 MB | ||
| 2. Values Exercises.srt | 4.7 KB | ||
| 2. Visual Hierarchy.mp4 | 74 MB | ||
| 2. Visual Hierarchy.srt | 8.2 KB | ||
| 2. Waves.mp4 | 55.9 MB | ||
| 2. Waves.srt | 8.4 KB | ||
| 2.1 Double Slit Experiment.html | 102.4 B | ||
| 2.1 Readable.html | 102.4 B | ||
| 2.1 one-colour.fig | 9.8 KB | ||
| 2.2 Double Slit Experiment (Video).html | 102.4 B | ||
| 2.3 Thomas Young.html | 102.4 B | ||
| 20. Create A Typographic System.html | 204.8 B | ||
| 21. Summary.mp4 | 40.3 MB | ||
| 21. Summary.srt | 2.3 KB | ||
| 3. Aspect Ratio.mp4 | 16.4 MB | ||
| 3. Aspect Ratio.srt | 6.5 KB | ||
| 3. Balance.mp4 | 31.2 MB | ||
| 3. Balance.srt | 5.1 KB | ||
| 3. Brightness.mp4 | 25.1 MB | ||
| 3. Brightness.srt | 7.9 KB | ||
| 3. Building our Grid - Part 1.mp4 | 45.8 MB | ||
| 3. Building our Grid - Part 1.srt | 8.8 KB | ||
| 3. Emotions.mp4 | 36.4 MB | ||
| 3. Emotions.srt | 7.8 KB | ||
| 3. Font Shops.mp4 | 62.7 MB | ||
| 3. Font Shops.srt | 13.1 KB | ||
| 3. Illustrations.mp4 | 33.9 MB | ||
| 3. Illustrations.srt | 8.7 KB | ||
| 3. Importance of Grids.mp4 | 27 MB | ||
| 3. Importance of Grids.srt | 6.7 KB | ||
| 3. Trichromatic Process.mp4 | 43.3 MB | ||
| 3. Trichromatic Process.srt | 9.9 KB | ||
| 3. Two Colours.mp4 | 3.4 MB | ||
| 3. Two Colours.srt | 2.3 KB | ||
| 3. Type Scale.mp4 | 29.2 MB | ||
| 3. Type Scale.srt | 6.9 KB | ||
| 3. Web Typography.mp4 | 33.8 MB | ||
| 3. Web Typography.srt | 5 KB | ||
| 3. What To Expect From This Course.mp4 | 50 MB | ||
| 3. What To Expect From This Course.srt | 7.5 KB | ||
| 3.1 Adobe Fonts.html | 102.4 B | ||
| 3.1 Aspect Ratio Calculator.html | 102.4 B | ||
| 3.1 Golden Ratio Calculator.html | 102.4 B | ||
| 3.1 Opponent Process.html | 102.4 B | ||
| 3.1 Style Guides.html | 102.4 B | ||
| 3.1 two-colours.fig | 9.8 KB | ||
| 3.2 Better Font Finder.html | 102.4 B | ||
| 3.2 Type Scale.html | 102.4 B | ||
| 3.3 Google Fonts.html | 102.4 B | ||
| 3.4 Hoefler & co.html | 102.4 B | ||
| 4. Body Text.mp4 | 33.1 MB | ||
| 4. Body Text.srt | 7.7 KB | ||
| 4. Box Modal.mp4 | 22.1 MB | ||
| 4. Box Modal.srt | 5.9 KB | ||
| 4. Brightness Examples.mp4 | 19.5 MB | ||
| 4. Brightness Examples.srt | 9.5 KB | ||
| 4. Building our Grid - Part 2.mp4 | 24.1 MB | ||
| 4. Building our Grid - Part 2.srt | 7.5 KB | ||
| 4. Chromaticity.mp4 | 44.8 MB | ||
| 4. Chromaticity.srt | 7.3 KB | ||
| 4. Contrast.mp4 | 14.3 MB | ||
| 4. Contrast.srt | 8.8 KB | ||
| 4. Create A Type Scale.mp4 | 67.3 MB | ||
| 4. Create A Type Scale.srt | 12.8 KB | ||
| 4. Emotions Exercise.mp4 | 12.3 MB | ||
| 4. Emotions Exercise.srt | 6.1 KB | ||
| 4. Non Verbal Communication.mp4 | 72.2 MB | ||
| 4. Non Verbal Communication.srt | 7 KB | ||
| 4. Select Photographs or Illustrations.html | 204.8 B | ||
| 4. Transpose Colours.mp4 | 5.4 MB | ||
| 4. Transpose Colours.srt | 3.6 KB | ||
| 4. Viewing Distance.mp4 | 53.2 MB | ||
| 4. Viewing Distance.srt | 14.9 KB | ||
| 4.1 Busting Myth 93 Communication.html | 102.4 B | ||
| 4.1 Color Is Critical in Consumer Purchasing Decisions.html | 204.8 B | ||
| 4.1 Does print size matter for reading.html | 102.4 B | ||
| 4.1 transpose.fig | 10 KB | ||
| 4.2 Font Size Calculator.html | 102.4 B | ||
| 4.3 Size Calculator.html | 102.4 B | ||
| 5. Anatomy of Type.mp4 | 23.6 MB | ||
| 5. Anatomy of Type.srt | 6.6 KB | ||
| 5. Body Font Size for Readability.html | 204.8 B | ||
| 5. Building our Grid - Part 3.mp4 | 32.8 MB | ||
| 5. Building our Grid - Part 3.srt | 10.2 KB | ||
| 5. Colour Matching.mp4 | 42.3 MB | ||
| 5. Colour Matching.srt | 10.8 KB | ||
| 5. Colour Purpose.mp4 | 20.7 MB | ||
| 5. Colour Purpose.srt | 9.6 KB | ||
| 5. Colour Quiz.html | 204.8 B | ||
| 5. Create A Type Scale.html | 204.8 B | ||
| 5. Flex Box.mp4 | 20.4 MB | ||
| 5. Flex Box.srt | 7.9 KB | ||
| 5. Form.mp4 | 16.3 MB | ||
| 5. Form.srt | 6.2 KB | ||
| 5. Select A Body Typeface.html | 204.8 B | ||
| 5. Textures.mp4 | 46.6 MB | ||
| 5. Textures.srt | 8.5 KB | ||
| 5. Transparency.mp4 | 4 MB | ||
| 5. Transparency.srt | 2.8 KB | ||
| 5.1 Complete Guide To Flexbox.html | 102.4 B | ||
| 5.1 Kandinsky Form and Color Exercise.html | 102.4 B | ||
| 5.1 anatomy-of-type.pdf | 32.9 KB | ||
| 5.1 transparency.fig | 9.9 KB | ||
| 6. Create A Colour Palette.html | 204.8 B | ||
| 6. Create A Grid.html | 204.8 B | ||
| 6. Create A Type Scale Challange.mp4 | 20 MB | ||
| 6. Create A Type Scale Challange.srt | 6.1 KB | ||
| 6. Css Grid.mp4 | 22.4 MB | ||
| 6. Css Grid.srt | 7.2 KB | ||
| 6. Hierarchy.mp4 | 25.2 MB | ||
| 6. Hierarchy.srt | 10.4 KB | ||
| 6. Large Text.mp4 | 50.8 MB | ||
| 6. Large Text.srt | 9.3 KB | ||
| 6. Patterns.mp4 | 14.5 MB | ||
| 6. Patterns.srt | 3.5 KB | ||
| 6. Printing Press.mp4 | 62.5 MB | ||
| 6. Printing Press.srt | 8 KB | ||
| 6. Saturation.mp4 | 46.5 MB | ||
| 6. Saturation.srt | 8.6 KB | ||
| 6. Single Typeface.mp4 | 14.7 MB | ||
| 6. Single Typeface.srt | 5.2 KB | ||
| 6. Summary.mp4 | 31.1 MB | ||
| 6. Summary.srt | 1.9 KB | ||
| 6. Transparency Range.mp4 | 4.2 MB | ||
| 6. Transparency Range.srt | 2.5 KB | ||
| 6.1 About Visual Acuity and Type Design A Protocol.html | 102.4 B | ||
| 6.1 Complete Guide To CSS Grid.html | 102.4 B | ||
| 6.1 transparent-range.fig | 10.3 KB | ||
| 7. Colour Composition.mp4 | 21.4 MB | ||
| 7. Colour Composition.srt | 5.3 KB | ||
| 7. Display Text.mp4 | 31.4 MB | ||
| 7. Display Text.srt | 5.3 KB | ||
| 7. Gradients.mp4 | 17.9 MB | ||
| 7. Gradients.srt | 5.1 KB | ||
| 7. Line Length.mp4 | 32.7 MB | ||
| 7. Line Length.srt | 9.4 KB | ||
| 7. Relations.mp4 | 12.7 MB | ||
| 7. Relations.srt | 4.4 KB | ||
| 7. Responsive vs Fluid.mp4 | 35.4 MB | ||
| 7. Responsive vs Fluid.srt | 6.8 KB | ||
| 7. Saturation Example.mp4 | 26.3 MB | ||
| 7. Saturation Example.srt | 7.2 KB | ||
| 7. Serif Typeface.mp4 | 30.2 MB | ||
| 7. Serif Typeface.srt | 5.5 KB | ||
| 7. Summary.mp4 | 22.1 MB | ||
| 7. Summary.srt | 1.2 KB | ||
| 7. Type Hierarchy Challenge.html | 204.8 B | ||
| 7.1 The influence of reading speed and line length on the effectiveness of reading from screen.html | 102.4 B | ||
| 8. Alignment.mp4 | 11 MB | ||
| 8. Alignment.srt | 9.4 KB | ||
| 8. Anatomy of a Grid - Part 1.mp4 | 9.8 MB | ||
| 8. Anatomy of a Grid - Part 1.srt | 6.5 KB | ||
| 8. Contrast.mp4 | 40.8 MB | ||
| 8. Contrast.srt | 13.1 KB | ||
| 8. Design Systems.mp4 | 34 MB | ||
| 8. Design Systems.srt | 6.8 KB | ||
| 8. Icons.mp4 | 27.2 MB | ||
| 8. Icons.srt | 9.9 KB | ||
| 8. Line Height.mp4 | 44.3 MB | ||
| 8. Line Height.srt | 9.9 KB | ||
| 8. Sans Serif Typeface.mp4 | 36.2 MB | ||
| 8. Sans Serif Typeface.srt | 7.1 KB | ||
| 8. Select A Display Text.html | 204.8 B | ||
| 8. Share Your Colour Experiments.html | 204.8 B | ||
| 8.1 Design Systems Gallery.html | 102.4 B | ||
| 8.2 Material Design System.html | 102.4 B | ||
| 9. Add Your Visual Language.html | 204.8 B | ||
| 9. Anatomy of a Grid - Part 2.mp4 | 15.5 MB | ||
| 9. Anatomy of a Grid - Part 2.srt | 8.1 KB | ||
| 9. Contrast Example.mp4 | 19.7 MB | ||
| 9. Contrast Example.srt | 4.3 KB | ||
| 9. Figma.mp4 | 17.9 MB | ||
| 9. Figma.srt | 2.5 KB | ||
| 9. Localisation.mp4 | 94.8 MB | ||
| 9. Localisation.srt | 15.4 KB | ||
| 9. Meta Information.mp4 | 36.2 MB | ||
| 9. Meta Information.srt | 4.8 KB | ||
| 9. Sequence & Pace.mp4 | 8.6 MB | ||
| 9. Sequence & Pace.srt | 7.2 KB | ||
| 9. Summary.mp4 | 22.4 MB | ||
| 9. Summary.srt | 1.3 KB | ||
| 9. Understanding Typography.html | 204.8 B | ||
| Bonus Resources.txt | 307.2 B | ||
| Get Bonus Downloads Here.url | 204.8 B | ||
| ▲ 286 total files | |||
UI Design Bootcamp. Master Typography, Colour & Grids
https://TutGator.com
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English + srt | Duration: 113 lectures (9h 30m) | Size: 2.92 GB
Level up your design eye and improve your intuition to craft aesthetically satisfying UI designs
What you'll learn:
Intuitively create more satisfying compositions
Create a colour pallet that works specifically for UI
Have a trained eye to spot how the values of colours
Create a grid that works for modern web applications
The history of typography
The physics of light
Select appropriate typefaces
Create a typographic system
Select or create a visual language
Identify how colour adapts in different contexts
Compose visually stimulating UI design
Requirements
You should ideally know how to use some design software. Figma is preferred. Adobe XD or Sketch would also be okay.
Some experience designing user interfaces would be an advantage.
You'll need lots of extra time to work and share your projects
Description
The most crucial aspect to form a great user experience is having a beautifully crafted user interface. Some small changes to your aesthetics can have the a huge impact or the experience to your users.
If you're designing on a web application, you're making decisions about typography, colour and composition that will effect the branding, style, usability and user experience of you application. You're already making these decisions but are you aware of their impact. Very subtle use of typography and colour can have enough personality that we don't need any other visuals. We can give life to a dull block of text and it can make it easier or harder for our user to read. Getting a few simple choices right can make or break the application.
| torrent name | size | uploader | age | seed | leech |
|---|---|---|---|---|---|
|
Udemy - Figma SaaS Dashboard Course - Design and Prototype a Modern UI Posted by
freecoursewb in Other
|
1.9 GB | freecoursewb | 1 day | 0 | 0 |
|
Udemy - Google Stitch Tutorial - Build and UI Design App Course with AI Posted by
freecoursewb in Other
|
3.1 GB | freecoursewb | 4 weeks | 21 | 7 |
| 2.5 GB | freecoursewb | 4 weeks | 12 | 3 | |
|
Udemy - UI UX Design Figma 2026 - The Complete Web and Mobile Designer Posted by
freecoursewb in Other
|
1.8 GB | freecoursewb | 3 months | 14 | 0 |
| 250.9 MB | freecoursewb | 3 months | 0 | 0 |
All Comments