Categories
Website Design

Fixing your Broken Mobile UI Designs [Video]

January 4, 2022 is when https://designcourse.com releases. Go there to enter your email!- Today, I will be reviewing your mobile UI’s.- NEW RULE!!!! Super chats are ONLY for appreciation. It will not guarantee a review/redesign.- Submit your design projects for review: https://discord.gg/a27CKAF #negativespace-submissions (NOTE: To combat spam, we have a new system where you must self-assign a role in #news)Join that discord link and just post ONCE your portfolio URL. I will cover the first one’s first, and I can’t guarantee that I will get to them all! Also, if I already reviewed yours from last week, don’t bother submitting again!Also, feel free to idle in the discord server. I’m there now!https://discord.gg/a27CKAF- – – – – – – – – – – – – – – – – – – – – -Subscribe for NEW VIDEOS!Learn UI/UX: https://designcourse.comMy personal FB account: http://fb.com/logodesignerCoursetro FB: http://fb.com/coursetroCoursetro’s Twitter: http://twitter.com/designcoursecomJoin my Discord! https://discord.gg/a27CKAF^-Chat with me and others- – – – – – – – – – – – – – – – – – – – – -Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com.Come to my discord server or add me on social media and say Hi!

Categories
Website Design

Typographic Visual Hierarchy in UI Design (4 Examples) [Video]

https://bit.ly/3i3X3xh – Become a frontend developer (50% off limited time!)– Want to learn UI/UX? https://designcourse.com​​​​​​​​​– Today, we’re going to take an example-based approach to learning and applying the concept of visual hierarchy to typography. We’ll look at 4 common typographic-based layouts that you find on websites and web apps, and structure the type so that there’s a solid balance based on the type that’s most important. 0:00 – Introduction0:58 – An Awesome Offer1:33 – Example 15:29 – Example 211:13 – Example 312:34 – Example 415:22 – Final thoughtsLet’s get started!#typography #ui #ux- – – – – – – – – – – – – – – – – – – – – -Subscribe for NEW VIDEOS!Learn UI/UX: https://designcourse.comMy personal FB account: http://fb.com/logodesignerCoursetro FB: http://fb.com/coursetroCoursetro’s Twitter: http://twitter.com/designcoursecomJoin my Discord! https://discord.gg/a27CKAF^-Chat with me and others- – – – – – – – – – – – – – – – – – – – – -Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com.Come to my discord server or add me on social media and say Hi!

Categories
Website Design

JON FROK REVIEWS YOUR DESIGNS [Video]

Jon Frok here. I heard some of you newbies need help. Well, here I am. – NEW RULE!!!! Super chats are ONLY for appreciation. It will not guarantee a review/redesign.- Submit your design projects for review: https://discord.gg/a27CKAF #negativespace-submissions (NOTE: To combat spam, we have a new system where you must self-assign a role in #news)Join that discord link and just post ONCE your portfolio URL. I will cover the first one’s first, and I can’t guarantee that I will get to them all! Also, if I already reviewed yours from last week, don’t bother submitting again!Also, feel free to idle in the discord server. I’m there now!https://discord.gg/a27CKAF- – – – – – – – – – – – – – – – – – – – – -Subscribe for NEW VIDEOS!Learn UI/UX: https://designcourse.comMy personal FB account: http://fb.com/logodesignerCoursetro FB: http://fb.com/coursetroCoursetro’s Twitter: http://twitter.com/designcoursecomJoin my Discord! https://discord.gg/a27CKAF^-Chat with me and others- – – – – – – – – – – – – – – – – – – – – -Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com.Come to my discord server or add me on social media and say Hi!

Categories
Website Design

Use this Trick to FIX Contrast Issues! [Video]

