Complete Web & Mobile Designer in 2023: UI/UX, Figma, +more

Just updated with all modern Design tools and best practices for 2023! Join a live online community of over 900,000+ students and a course taught by industry experts that have actually worked both in Silicon Valley and Toronto for top companies. A great Designer is becoming harder and harder to find and it isn’t rare to find designers make $160,000+ salaries now because it is such a valuable skill. We will teach you how to get there! Using the latest best practices in Web Design and Mobile Design as well as User Interface and User Experience Design (UI/UX), this course focuses on efficiently getting you from zero to a point where you can get hired or win freelance contracts. We will use in demand tools like Figma to show you a full workflow from start to finish. Graduates of Andreis courses are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook, + other top tech companies. The course also includes 100+ assets and premium design templates that you can keep and use to customize for all your future projects. We guarantee you this is the most comprehensive online resource on Design skills! The curriculum is going to be very hands on as we walk you from start to finish of working as a Designer, all the way into learning how to create final professional designs and then converting them into actual websites or apps using HTML and CSS. The topics covered in the course are.00 Web & Mobile Design Principles + Design vs Web Development01 GETTING STARTED Sketching, Inspiration + Structure1. SketchingIntroduction To SketchingThe Sketching ProcessSketching User FlowsSketching Tips2. InspirationHow to stay inspiredHow to find inspiration online3. Figma BasicsPlans and SignupWhere to Use FigmaFigma UI StructureFigma UI FilesFigma UI ToolbarFigma UI Left SidebarFigma UI Right SidebarShapes and Tools FramesShapes and Tools GroupsShapes and Tools Basic Shapes and Boolean OperationsDesigning in Figma ImagesDesigning in Figma Getting Started with TextDesigning in Figma ConstraintsDesigning in Figma Using Auto LayoutDesigning in Figma Auto Layout PropertiesResources and Collaboration Community FilesResources and Collaboration Community PluginsResources and Collaboration Sharing and Comments]Project Creating a Logo Using Basic ShapesProject Auto Layout ButtonsProject Creating a Responsive NavigationProject Responsive TextProject Imagery and GradientsProject Strokes and ShapesProject Layout and Responsiveness3. User FlowsGetting Ready For This SectionThe DOs and DON’TsUser Flows in Figma OnboardingUser Flows in Figma Search4. SitemapsIntroduction To SitemapsCreating A Basic SitemapReusable Sitemap AssetsFigma Check In Basic Components and VariantsSitemaps in Figma The Top LayerSitemaps in Figma Digging DeeperTips for Creating Great Sitemaps02 EXPLORE AND ITERATE Wireframes, Prototyping and Feedback1. WireframesWhat Is A Wireframe?How To Create A WireframeFigma Check In Basic Button Component]Figma Check In VariantsHow to Use Our Wireframe ComponentsWireframes HomeWireframes CartWireframes Profile2. PrototypingFigma Check In Prototyping in FigmaPrototyping in Figma Flows and Starting PointsPrototyping in Figma ConnectionsPrototyping in Figma InteractionsPrototyping in Figma AnimationsPrototyping in Figma Prototype SettingsPrototyping in Figma Prototype PresentationProject NavigationProject Removing an Item from Your WishlistProject Finding a Product3. Getting feedbackWhy Is Feedback Important?Constructive Feedback03 VISUAL DESIGN Design Theory + Accessibility1. Spacing and GridsWhat Is A Grid?Grid BasicsFigma Check In Fixed and Fluid GridsFigma Check In BreakpointsFigma Check In Grid StyleProject Mobile Layout GridProject Desktop Layout GridsSimple Rules to Follow2. TypographySerifsSans SerifsDisplay & MonoPicking TypefacesFigma Check In Text PropertiesExercise Elevating a BrandExercise Typeface ScenariosExercise Google FontsProject Typeface ExplorationProject Pairing Font FamiliesProject Headings, Body and LabelsProject Typeface SystemFigma Check In Text Styles3. ColorColor SchemesImportant Questions To AskCreating Color PalettesFigma Check In PaintsExercise Expanding Upon a Strict Color PaletteExercise Creating a Color PaletteFigma Check In Color StylesExercise Using Color StylesProject Primary and NeutralsProject Accents4. Imagery and IconographyVisual Assets IntroductionFigma Check In Image PluginsFigma Check In Image StylesFigma Check In MasksExercise Image ExplorationExercise Text and Imagery Working TogetherFigma Check In Illustration PluginsExercise Adding illustrations to your designsFigma Check In Icon PluginsFigma Check In Pen ToolExercise Custom Icons with the Pen Tool5. Forms + UI ElementsWhat Are Forms + UI Elements?Best Practices FormsBest Practices Basic and Advanced InputsBest Practices InputsBest Practices ButtonsFigma Check In Component PropertiesProperties vs. VariantsFigma Check In Button Component PropertiesFigma Check In Button VariantsFigma Check In Combining ComponentsFigma Check In Form Component PossibilitiesProject Registration Flow6. AccessibilityWhat Is