Do THIS to Improve you UI/UX Skills!

  Рет қаралды 67,019

DesignCourse

DesignCourse

4 жыл бұрын

Visit linode.com/designcourse for a $20 credit on your new linode account.
designcourse.com - Learn UI/UX from Scratch with my new service (coming soon)
-- Today, I'm introducing a fun and challenging way to become better at UI/UX. I'm calling it #RandomUI and it involves randomly choosing from a selection of:
- Gradient backgrounds
- Font pairings
- App ideas
...which will introduce design constraints to simulate a potential real-world project. Let's face it, when you're designing for a client or an employer, most projects have certain requirements that you can't avoid. This challenge will help you simulate such scenarios, and ultimately make you a better designer.
If you want to participate, you can show your result in my discord server (linked below), or you can use the twitter hashtag #RandomUI
Here are the links I mentioned in the video:
www.colorsandfonts.com/css-gr...
www.colorsandfonts.com/font-p...
blog.sagipl.com/mobile-app-id...
Random # picker: www.google.com/search?q=rando...
Let's get started!
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
My site: designcourse.com
My personal FB account: logodesigner
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Instagram: / designcoursecom
Join my Discord! / discord
^-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 Coursetro.com.
Come to my discord server or add me on social media and say Hi!

Пікірлер: 72
@DesignCourse
@DesignCourse 4 жыл бұрын
If you want to participate, you can show your result in my discord server (linked in the description above), or you can use the twitter hashtag #RandomUI
@saadhasan2339
@saadhasan2339 4 жыл бұрын
Hey Gary, Those illustrations were actually free and you could download them by entering $0 in the price field. Though, it was really nice of you to support their efforts. Nice video by the way 👍. Its always helpful to see someone explain their thought process so that beginners can also start to make sense of how to go about doing things. Loved it❤️
@chomo54andbabyaisha97
@chomo54andbabyaisha97 2 жыл бұрын
So, the idea of the APP seems to be a proxy (a service or agency) between an emplyer and an emplyee with the only possible difference from other similar ideas that these are working from home (since it says decentralized), which is why they need to prove their skills first in written form (online). It's a very old idea just with a new packaging, and testing is done in alll of them, so that part is redundant in the beginning but shold be in the details. But I know that with any new site I visit, i want the headline to be very very explicit, and there fore using words like climbing and ladder are too abstract. Better would be something like Connecting freelance coders to emplyees or even simpler Find freelance coder jobs, because that's what the app helps with. I think the page below that should have a short illustration oif the service, in more details (like 3 steps), which is online tests help to define your skills on which you will get employed.
@anupamchakraborty278
@anupamchakraborty278 2 жыл бұрын
ণণণঙঙ
@michaelandreuzza
@michaelandreuzza 4 жыл бұрын
Hey Gary, I am the guilty one. I removed a tag from the header when I was playing around with the code. Now the gradients should work as always. this is the code you get by clicking on the color: - linear-gradient(45deg, #B1E0B0, #ACB4E7) and if you click the CSS: background: #ACB4E7; /* fallback for old browsers */ background: -webkit-linear-gradient(45deg, #B1E0B0, #ACB4E7); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(45deg, #B1E0B0, #ACB4E7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ My apologies for the inconvenience: Also, thank you so much for featuring Colors & fonts. It' s my little side project. You are awesome Gary
@juraev0056
@juraev0056 4 жыл бұрын
Great project!
@michaelandreuzza
@michaelandreuzza 4 жыл бұрын
@@juraev0056 thank you mate !
@yuki-ho2hp
@yuki-ho2hp 4 жыл бұрын
great dude!
@michaelandreuzza
@michaelandreuzza 4 жыл бұрын
@@yuki-ho2hp thanks buddy !
@agustinagutierrezperez8020
@agustinagutierrezperez8020 4 жыл бұрын
eyy congratulations!!!!! I cant believe it is a side project! So cool and helpful. Thank you very much
@paralelmind
@paralelmind 4 жыл бұрын
As a developer (who wants to learn more about UX/UI), those are very handy tips! Some even confirmed my "intuition". Thank you!
@antonioquiacain9451
@antonioquiacain9451 4 жыл бұрын
For the description text I would’ve used “Take our quick assessment test and get connected with employers around the world in less than 15 minutes!”
@nickjohnson1430
@nickjohnson1430 4 жыл бұрын
Great video, Gary! That's exactly what I need right now, gonna try it.
@angelicagabrieli7169
@angelicagabrieli7169 4 жыл бұрын
I liked the idea! Thank you Gary, it was amazing!
@Beast80K
@Beast80K 4 жыл бұрын
Sir ,Thanks alot for this video & taking time out of your busy schedule, would love to see more such videos where you design UI ! 22:55 my favorite color
@poooooow
@poooooow 4 жыл бұрын
Did not see the full video yet, but a great idea! Respect for your effort.
@rockywillion
@rockywillion 4 жыл бұрын
You nailed it Gary!
@jackmaison4209
@jackmaison4209 4 жыл бұрын
The title has a typo. Great tip, thanks.
@BroScro
@BroScro 4 жыл бұрын
The Bob Ross of web dev. Thanks for all these videos man.
@guusgeluk3693
@guusgeluk3693 4 жыл бұрын
I love your videos so much man. Thanks for all the value
@joshuakalu4777
@joshuakalu4777 4 жыл бұрын
amazing! I'm gonna do it
@tarekarar1736
@tarekarar1736 4 жыл бұрын
thanks for ur efforts man :)
@NavesNiche
@NavesNiche 2 жыл бұрын
Omg Man I admire how you manage to make time for being a musician, designer, developer, body builder, and video maker.. That's crazy cool. Maybe make a video about how you manage all of that. Kudos
@aminansar5294
@aminansar5294 4 жыл бұрын
Awesome tutorial! Thank for help :)
@tanvirazad49
@tanvirazad49 3 жыл бұрын
I'm learning so much from you
@0xgroot
@0xgroot 2 жыл бұрын
Really appreciate man
@LutfiRamadhan
@LutfiRamadhan 4 жыл бұрын
Wow you just amazing, and I really want to as great as you someday 😆
@tusherhasan6551
@tusherhasan6551 3 жыл бұрын
Thanks fot this idea
@PaulSebastianM
@PaulSebastianM 3 жыл бұрын
Just here to say wow!
@edgar-mmxxiii
@edgar-mmxxiii 3 жыл бұрын
What software or app are you using to illustrate that UI design, looks like different from Webflow.
@Trazynn
@Trazynn 4 жыл бұрын
I love the idea but ugh I can't stand this particular style of stylised illustration.These flat colourful people with those bouncy enlarged haircuts seem to appear on nearly every developer oriented site right now.
@nickjohnson1430
@nickjohnson1430 4 жыл бұрын
True, they're extremely overused right now.
@narinehvardumyan3219
@narinehvardumyan3219 4 жыл бұрын
They are so annoying for me. Can't stand the look of those animations.
@michaelandreuzza
@michaelandreuzza 4 жыл бұрын
It is over used but if you use them properly...you can make a great thing.
@bennemann
@bennemann 3 жыл бұрын
29:36 "lightening" fast And this, kids, is why hiring a proofreader is NOT a waste of money.
@geeblanco
@geeblanco 4 жыл бұрын
For "lightening" see "lightning".
@georgekd1717
@georgekd1717 4 жыл бұрын
I am use ui tool figma
@roshanmenuka7651
@roshanmenuka7651 4 жыл бұрын
Cool 😎
@eyvettethompson6094
@eyvettethompson6094 3 жыл бұрын
Checking for the #RandomUI section on your discord, but not seeing it. Was it created?
@MiserableDuck95
@MiserableDuck95 4 жыл бұрын
Getting sort of a mailchimp vibe (excluding the colours)
@ojasshukla1501
@ojasshukla1501 4 жыл бұрын
dont forget to add r after you in title of the video
@gregoryolenovich6440
@gregoryolenovich6440 2 жыл бұрын
Shoulda named it Skill Bill
@nilanshsharma6903
@nilanshsharma6903 3 жыл бұрын
Uicoach is also good website for random project generator
@vinla8949
@vinla8949 4 жыл бұрын
What is the name of the app you are using to design in?
@demogon
@demogon 3 жыл бұрын
Looks like Adobe XD
@obiaboimmanuel8729
@obiaboimmanuel8729 3 жыл бұрын
wow , please sir am very bad at choosing colors and fonts , please any remedy for that ?
@bennemann
@bennemann 3 жыл бұрын
Use an interactive online color wheel, you can't really go wrong if you stick to its recommendations. The canva.com one is great.
@NewError404
@NewError404 4 жыл бұрын
Just got here
@francescob.3019
@francescob.3019 4 жыл бұрын
ehi! new guitar??
@martiananomaly
@martiananomaly 2 жыл бұрын
There's a typo in the title lol
@KaranChecker
@KaranChecker 4 жыл бұрын
Good stuff! But the design didnt reflect anything about the app being Decentralized
@Mrdardas99
@Mrdardas99 4 жыл бұрын
probably because this makes absolutely no sense in this sort of app. if you want to pair employee skillset ratings with employer skillset searches, you need a stable and secure rating which is hidden from anyone not searching for this particular one, and have strict data access policies. otherwise it's just a data miner's dream operation. what does decentralization have to do with that?
@subham-raj
@subham-raj 4 жыл бұрын
@AndrewJMatthews
@AndrewJMatthews 4 жыл бұрын
I prefer "Climb the STAIRS to success"
@lennethe5299
@lennethe5299 4 жыл бұрын
You do a lot of generic designs, do you think you could make a quick tutorial on designing something more functional like a responsive sidebar with an embedded chat?
@jonjohn9930
@jonjohn9930 4 жыл бұрын
Your*
@R_Samnan
@R_Samnan 4 жыл бұрын
FIRST
@DesignCourse
@DesignCourse 4 жыл бұрын
I expected nothing less!
Learn Web Design For Beginners - Full Course (2024)
3:07:31
Flux Academy
Рет қаралды 1,4 МЛН
6 Things you SHOULDN'T DO on your Portfolio
15:02
DesignCourse
Рет қаралды 121 М.
Vivaan  Tanya once again pranked Papa 🤣😇🤣
00:10
seema lamba
Рет қаралды 30 МЛН
OMG😳 #tiktok #shorts #potapova_blog
00:58
Potapova_blog
Рет қаралды 4,3 МЛН
Looks realistic #tiktok
00:22
Анастасия Тарасова
Рет қаралды 4,7 МЛН
UX Copywriting 101 - You probably aren't doing it..
15:46
DesignCourse
Рет қаралды 30 М.
You Suck at Form Design ((Probably))
17:58
DesignCourse
Рет қаралды 122 М.
Free Figma UX Design UI Essentials Course
2:57:40
Bring Your Own Laptop
Рет қаралды 1,8 МЛН
Free Figma Course: Design a Video Game App in Figma
3:55:02
Jesse Showalter
Рет қаралды 355 М.
The UX Infinity Gems   6 Ways to Create Great UX
33:44
CernerEng
Рет қаралды 397 М.
6 UI Hacks I Wish I Knew As A Beginner
11:11
Tim Gabe
Рет қаралды 744 М.
UX Design: How To Get Started (A Full Guide)
27:35
AJ&Smart
Рет қаралды 1,6 МЛН
How to Design a SICK Dashboard UI in Figma
35:37
DesignCourse
Рет қаралды 210 М.
how to make a dratti dratte making #viral #dratti #dratte
0:15
offical Blacksmith
Рет қаралды 52 МЛН
Domino lego #cute #china #construction #train
0:35
construction toy
Рет қаралды 33 МЛН
Он просто решил сэкономить на плитке, но...
0:25
ФактоЛогия
Рет қаралды 1,8 МЛН
Let me show you (P8)
0:21
Discovery Boy
Рет қаралды 4,3 МЛН