https://bit.ly/38xJTDw – Take my UI Design Bootcamp Now!– Want to learn UI/UX? https://designcourse.com​– Today, I’m going to show you how to easily increase contrast in situations where you need to use photographs or other elements that result in *low contrast* with the foreground elements. This is similar to the glassmorphism approach, but not exactly the same in some situations. Need contrast? Blur and darken the background. I’ll show you how!0:00 – Introduction0:38 – An Awesome Offer1:10 – Example 16:03 – Example 28:40 – Outro#ui #contrast #blur- – – – – – – – – – – – – – – – – – – – – -Subscribe for NEW VIDEOS!Learn UI/UX: https://designcourse.comMy personal FB account: http://fb.com/logodesignerCoursetro FB: http://fb.com/coursetroCoursetro’s Twitter: http://twitter.com/designcoursecomJoin my Discord! https://discord.gg/a27CKAF^-Chat with me and others- – – – – – – – – – – – – – – – – – – – – -Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com.Come to my discord server or add me on social media and say Hi!

Categories
Website Design

Creating Color Schemes EASILY: The Tint/Shade Method [Video]

https://bit.ly/3DyXlVY – Take my UI Design Bootcamp Now!– Want to learn UI/UX? https://designcourse.com​– Today, I’m going to show you my personal *most* used method of choosing colors for various UI elements. It involves using precise amounts of tint and shade based on the same hue. It’s a simple, but effective way to create color schemes that work great!0:00 – Introduction0:42 – An Awesome Offer1:13 – Choosing the Random Color 2:38 – First Example8:40 – Choosing the Next Color9:20 – Second Example15:30 – Review16:05 – OutroLet’s get started!#ui #color #simpletrick- – – – – – – – – – – – – – – – – – – – – -Subscribe for NEW VIDEOS!Learn UI/UX: https://designcourse.comMy personal FB account: http://fb.com/logodesignerCoursetro FB: http://fb.com/coursetroCoursetro’s Twitter: http://twitter.com/designcoursecomJoin my Discord! https://discord.gg/a27CKAF^-Chat with me and others- – – – – – – – – – – – – – – – – – – – – -Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com.Come to my discord server or add me on social media and say Hi!

Categories
Website Design

Refactoring YOUR Designs [LIVE] [Video]

– NEW RULE!!!! Super chats are ONLY for appreciation. It will not guarantee a review/redesign.- Submit your design projects for review: https://discord.gg/a27CKAF #negativespace-submissions (NOTE: To combat spam, we have a new system where you must self-assign a role in #news)Join that discord link and just post ONCE your portfolio URL. I will cover the first one’s first, and I can’t guarantee that I will get to them all! Also, if I already reviewed yours from last week, don’t bother submitting again!Also, feel free to idle in the discord server. I’m there now!https://discord.gg/a27CKAF- – – – – – – – – – – – – – – – – – – – – -Subscribe for NEW VIDEOS!Learn UI/UX: https://designcourse.comMy personal FB account: http://fb.com/logodesignerCoursetro FB: http://fb.com/coursetroCoursetro’s Twitter: http://twitter.com/designcoursecomJoin my Discord! https://discord.gg/a27CKAF^-Chat with me and others- – – – – – – – – – – – – – – – – – – – – -Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com.Come to my discord server or add me on social media and say Hi!

Categories
Website Design

Epic Typography Tutorial for Web Design & UI Design [Video]

