{"id":568,"date":"2019-07-21T15:48:39","date_gmt":"2019-07-21T15:48:39","guid":{"rendered":"https:\/\/christinemaggi.com\/designgal\/?page_id=568"},"modified":"2020-05-03T18:54:15","modified_gmt":"2020-05-03T18:54:15","slug":"learn-design","status":"publish","type":"page","link":"https:\/\/christinemaggi.com\/designgal\/resources\/learn-design\/","title":{"rendered":"Learn Design"},"content":{"rendered":"<p>[vc_row][vc_column offset=&#8221;vc_col-lg-offset-2 vc_col-lg-10 vc_col-md-offset-1 vc_col-sm-offset-0&#8243;][vc_tta_tour style=&#8221;flat&#8221; shape=&#8221;square&#8221; color=&#8221;white&#8221; spacing=&#8221;30&#8243; controls_size=&#8221;md&#8221; active_section=&#8221;1&#8243; no_fill_content_area=&#8221;true&#8221;][vc_tta_section title=&#8221;Online Design Courses&#8221; tab_id=&#8221;onlinedesigncourses&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a href=\"https:\/\/bit.ly\/dg-springboard-ui-ux-track\" target=\"_blank\" rel=\"noopener noreferrer\">Springboard UI\/UX Design Track*<\/a><br \/>\n<span class=\"smalltext\">(No design background required! Save $250 with code DESIGNGAL250)<\/span><\/li>\n<li><a href=\"https:\/\/bit.ly\/dg-springboard-ux-track\" target=\"_blank\" rel=\"noopener noreferrer\">Springboard UX Design Track*<\/a><br \/>\n<span class=\"smalltext\">(Save $250 with code DESIGNGAL250)<\/span><\/li>\n<li><a class=\"\" href=\"https:\/\/www.interaction-design.org\/invite?ep=christine-maggi\" target=\"_blank\" rel=\"noopener noreferrer\">Interaction Design Foundation*<\/a><span class=\"smalltext\"><br \/>\n(Get 3 months free with this link!)<\/span><\/li>\n<li><a class=\"\" href=\"http:\/\/share.trydesignlab.com\/christinemaggi2438\" target=\"_blank\" rel=\"noopener noreferrer\">Designlab*<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/transactions.sendowl.com\/stores\/8000\/161318\" target=\"_blank\" rel=\"noopener noreferrer\">RookieUp*<\/a><\/li>\n<li><a href=\"https:\/\/www.pluralsight.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pluralsight<\/a><\/li>\n<li><a href=\"https:\/\/careerfoundry.com\/en\/home\" target=\"_blank\" rel=\"noopener noreferrer\">CareerFoundry<\/a><\/li>\n<li><a href=\"https:\/\/www.skillshare.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Skillshare<\/a><\/li>\n<li><a href=\"https:\/\/www.udemy.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Udemy<\/a><\/li>\n<li><a href=\"https:\/\/teamtreehouse.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Treehouse<\/a><\/li>\n<li><a href=\"https:\/\/tutsplus.com\/courses\/search\/ux\" target=\"_blank\" rel=\"noopener noreferrer\">Envato Tuts+<\/a><\/li>\n<li><a href=\"https:\/\/www.lynda.com\/Design-training-tutorials\/40-0.html\" target=\"_blank\" rel=\"noopener noreferrer\">Lynda.com<\/a><\/li>\n<li><a href=\"https:\/\/www.coursera.org\/courses?_facet_changed_=true&amp;query=design&amp;userQuery=design\" target=\"_blank\" rel=\"noopener noreferrer\">Coursera<\/a><\/li>\n<li><a href=\"https:\/\/antony-conboy.teachable.com\/p\/ux-ui-design-fundamentals\" target=\"_blank\" rel=\"noopener noreferrer\">UX\/UI Design Fundamentals | UX Hop<\/a><\/li>\n<li><a href=\"http:\/\/www.uxbeginner.com\/ux-school\/\" target=\"_blank\" rel=\"noopener noreferrer\">UX School &#8211; UX Beginner<\/a><\/li>\n<li><a href=\"https:\/\/learnui.design\/\" target=\"_blank\" rel=\"noopener noreferrer\">Learn UI Design: The Complete\u00a0Online Video Course<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/learnui.design\/courses\/learn-ux-design.html\" target=\"_blank\" rel=\"noopener noreferrer\">Learn UX Design: The Complete Online Video Course<\/a><\/li>\n<li><a href=\"https:\/\/www.mockplus.com\/blog\/post\/30-best-online-course-websites-to-learn-uiux\" target=\"_blank\" rel=\"noopener noreferrer\">30 Best Online training Course Websites to Learn UI\/UX<\/a><\/li>\n<li><a href=\"https:\/\/learnux.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">learnux.io<\/a><\/li>\n<li><a href=\"https:\/\/ux-masterclass.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">UX Design Masterclass<\/a><\/li>\n<li><a href=\"https:\/\/thegymnasium.com\/courses\" target=\"_blank\" rel=\"noopener noreferrer\">Gymnasium<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/freshtilledsoil\/aux-curriculum\" target=\"_blank\" rel=\"noopener noreferrer\">Apprenticeship in User Experience<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/channel\/UCZHkx_OyRXHb1D3XTqOidRw\" target=\"_blank\" rel=\"noopener noreferrer\">Sketch Together &#8211; YouTube<\/a><\/li>\n<\/ul>\n<p><span class=\"smalltext\">*These are affiliate links with partners that I recommend and believe will be valuable to you. You can help support Design Gal by signing up using these links!<\/span>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;UI\/UX Design Basics&#8221; tab_id=&#8221;uiuxdesignbasics&#8221;][vc_column_text fill=&#8221;yes&#8221; tag=&#8221;p&#8221; el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a class=\"\" href=\"https:\/\/lawsofux.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Laws of UX<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/measuringu.com\/pure\/\" target=\"_blank\" rel=\"noopener noreferrer\">Practical Usability Rating by Experts (PURE)<\/a><\/li>\n<li><a href=\"https:\/\/www.designlibs.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Design Libs<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/uxmovement.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">UX Movement: User Experience Design Articles<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/uxdesign.cc\/understanding-mental-and-conceptual-models-in-product-design-7d69de3cae26\" target=\"_blank\" rel=\"noopener noreferrer\">Understanding mental and conceptual models in product design<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/uxdesign.cc\/user-experience-is-one-of-the-hottest-topics-in-day-today-designers-life-fb314978e1ff\" target=\"_blank\" rel=\"noopener noreferrer\">10 usability heuristics with examples<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/www.degreeless.design\/\" target=\"_blank\" rel=\"noopener noreferrer\">Degreeless.design &#8211; Everything I Learned in Design School<\/a><\/li>\n<li><a href=\"https:\/\/digitalpsychology.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Digital Psychology<\/a><\/li>\n<li><a href=\"https:\/\/uxdesign.cc\/ux-design-methods-deliverables-657f54ce3c7d\" target=\"_blank\" rel=\"noopener noreferrer\">UX Design Methods &amp; Deliverables \u2013 UX Collective<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/fundamentals\/design-and-ux\/ux-basics\/\" target=\"_blank\" rel=\"noopener noreferrer\">Basics of UX \u00a0|\u00a0 Web Fundamentals<\/a><\/li>\n<li><a href=\"https:\/\/medium.com\/level-up-web\/a-dummies-guide-to-ux-basics-159378970d60\" target=\"_blank\" rel=\"noopener noreferrer\">A Dummies Guide to UX Basics<\/a><\/li>\n<li><a href=\"https:\/\/uxdesign.cc\/how-to-develop-an-eye-for-design-c5a4c64bb26c?ref=uxdesignweekly\" target=\"_blank\" rel=\"noopener noreferrer\">How to develop an eye for Design<\/a><\/li>\n<li><a href=\"https:\/\/uxplanet.org\/button-ux-design-best-practices-types-and-states-647cf4ae0fc6\" target=\"_blank\" rel=\"noopener noreferrer\">Button UX Design: Best Practices, Types and States<\/a><\/li>\n<li><a href=\"https:\/\/uxplanet.org\/8-ux-design-strategies-that-will-stand-the-test-of-time-bad50481603a\" target=\"_blank\" rel=\"noopener noreferrer\">8 UX Design Strategies That Will Stand the Test of Time<\/a><\/li>\n<li><a href=\"https:\/\/medium.muz.li\/23-minute-design-school-6c938dd97f2b\" target=\"_blank\" rel=\"noopener noreferrer\">25 Minute Design School<\/a><\/li>\n<li><a href=\"https:\/\/medium.com\/ux-power-tools\/a-25-step-program-for-becoming-a-great-designer-ae7e1714527e\" target=\"_blank\" rel=\"noopener noreferrer\">A 25-Step Program for Becoming a Great Designer<\/a><\/li>\n<li><a href=\"https:\/\/uxplanet.org\/10-small-design-mistakes-we-still-make-1cd5f60bc708\" target=\"_blank\" rel=\"noopener noreferrer\">10 Small Design Mistakes We Still Make<\/a><\/li>\n<li><a href=\"https:\/\/uxplanet.org\/7-inexcusable-yet-common-ux-gaffes-that-make-you-look-like-a-total-amateur-cb504a74b917?ref=uxdesignweekly\" target=\"_blank\" rel=\"noopener noreferrer\">7 inexcusable yet common UX gaffes that make you look like a total amateur.<\/a><\/li>\n<li><a href=\"https:\/\/www.uxapprentice.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">UX Apprentice<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;UI Design Tips&#8221; tab_id=&#8221;uidesigntips&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a href=\"https:\/\/medium.com\/sketch-app-sources\/design-cheatsheet-274384775da9\" target=\"_blank\" rel=\"noopener noreferrer\">10 cheat codes for designing User Interfaces<\/a><\/li>\n<li><a href=\"https:\/\/medium.com\/refactoring-ui\/7-practical-tips-for-cheating-at-design-40c736799886\" target=\"_blank\" rel=\"noopener noreferrer\">7 Practical Tips for Cheating at Design<\/a><\/li>\n<li><a href=\"https:\/\/uxplanet.org\/common-webpage-design-mistakes-59eed9831bd7\" target=\"_blank\" rel=\"noopener noreferrer\">Common Webpage Design Mistakes<\/a><\/li>\n<li><a href=\"https:\/\/www.canva.com\/learn\/design-rules\/\" target=\"_blank\" rel=\"noopener noreferrer\">20 design rules you should never break<\/a><\/li>\n<li><a href=\"http:\/\/www.goodui.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">GoodUI<\/a><\/li>\n<li><a href=\"https:\/\/medium.com\/@erikdkennedy\/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda\" target=\"_blank\" rel=\"noopener noreferrer\">7 Rules for Creating Gorgeous UI (Part 1)<\/a><\/li>\n<li><a href=\"https:\/\/medium.com\/@erikdkennedy\/7-rules-for-creating-gorgeous-ui-part-2-430de537ba96\" target=\"_blank\" rel=\"noopener noreferrer\">7 Rules for Creating Gorgeous UI (Part 2)<\/a><\/li>\n<li><a href=\"https:\/\/twitter.com\/i\/moments\/994601867987619840\" target=\"_blank\" rel=\"noopener noreferrer\">Design Tips<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/uxplanet.org\/how-to-simplify-your-design-69d97fde11b9\" target=\"_blank\" rel=\"noopener noreferrer\">How to simplify your design<\/a><\/li>\n<li><a href=\"http:\/\/www.orbitmedia.com\/blog\/how-to-design-button\/\" target=\"_blank\" rel=\"noopener noreferrer\">How to Design a Button: 7 Tips for Getting Clicked<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/uxdesign.cc\/ui-cheat-sheet-text-fields-2152112615f8\" target=\"_blank\" rel=\"noopener noreferrer\">UI cheat sheet: text fields<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/buildingbeautifuluis.github.io\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">Home | Building Beautiful UIs<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/learnui.design\/blog\/4-rules-intuitive-ux.html\" target=\"_blank\" rel=\"noopener noreferrer\">4 Rules for Intuitive UX \u2013 Learn UI Design<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;User Research&#8221; tab_id=&#8221;userresearch&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a class=\"\" href=\"https:\/\/www.userfocus.co.uk\/articles\/think-straight-about-UX-Research.html\" target=\"_blank\" rel=\"noopener noreferrer\">10 diagrams to help you think straight about UX Research<\/a><\/li>\n<li><a href=\"https:\/\/blog.prototypr.io\/my-7-favorite-creative-exercises-ca8220999452\" target=\"_blank\" rel=\"noopener noreferrer\">My 7 favorite creative exercises<\/a><\/li>\n<li><a href=\"https:\/\/www.interaction-design.org\/literature\/article\/how-to-recruit-users-for-usability-studies\" target=\"_blank\" rel=\"noopener noreferrer\">How to Recruit Users for Usability Studies<\/a><\/li>\n<li><a href=\"https:\/\/www.nngroup.com\/articles\/prioritization-matrices\/\" target=\"_blank\" rel=\"noopener noreferrer\">Using Prioritization Matrices to Inform UX Decisions<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/uxrfieldguide.com\/methodologies\/\" target=\"_blank\" rel=\"noopener noreferrer\">Methodologies<\/a><\/li>\n<li><a href=\"https:\/\/uxrfieldguide.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/uxrfieldguide.com<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/library.gv.com\/gv-guide-to-uxresearch-for-startups-b6d0c8ac81b3\" target=\"_blank\" rel=\"noopener noreferrer\">GV\u2019s Guide to UX Research for Startups<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/www.invisionapp.com\/inside-design\/a-beginners-guide-to-guerrilla-research\/\" target=\"_blank\" rel=\"noopener noreferrer\">A beginner\u2019s guide to guerrilla research<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Designing for Mobile&#8221; tab_id=&#8221;designingformobile&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a href=\"http:\/\/iosres.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">iOS Quick Reference for iPhone, iPad, and Apple Watch<\/a><\/li>\n<li><a href=\"https:\/\/developer.apple.com\/app-store\/product-page\/\" target=\"_blank\" rel=\"noopener noreferrer\">App Store Product Page &#8211; App Store &#8211; Apple Developer<\/a><\/li>\n<li><a href=\"http:\/\/ivomynttinen.com\/blog\/ios-design-guidelines\" target=\"_blank\" rel=\"noopener noreferrer\">The iOS Design Guidelines<\/a><\/li>\n<li><a href=\"https:\/\/www.ckl.io\/blog\/designing-native-apps-for-android-and-ios-key-differences-and-similarities\/\" target=\"_blank\" rel=\"noopener noreferrer\">Designing native apps for Android and iOS: key differences and similarities<\/a><\/li>\n<li><a href=\"https:\/\/webdesign.tutsplus.com\/articles\/a-tale-of-two-platforms-designing-for-both-android-and-ios--cms-23616\" target=\"_blank\" rel=\"noopener noreferrer\">A Tale of Two Platforms: Designing for Both Android and iOS<\/a><\/li>\n<li><a href=\"https:\/\/developer.apple.com\/library\/ios\/documentation\/UserExperience\/Conceptual\/MobileHIG\/index.html#\/\/apple_ref\/doc\/uid\/TP40006556-CH66-SW1\" target=\"_blank\" rel=\"noopener noreferrer\">iOS Human Interface Guidelines: Designing for iOS<\/a><\/li>\n<li><a href=\"https:\/\/v1.designcode.io\/iosdesign-guidelines\" target=\"_blank\" rel=\"noopener noreferrer\">iOS Design Guidelines<\/a><\/li>\n<li><a href=\"http:\/\/iosfonts.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">iOS Fonts<\/a><\/li>\n<li><a href=\"https:\/\/medium.com\/@SteelKiwiDev\/differences-between-designing-native-ios-apps-and-native-android-apps-e71256dfa1ca\" target=\"_blank\" rel=\"noopener noreferrer\">Differences between Designing Native iOS Apps and Native Android Apps<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Learn Color&#8221; tab_id=&#8221;learncolor&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a class=\"\" href=\"https:\/\/uxdesign.cc\/my-struggle-with-colors-52156c664b87\" target=\"_blank\" rel=\"noopener noreferrer\">My struggle with colors<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/carto.com\/carto-colors\/\" target=\"_blank\" rel=\"noopener noreferrer\">CARTOColors<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/medium.com\/iconscout\/colors-in-ui-design-theory-psychology-practice-f6d6a5e6e04d\" target=\"_blank\" rel=\"noopener noreferrer\">Colors in UI Design\u200a<\/a><\/li>\n<li><a href=\"https:\/\/www.jenreviews.com\/color-meaning\/\" target=\"_blank\" rel=\"noopener noreferrer\">Color Meaning, Symbolism, And Psychology<\/a><\/li>\n<li><a href=\"https:\/\/refactoringui.com\/previews\/building-your-color-palette\/\" target=\"_blank\" rel=\"noopener noreferrer\">Building Your Color Palette<\/a><\/li>\n<li><a href=\"https:\/\/blog.prototypr.io\/how-to-use-colors-in-ui-design-16406ec06753#.frr9p3v3u\" target=\"_blank\" rel=\"noopener noreferrer\">How to use colors in UI Design<\/a><\/li>\n<li><a href=\"https:\/\/designschool.canva.com\/blog\/color-tips\/\" target=\"_blank\" rel=\"noopener noreferrer\">10 Color Inspiration Secrets Only Designers Know About<\/a><\/li>\n<li><a href=\"https:\/\/medium.com\/eightshapes-llc\/color-in-design-systems-a1c80f65fa3\" target=\"_blank\" rel=\"noopener noreferrer\">Color in Design Systems<\/a><\/li>\n<li><a href=\"https:\/\/medium.com\/@JustinMezzell\/how-i-work-with-color-8439c98ae5ed\" target=\"_blank\" rel=\"noopener noreferrer\">How I Work with Color<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Learn Typography&#8221; tab_id=&#8221;learntypography&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a class=\"\" href=\"https:\/\/betterwebtype.com\/web-typography-resources\" target=\"_blank\" rel=\"noopener noreferrer\">Web Typography Resources for Web Designers and Web Developers<\/a><\/li>\n<li><a href=\"https:\/\/www.typewolf.com\/guides\" target=\"_blank\" rel=\"noopener noreferrer\">Typewolf Guides &amp; Resources<\/a><\/li>\n<li><a href=\"https:\/\/uxplanet.org\/why-letter-casing-is-important-to-consider-during-design-decisions-50402acd0a4e\" target=\"_blank\" rel=\"noopener noreferrer\">Why letter casing is important to consider during design decisions<\/a><\/li>\n<li><a href=\"http:\/\/www.typewolf.com\/cheatsheet\" target=\"_blank\" rel=\"noopener noreferrer\">A Comprehensive Guide to Smart Quotes, Dashes &amp; Other Typographic Characters<\/a><\/li>\n<li><a href=\"http:\/\/fontpair.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">Font Pair<\/a><\/li>\n<li><a href=\"https:\/\/typ.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Fonts that go together<\/a><\/li>\n<li><a href=\"https:\/\/webflow.com\/blog\/how-to-pick-the-best-font-for-your-site\" target=\"_blank\" rel=\"noopener noreferrer\">How to pick the best font for your site<\/a><\/li>\n<li><a href=\"http:\/\/100daysoffonts.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">100 Days of Fonts<\/a><\/li>\n<li><a href=\"https:\/\/betterwebtype.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Better Web Typography for a Better Web<\/a><\/li>\n<li><a href=\"https:\/\/practice.typekit.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Typekit Practice<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Learn Code&#8221; tab_id=&#8221;learncode&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a href=\"https:\/\/www.codeschool.com\/learn\/html-css\" target=\"_blank\" rel=\"noopener noreferrer\">Learn HTML and CSS<\/a><\/li>\n<li><a href=\"https:\/\/css-tricks.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS-Tricks<\/a><\/li>\n<li><a href=\"https:\/\/www.superhi.com\/courses\/html-css-javascript-foundation?utm_campaign=sidebario_fs_jul18&amp;utm_medium=promo2&amp;utm_source=sidebar_io\" target=\"_blank\" rel=\"noopener noreferrer\">Learn HTML, CSS &amp; Javascript<\/a><\/li>\n<li><a href=\"https:\/\/css-tricks.com\/snippets\/css\/a-guide-to-flexbox\/\" target=\"_blank\" rel=\"noopener noreferrer\">A Complete Guide to Flexbox<\/a><\/li>\n<li><a href=\"https:\/\/scrimba.com\/g\/gintrotojavascript\" target=\"_blank\" rel=\"noopener noreferrer\">Introduction to JavaScript<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Learn Motion Design&#8221; tab_id=&#8221;learnmotiondesign&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<ul>\n<li><a class=\"\" href=\"https:\/\/uxdesign.cc\/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9\" target=\"_blank\" rel=\"noopener noreferrer\">The ultimate guide to proper use of animation in UX<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/medium.com\/ux-in-motion\/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc\" target=\"_blank\" rel=\"noopener noreferrer\">Creating Usability with Motion<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/uxinmotion.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">UX in Motion \u2013 After Effects tutorials<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/uimovement.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">UI Movement<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/medium.muz.li\/tagged\/animation\" target=\"_blank\" rel=\"noopener noreferrer\">Animation \u2013 Muzli<\/a><\/li>\n<li><a class=\"\" href=\"http:\/\/principletemplates.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Principle Templates<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Misc. UI\/UX Links&#8221; tab_id=&#8221;miscuiuxlinks&#8221;][vc_column_text el_class=&#8221;resource&#8221;]<\/p>\n<h6><strong>Wireframing<\/strong><\/h6>\n<ul>\n<li><a href=\"https:\/\/framer.com\/blog\/posts\/complete-guide-to-wireframing\" target=\"_blank\" rel=\"noopener noreferrer\">Framer &#8211; The Complete Guide to Wireframing<\/a><\/li>\n<li><a href=\"http:\/\/alistapart.com\/article\/priority-guides-a-content-first-alternative-to-wireframes\" target=\"_blank\" rel=\"noopener noreferrer\">Priority Guides<\/a><\/li>\n<\/ul>\n<h6><strong>Data Table Design<\/strong><\/h6>\n<ul>\n<li><a href=\"https:\/\/uxdesign.cc\/design-better-data-tables-4ecc99d23356\" target=\"_blank\" rel=\"noopener noreferrer\">Data Tables<\/a><\/li>\n<\/ul>\n<h6><strong>Navigation Design<\/strong><\/h6>\n<ul>\n<li><a href=\"http:\/\/navnav.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">NavNav<\/a><\/li>\n<li><a href=\"https:\/\/medium.com\/@kollinz\/hamburger-menu-alternatives-for-mobile-navigation-a3a3beb555b8#.gevjmev3p\" target=\"_blank\" rel=\"noopener noreferrer\">Hamburger menu alternatives for mobile navigation<\/a><\/li>\n<\/ul>\n<h6><strong>Data Visualization \/ Dashboard Design<\/strong><\/h6>\n<ul>\n<li><a href=\"https:\/\/www.data-to-viz.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">From data to Viz | Find the graphic you need<\/a><\/li>\n<li><a href=\"http:\/\/datavizproject.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Data Viz Project<\/a><\/li>\n<li><a href=\"https:\/\/logianalytics.com\/dashboarddesignguide\/using-the-right-visualizations\/\" target=\"_blank\" rel=\"noopener noreferrer\">Using the Right Visualizations &#8211; The Definitive Guide to Dashboard Design<\/a><\/li>\n<\/ul>\n<h6><strong>Gamification<\/strong><\/h6>\n<ul>\n<li><a class=\"\" href=\"https:\/\/yukaichou.com\/gamification-examples\/octalysis-complete-gamification-framework\/#.Wz4ikBJKjUJ\" target=\"_blank\" rel=\"noopener noreferrer\">Octalysis: Complete Gamification Framework &#8211; Yu-kai Chou<\/a><\/li>\n<li><a class=\"\" href=\"https:\/\/evilmartians.com\/chronicles\/level-up-for-ux-design-lessons-from-videogames\" target=\"_blank\" rel=\"noopener noreferrer\">Level up for UX: Design lessons from video games \u2014 Martian Chronicles, Evil Martians\u2019 team blog<\/a><\/li>\n<\/ul>\n<h6><strong>Form Design<\/strong><\/h6>\n<ul>\n<li><a href=\"https:\/\/uxplanet.org\/checkbox-vs-toggle-switch-7fc6e83f10b8\" target=\"_blank\" rel=\"noopener noreferrer\">Checkbox vs Toggle Switch<\/a><\/li>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2018\/08\/best-practices-for-mobile-form-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">Best Practices For Mobile Form Design<\/a><\/li>\n<li><a href=\"https:\/\/uxdesign.cc\/alternatives-to-placeholder-text-13f430abc56f#.6zy416oen\" target=\"_blank\" rel=\"noopener noreferrer\">Alternatives to Placeholder Text<\/a><\/li>\n<li><a href=\"http:\/\/uxmovement.com\/forms\/why-infield-top-aligned-form-labels-are-quickest-to-scan\/\" target=\"_blank\" rel=\"noopener noreferrer\">Forms: Why Infield Top Aligned Form Labels Are Quickest to Scan &#8211; UX Movement<\/a><\/li>\n<li><a href=\"https:\/\/uxdesign.cc\/design-better-forms-96fadca0f49c#.yi8ued62g\" target=\"_blank\" rel=\"noopener noreferrer\">Design Better Forms \u2014 uxdesign.cc \u2013 User Experience Design<\/a><\/li>\n<li><a href=\"https:\/\/uxdesign.cc\/the-anatomy-of-a-credit-card-payment-form-32ec0e5708bb#.6lqkid4r0\" target=\"_blank\" rel=\"noopener noreferrer\">The anatomy of a credit card form<\/a><\/li>\n<li><a href=\"https:\/\/uxplanet.org\/designing-perfect-text-field-clarity-accessibility-and-user-effort-d03c1e26004b#.mrv5j4953\" target=\"_blank\" rel=\"noopener noreferrer\">Designing Perfect Text Field: Clarity, Accessibility and User Effort<\/a><\/li>\n<li><a href=\"https:\/\/blog.prototypr.io\/creating-user-friendly-forms-46e3f7f4eef2\" target=\"_blank\" rel=\"noopener noreferrer\">Creating User-friendly forms \u2013 Prototypr<\/a><\/li>\n<li><a href=\"http:\/\/www.uxbooth.com\/articles\/the-new-rules-of-form-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">The New Rules of Form Design | UX Booth<\/a><\/li>\n<li><a href=\"https:\/\/uxdesign.cc\/design-better-forms-96fadca0f49c\" target=\"_blank\" rel=\"noopener noreferrer\">Design Better Forms \u2013 UX Collective<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][\/vc_tta_tour][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column offset=&#8221;vc_col-lg-offset-2 vc_col-lg-10 vc_col-md-offset-1 vc_col-sm-offset-0&#8243;][vc_tta_tour style=&#8221;flat&#8221; shape=&#8221;square&#8221; color=&#8221;white&#8221; spacing=&#8221;30&#8243; controls_size=&#8221;md&#8221; active_section=&#8221;1&#8243; no_fill_content_area=&#8221;true&#8221;][vc_tta_section title=&#8221;Online Design Courses&#8221; tab_id=&#8221;onlinedesigncourses&#8221;][vc_column_text el_class=&#8221;resource&#8221;] Springboard UI\/UX Design Track* (No design background required! Save $250 with code DESIGNGAL250) Springboard UX Design Track* (Save $250 with code DESIGNGAL250) Interaction Design Foundation* (Get 3 months free with this link!) Designlab* RookieUp* Pluralsight CareerFoundry Skillshare Udemy [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":285,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-568","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/christinemaggi.com\/designgal\/wp-json\/wp\/v2\/pages\/568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/christinemaggi.com\/designgal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/christinemaggi.com\/designgal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/christinemaggi.com\/designgal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/christinemaggi.com\/designgal\/wp-json\/wp\/v2\/comments?post=568"}],"version-history":[{"count":27,"href":"https:\/\/christinemaggi.com\/designgal\/wp-json\/wp\/v2\/pages\/568\/revisions"}],"predecessor-version":[{"id":696,"href":"https:\/\/christinemaggi.com\/designgal\/wp-json\/wp\/v2\/pages\/568\/revisions\/696"}],"up":[{"embeddable":true,"href":"https:\/\/christinemaggi.com\/designgal\/wp-json\/wp\/v2\/pages\/285"}],"wp:attachment":[{"href":"https:\/\/christinemaggi.com\/designgal\/wp-json\/wp\/v2\/media?parent=568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}