Interface Design Course
Release date:2021
Author:Matt
Skill level:Beginner
Language:English
Exercise files:Yes
This course is absolutely jam-packed with all the best information for creating great visual design for interfaces. No fluff, just practical content tailored specifically for interfaces.
✓Typography
✓ Layout Techniques
✓ Choosing Colors
✓ Design Direction
✓ Interface Elements
✓ Real World Tactics
✓ Slack Community
01 – Start
001. 1-welcome-to-the-course-00-02-45
002. 2-how-everything-works-00-04-26
003. 3-pro-designer-mindset-00-04-29
004. 4-choosing-design-software-00-05-59
005. 5-ux-vs-ui-00-06-01
006. 6-design-process-overview-00-16-56
007. 7 Interface Design Course (PRO packet)
008. 8-quick-keys-for-a-fast-workflow-00-03-36
009. 9-organizing-design-projects-00-08-20
010. 10-figma-organization-00-13-31
02 – Typography
011. 11-font-size-00-16-44
012. 12-font-weight-00-17-30
013. 13-hierarchy-00-25-42
014. 14-titles-body-00-31-32
015. 15-callouts-00-17-52
016. 16-truncation-00-36-21
017. 17-text-style-definitions-00-27-53
018. 18-interactive-text-00-25-20
019. 19-combining-text-and-elements-00-20-06
020. 20-starting-with-system-fonts-00-07-59
021. 21-choosing-and-using-alternate-fonts-00-22-23
03 – Layout
022. 22-the-box-model-00-24-51
023. 23-grids-containers-00-28-34
024. 24-implicit-grid-00-23-41
025. 25-negative-space-00-21-54
026. 26-alignment-00-12-41
027. 27-optical-vs-mathematical-alignment-00-24-50
028. 28-high-low-density-00-28-18
029. 29-scale-weight-hierarchy-00-22-07
030. 30-affordance-00-19-25
031. 31-interactive-layouts-00-26-23
04 – Color
032. 32-color-picking-methods-00-23-18
033. 33-color-contrast-accessibility-00-26-58
034. 34-structural-vs-interactive-colors-00-34-53
035. 35-primary-secondary-tertiary-00-21-47
036. 36-strategic-color-definitions-00-16-58
037. 37-color-amount-modification-00-23-38
038. 38-gradients-00-31-49
039. 39-nifty-shades-of-grey-00-14-13
040. 40-white-almost-white-00-25-20
041. 41-secrets-of-dark-ui-00-14-39
05 – Style
042. 42-design-direction-00-27-33
043. 43-subtlety-is-key-00-19-59
044. 44-corner-radius-00-36-34
045. 45-borders-dividers-00-31-16
046. 46-depth-lighting-shadow-00-27-31
047. 47-opacity-blur-00-24-19
048. 48-deconstructing-styles-00-01-10
049. 49-button-styles-00-23-05
050. 50-marketing-site-style-00-21-41
051. 51-form-vs-function-00-21-54
06 – Imagery
052. 52-imagery-overview-00-11-47
053. 53-static-images-00-21-49
054. 54-to-rasterize-or-not-00-12-39
055. 55-dynamic-images-00-19-30
056. 56-blend-modes-00-18-24
057. 57-photo-manipulation-00-26-47
058. 58-resourceful-asset-collection-00-17-42
059. 59-creating-icons-00-24-01
060. 60-using-icons-00-25-20
061. 61-simple-illustrations-00-29-32
062. 62-app-icons-00-12-45
07 – Elements
063. 63-introduction-00-01-34
064. 64-navigation-00-23-43
065. 65-user-input-00-12-52
066. 66-forms-00-33-52
067. 67-profile-00-18-38
068. 68-settings-00-16-26
069. 69-lists-cards-00-15-50
070. 70-list-v-detail-00-12-51
071. 71-sorting-filtering-00-18-58
072. 72-modals-00-13-58
073. 73-tables-00-27-15
074. 74-design-systems-00-41-29
08 – Tactics
075. 75-no-stress-design-experiments-00-18-22
076. 76-low-fidelity-designs-00-16-41
077. 77-mobile-first-responsive-00-38-39
078. 78-ios-design-00-23-43
079. 79-material-design-00-09-50
080. 80-design-doc-organization-00-22-29
081. 81-leading-design-reviews-00-20-08
082. 82-prototyping-00-01-11
083. 83-developer-handoff-00-17-22
084. 84-pricing-getting-work-00-24-39
Channel
Hi .. thank you so much for bringing for us this amazing course … I’m just wondering if there is any chance to merge all the links in one … and thank you again for your efforts !