— In the 4th Episode of ‘The Boja’, Jon Frok is taught typography basics for UI/web design. Leading, Tracking, Typographic visual hierarchy, great fonts & more is all covered here (with some snakes and guitar solos worked in).Watch previous episodes here! (Start with the first!)https://www.youtube.com/playlist?list=PL0lNJEnwfVVNjJFWqLQ8h_bzVmayWcSeZIntro music (heavily modified) Dan Terminus – “Reverie – Paper Plane”https://dan-terminus.bandcamp.com/Music starting at 0:36 – Cyberoptics – Draugrhttps://cyberoptics.bandcamp.com/Music starting at 2:50 – 64 Rockets – Ruhlebenhttps://skyqode.bandcamp.com/album/ruhleben0:00 – Introduction0:39 – First Typography Project2:40 – Second Typography Project3:04 – Third Typography Project3:32 – Best Fonts, Music & Snakes4:47 – Outro#typography #boja #jonfrok- – – – – – – – – – – – – – – – – – – – – -Subscribe for NEW VIDEOS!Learn UI/UX: https://designcourse.comMy personal FB account: http://fb.com/logodesignerCoursetro FB: http://fb.com/coursetroCoursetro’s Twitter: http://twitter.com/designcoursecomJoin my Discord! https://discord.gg/a27CKAF^-Chat with me and others- – – – – – – – – – – – – – – – – – – – – -Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com.Come to my discord server or add me on social media and say Hi!

Categories
Website Design

The UI/UX of 404 Page Design [Video]

https://bit.ly/3ktY2qS – Become a frontend developer (50% off limited time!)– Want to learn UI/UX? https://designcourse.com​​– Today, we’re going to step into the world of UI/UX design and discuss what exactly constitutes *effective* 404 page design. While a 404 page is seemingly simple enough, many people are still getting it wrong. Resource mentioned/used in this video:https://error404.fun/0:00 – Introduction1:21 – An Awesome Offer1:57 – 404 Designs4:04 – The goal of a 4044:54 – My 404 Requirements6:00 – 404 Page Layouts8:39 – ClosingLet’s get started!#404 #error #uiux- – – – – – – – – – – – – – – – – – – – – -Subscribe for NEW VIDEOS!Learn UI/UX: https://designcourse.comMy personal FB account: http://fb.com/logodesignerCoursetro FB: http://fb.com/coursetroCoursetro’s Twitter: http://twitter.com/designcoursecomJoin my Discord! https://discord.gg/a27CKAF^-Chat with me and others- – – – – – – – – – – – – – – – – – – – – -Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com.Come to my discord server or add me on social media and say Hi!

Categories
Website Design

Why your UI Designs are so Ugly [Video]

Episode 3 – Jon Frok discovers why his first UI design turned out like 💩. Are you in the same boat? Worry not, it’s all about the fundamentals. Watch the first episode here: https://youtube.com/playlist?list=PL0lNJEnwfVVNjJFWqLQ8h_bzVmayWcSeZWhat is “The Boja”? The Boja are an aggressive alien species that will arrive to Earth in 2 years (2085). This series takes place in 2083 where ‘Jon Frok’ must learn UI design in order to defeat the alien enemy. 0:00 – Jon’s First UI Design0:52 – Improving Jon’s Design2:00 – Before & After2:12 – Music, Snakes & Design Refactoring3:00 – OutroMUSIC:Intro music (heavily modified) – “Obariom – Seti”:https://obairom.bandcamp.com/track/setiMusic at 26 seconds in:Faderhead – The Harsh Rejectorhttps://faderhead.bandcamp.com/track/the-harsh-rejectorMusic beginning at 1:05:Cyberoptics – Excalibur (Unreleased at the time of releasing this video):https://cyberoptics.bandcamp.com/#boja #jonfrok #uidesign- – – – – – – – – – – – – – – – – – – – – -Subscribe for NEW VIDEOS!Learn UI/UX: https://designcourse.comMy personal FB account: http://fb.com/logodesignerCoursetro FB: http://fb.com/coursetroCoursetro’s Twitter: http://twitter.com/designcoursecomJoin my Discord! https://discord.gg/a27CKAF^-Chat with me and others- – – – – – – – – – – – – – – – – – – – – -Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com.Come to my discord server or add me on social media and say Hi!

Categories
Website Design

The Best Thing About YOUR Design Is… [Video]

Today I’m doing something different with the live stream. Instead of focusing on the bad, we’ll focus on the good in every design submitted!- NEW RULE!!!! Super chats are ONLY for appreciation. It will not guarantee a review/redesign.- Submit your design projects for review: https://discord.gg/a27CKAF #negativespace-submissions (NOTE: To combat spam, we have a new system where you must self-assign a role in #news)Join that discord link and just post ONCE your portfolio URL. I will cover the first one’s first, and I can’t guarantee that I will get to them all! Also, if I already reviewed yours from last week, don’t bother submitting again!Also, feel free to idle in the discord server. I’m there now!https://discord.gg/a27CKAF- – – – – – – – – – – – – – – – – – – – – -Subscribe for NEW VIDEOS!Learn UI/UX: https://designcourse.comMy personal FB account: http://fb.com/logodesignerCoursetro FB: http://fb.com/coursetroCoursetro’s Twitter: http://twitter.com/designcoursecomJoin my Discord! https://discord.gg/a27CKAF^-Chat with me and others- – – – – – – – – – – – – – – – – – – – – -Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com.Come to my discord server or add me on social media and say Hi!

Categories
Website Design

Create After Effects-Like Animations in Figma?! [Video]

https://bit.ly/3D2I3Zu – Take my UI Design Bootcamp Now!– Want to learn UI/UX? https://designcourse.com​– Today, we’re going to step into the world of Figma and learn how to create complex animations, with the help of the Figmotion Figma plugin — which is free to use! It allows you to create animation sequences that you wouldn’t otherwise be able to achieve using Figma alone. You can export them as high framerate MP4’s, as well as export the CSS animation code (and JSON)!https://www.figma.com/community/plugin/733025261168520714/Figmotion0:00 – Introduction0:35 – An Awesome Offer1:09 – Installing the Figmotion Plugin1:36 – Designing a Quick UI3:35 – Using the Figmotion Plugin13:49 – Video Render of the Animation14:48 – Viewing the CSS15:44 – OutroLet’s get started!#figma #animation #ui- – – – – – – – – – – – – – – – – – – – – -Subscribe for NEW VIDEOS!Learn UI/UX: https://designcourse.comMy personal FB account: http://fb.com/logodesignerCoursetro FB: http://fb.com/coursetroCoursetro’s Twitter: http://twitter.com/designcoursecomJoin my Discord! https://discord.gg/a27CKAF^-Chat with me and others- – – – – – – – – – – – – – – – – – – – – -Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com.Come to my discord server or add me on social media and say Hi!

Categories
Website Design

THE BOJA – Learn UI Design, Fight Aliens (Trailer) [Video]

Episode 2: https://youtu.be/IQeruwvArRU – The year’s 2083 and Jon Frok is tasked with building an advanced UI to help defeat an aggressive aliens species: The Boja. The problem? Frok isn’t a designer. Intrigued? Your response in the comments below will determine if this series happens!These would be released as bite sized episodes that occur over the span of the next 2 years, with perhaps 1 to 2 episodes released per month. Each episode would include learning some topic of UI design, music, snakes, and other shenanigans. Special thanks to Cyberoptics for the track I solo’d over. It’s called “Vice City Vengeance”Track located here:https://cyberoptics.bandcamp.com/album/resurgencehttps://cyberoptics.bandcamp.com/musichttps://twitter.com/CYB3ROPTICShttp://facebook.com/CyberopticsAlso special thanks to Tarot Blood for the intro and outro track, which I heavily modified to make it sound like it’s coming from an old stereo. The track is called “Dowsing”:https://tarotblood.bandcamp.com/music#ui #aliens #snakes- – – – – – – – – – – – – – – – – – – – – -Subscribe for NEW VIDEOS!Learn UI/UX: https://designcourse.comMy personal FB account: http://fb.com/logodesignerCoursetro FB: http://fb.com/coursetroCoursetro’s Twitter: http://twitter.com/designcoursecomJoin my Discord! https://discord.gg/a27CKAF^-Chat with me and others- – – – – – – – – – – – – – – – – – – – – -Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com.Come to my discord server or add me on social media and say Hi!