Learn the Most Common Design Mistakes by Non Designers

[@RaedMarji]

- Too wordy - 50-60 chars per line - stick to 2-3 fonts max - Not choosing the right colors - Lack of Negative space - Place elements arbitrarily - Failure to create contrast - Not scaling properly - Inappropriate font combinations - inadequate space between lines - Using raster images - trying to achieve perfect symmetry - Failing to communicate effectively - Not being consistent

[@silverluna8218]

thank you saved me 10 minutes of ear bleeding audio

[@MAJ0ROCEL0T]

Thank you, might need to make a video called "Learn the most common facilitator mistakes by non-facilitators" lol, hard to listen to

[@jeskow19]

Your presentation lacks visually appealing elements so I disregarded it. Huh....I guess he's right.

[@hunkosaurusrex]

@@jeskow19 #troll

[@hunkosaurusrex]

@@silverluna8218 #trolletta

[@anandajayarathna6149]

Started being a KZbinr and doing everything alone,, I found so many things to learn to make life so daunted.Yet I feel lucky and privileged because of the people like you teaching the newbies everything so generously and effectively. Really appreciated and thank you million times.

[@VismeApp]

We're so glad you find our videos useful!

[@3rdCoastHippie]

#preach ❤

[@TJPactronix]

Thid inspired me to make a video of most common audio mistakes

[@mckenolly]

Now you inspired me to make a video on most common grammar mistakes. 😁

[@Thecapri48oficial]

Lmao

[@realhxnz]

People makes mistake, you too because you're people.

[@vaderchief]

Jokes aside, the video really needs to be made. especially on compression, or lack of normalization.

[@the_pseudo_nim]

This comment thread has made me so happy that Switzerland just legalized Suicide Pods.

[@pillosopher]

Excellent. Every point is valid and makes the difference between a delighted audience and death by PowerPoint. Just to pick a hole: in the 15th point, it should be "consistent" and not "consistant" in the box at the bottom. Which brings us to point #16: Proof read with a sharp eye.

[@suzannelogue3775]

death by Powerpoint, that's hilarious! 😆

[@TheSuperNova132]

But i m an amture and haven’t made any Guess that makes me a pro

[@christlg9735]

@@suzannelogue3775 The original was 'death by bullet point' but this is good as well.

[@BeoKrakr]

I've been a draftsman for about twenty years. I take this knowledge for granted. The concepts you listed are second nature to me. Good job.

[@VismeApp]

Thanks Saint. We know that for non-designers these concepts are a bit more difficult to grasp.

[@veronicaveintimilla8478]

So true! It feels like is obvious but is not 😅

[@TheEdrichard]

Another item overlooked sometimes is that you may need to print out your design. For me, our printers are just black-white laser printers so be mindful about your audience members printing the design when choosing fonts and colors. Also, we have several folks that are color blind in our office, so you need to take that into consideration too when using color as a differentiator within the story you are trying to tell.

[@cc_snipergirl]

If you're designing websites, don't ignore breakpoints. They're not just for different screen sizes. You can create a design just for print to make sure it looks good and doesn't waste ink

[@hunkosaurusrex]

This guy taught more in 10 minutes compared to my four years in design school.

[@JoshSansom-g3x]

You're kidding

[@latinobeef]

@@JoshSansom-g3x I am?

[@brianlandis3057]

Yes, he hit all the right points.

[@brianlandis3057]

Wow, this video was made 7 years ago but every point is still applicable today and it is a great summary of all the most important things about presentation. Great job, love it

[@VismeApp]

Thanks so much, Brian. Cheers.

[@3rdCoastHippie]

So helpful and I like that you aren’t “trying to be cute” like most other similar type videos I’ve watched. Thanks for keeping It real!

[@RivieraMan]

Very straight to the point, with supporting graphics and no waffle. Outstanding! Thank you.

[@MarjT]

Great list that’s easy for anyone without a design background to follow. #1 is actually my favorite thing to solve in design. Taking long paragraphs or chunks of text and figuring out how I can break it down, shorten the words, or how can I transform them into visual concepts

[@JohnCarter-hm8pv]

TOTAL RESPECT! You got across your message very clearly and succinctly covering 15 elements of design, all which are important. Newbies could spend many hours watching videos on youtube and not learn half of what you covered!

[@VismeApp]

Thanks John!

[@pgtips4240]

Personally I think the modern web design, though it might look visually appealing the general usefulness is usually very crappy. The web is now full of sites that look good but do nothing. It's the novelty of a big full screen photo home page with nothing but a title and maybe a down arrow button. Then there is a two column alternating image on one side and meaningless text on the other, this continues boringly down to the footer which has about 50 pointless meaningless links. Then there are the mobile websites which are scaled down even further, yes they are responsive but it came at the cost of being useless. I hope trends change and websites start to both look nice and be useful at the same time. Sorry for my rant but the lack of imagination gets to me sometimes.

[@BrianLandis]

Since you don't like modern web design, do you have an example of a website that you *do* like? One that you think is effective in its layout and design?

[@kurtsenpai4757]

agree with yout comment

[@hcbs1986]

Modern web design isn't visually appealing at all.

[@LandyVlad_Rides]

bring back flying toasters?

[@JoanaKompa]

The most common mistakes made by newbies well pointed out. This is a pretty good reference video, despite some smaller production flaws.

[@TheBeachHermit]

I think all the points are valid yet, paradoxically, many of the ugly examples of 'bad' design are more eye catching than the polished 'professional designer' text. I think it's all a matter of scale. If you're selling eggs from your porch then a catchy hand painted sign is probably better than a professionally made one that's suitable for a corporation, such as Google.

[@achilleuscoronel6466]

Very nice. Perhaps we can use the same elements on both good and bad examples to really show the transformative fix that was applied. Very useful. Thanks!

[@WritewheelUK]

I'm in my dotage, having worked as a graphic designer in the late 1960s. The most striking thing about this very sensible collections of mistakes is that it could have been produced in those days. It's remarkable. There are some eternal truths. One point; leading is pronounced leding. Line spacing used to be done by lead strip. Nice video.

[@alfredttarski4521]

6:13 The term "leading" is pronounced *ledding.* When texts were still printed with metal type, compositors would increase line spacing by adding additional strips of lead between lines of texts.

[@VikashPradhan0612]

Interesting trivia... :)

[@N2LRB]

First, I love your presentation. I just subscribed to your channel. I have been creating newsletters for decades. And I agree with everyone of your points. I especially dislike it when magazines put a red background page with black text. I highly dislike it when the content can't be read. I always favor white background with black text. A good book to have is, "Looking Good in Print".

[@VismeApp]

Yes, it's always good to be able to read the content clearly!

[@jaygee1103]

Also, the linespace between the text is pronounced 'ledding", not "leeding" because it originated with printing presses where they put pieces of lead between the characters.

[@pamcadd8658]

Yep, that's where he lost me. He made some good points, but that was such a basic error that I questioned his expertise.

[@Ranma37]

Wow, it is very refreshing to see a KZbin video that gets straight to the point, has no filler, and no pandering to algorithm's (hit that subscribe, smash that bell, etc.). Just pure content and very well done. Love it. But get a better mic, haha.

[@VismeApp]

Our newer videos have much better audio. 😄

[@realestateTO]

Loving the entire tutorial series. Thank you for the inspiration.

[@VismeApp]

Your welcome :)

[@akisa.7001]

@@VismeApp You're welcome. 16th point: Spelling

[@realhxnz]

@@akisa.7001 LOL Dont mind it bro, that's not about design

[@villemononen5303]

Nice video and good points! I notice i'm not scaling the text enough (maybe my program doesn't make it fun, quick, or smooth enough, maybe excuses) but i'm getting better at it. Also, i haven't thought that the image could drive the selection / mood of the font. Maybe it's something i've been doing already, but now i can do it more consciously. Been struggling with text over contrasty images, but lately i've come to the realization that the images often needs to be muted (or changed), or use the forementioned color overlay. Good stuff! Often simplicity is the key. I rather use more time on simplifying the text and nailing the point, rather than playing around with fonts and colors trying to compensate. Less fonts and better harmony between the few fonts chosen (2-3) is the key. Even sometimes using nothing but the same font, but varying the font size noticeably can bring the goods. Capitalize some of the text, keep the rest normal. Bold and italic where appropriate takes one far enough. All the rest is just some nice extra, but are they essential or aiding?

[@kishanbera2018]

Thank you so much. I will try to avoid those mistakes in my design.

[@mishQasim]

Learn the most video mistakes by designers : - terrible audio quality Continue pls

[@regeleionescu935]

+ poor chroma key separation

[@YuriRadavchuk]

Too generic stock music

[@Stellarspace95]

loooololol thank you

[@bejosutejo5958]

Lol , it is true

[@JeremiahFernandez]

said by people who can't make their own content

[@zenolahaye208]

Great 101 video, i learned all these things myself. This can be great information for starters in webdesign.

[@brandonclark8987]

This was awesomely helpful. Thanks for solving problems I didn't know I needed to ask.

[@casperdewith]

6:14 it's pronounced like ‘led-ding’. As in: the element Lead. That's what letters used to be made out of. Leading is extra lead added in-between lines of text

[@VismeApp]

Yes, you’re right.

[@akisa.7001]

Absolutely correct. From a lead linotype machine operator of the print era before computers.

[@andrewpatterson8811]

Haha I was just about to comment this

[@artistartist3364]

I was watching It with pleasure. Clear and simple. Thanks!

[@danielkndn]

Failing do stay consistent. Fixing that a year ago made my landingpage designs waaaaay better. Thanks for the awesome list you put up here. That helped a lot.

[@EonPeon]

Nice video, but the line spacing (leading) is not pronounced the same as in 'leading the the way forward', but like 'leding'. It comes from the old days of print when thin strips of lead (the metal) were placed under the letters to increase line spacing. Great information, only slightly marred by almost-distorting audio. Maybe I should make a video about common video mistakes by non-video producers?! Ho ho! Merry Christmas!

[@Joey-bq4hu]

He lost credibility with me by not knowing something so basic

[@av3ngers17]

@@Joey-bq4hu maybe English isn't his first language

[@pegbars]

@@av3ngers17 Wouldn't make a difference if he knew the subject well enough.

[@rachelknight3433]

as soon as i heard him pronounce it that way, i automatically knew he had no formal training... that is THE MOST BASIC thing in design

[@MrPhucktard]

@@rachelknight3433 Yup, same here.

[@biondatiziana]

FYI - The word "leading" in typography rhymes with "bedding", not "bleeding". It comes from the word "lead" (as in metal), the material used for the spacers that separate lines of text in traditional typesetting. Otherwise, nice video.

[@VismeApp]

Thanks for the heads up. And yes, you're right of course. Our bad.

[@exploringbiblicalendtimes779]

Thanks for this. I used to work beside designers at college. I was doing art of course.

[@joanastellakompa6593]

The video brings essential points across. Yes, the audio quality is poor. Would anybody know a better video? At least for beginners, this one here is pretty helpful. Thanks to the producers.

[@andycolourbox6461]

The word 'leading' originates from the strips of lead hand-typesetters used to use to space out lines of text evenly. The word leading has stuck, but essentially it's a typographer's term for line spacing. Lead as in the metal, not lead as in 'leading a team' etc.

[@VismeApp]

Hi Andy, yes we realize that. Thanks for the reminder! :)

[@MforMovesets]

3:48 To be fair, not aligned also looks like a design. :P

[@benw9949]

Design mistakes from paid designers who should know better: Basic color theory on contrast in color (hue), saturation, and contrast. -- It is a very bad idea to put two light colors together. Too little contrast makes things unreadable. White text with yellow to gold to orange to red backgrounds, or the other way around? Too thin type? You are going to lose customers who can't read that, sometimes even if it is large or bold. The same with too little contrast if it's too dark. Try to have extra contrast for more impact. This doesn't only affect people with bad eyesight or color-vision problems. It affects all users. If you want to annoy or turn off people, or just make them take a few seconds too long having trouble reading even a title, a brand name or flavor, etc., then you are going to risk losing customers. Take a trip through the grocery store and see how things are mishandled in color usage. Or any product design. Very common mistake these days.

[@0soloony]

So what I get out of this in summary is ?Consistent balance in all things!" thank you for the upload.

[@VismeApp]

Yes, balance is key!

[@duangpornberg2161]

I find this video is very useful and helpful!!! Thank you for sharing your knowledge!!!

[@albertmalcampo9784]

I can add more: Hard to read reversed serif fonts on four color background, using the wrong font on a given subject, designing logos with too much colors , many more.....

[@musicbyerii5962]

Great video. All I did was nod my head because I always keep these in mind when making Powerpoint presentations and it never fails to look good and be effective. There are times that my classmates thought that I used a downloadable template when I actually arranged everything myself.

[@dramamine755]

Kek flexing on youtube about making highschool powerpoints

[@MDMASUD-jg4gg]

It's very important to know all of us.thanks a lot .

[@emmanuelokokon1307]

Excellent and straight-to-the-point!

[@VismeApp]

Thanks!

[@MentosCubing]

Learn the Most Common Video Mistakes by Non Videographers: 1. When using a green screen, step far enough away from it that you do not cast a shadow 2. When using a green screen, film with a very fast shutter speed; you can introduce motion blur in post if it feels right, but having it already there makes green keying very difficult 3. Don't use your camera's built-in microphone if you can help it 4. Don't boost your audio so much that it clips 5. Cut off the beginning of your clip; don't leave so much space where you're not talking yet 6. Look out for weird cuts like in 0:23 7. It's okay to do a quick fade out or swipe left to get rid of your visuals; you don't need to do a jarring jump cut every time. This looks especially weird when there is not a cut in your real footage, so avoid it when you can. 8. If there is motion blur in your footage, put some motion blur on your moving graphics as well 9. Avoid filming with distracting elements (e.g. holding a laser pointer the entire time and not doing anything with it) If you need to do a jump cut with your footage and your visuals, do them at the same time; don't space them apart like at 3:46 10. If your jump cut isn't a huge movement, there are transitions in some video softwares to hide them (Morph Cut in Premiere Pro, Smooth Cut in Resolve), and you should definitely do this if possible because jump cuts with small but noticeable movements can look very displeasing 11. At 5:32, don't say things like "Just a few more to go" because it's completely irrelevant to the topic and distracts the viewer 12. At 5:32, it's even worse to say things like "Just a few more to go" because it encourages the viewer to feel bored and realise how long they've been watching 13. At 5:32, it's STILL WORSE to say things like "Just a few more to go" because you're only about halfway through the video and that makes the viewer think you're trying to mislead them 14. Leave a tiny bit more space between your last line and the end of the video; it ends very abruptly 15. I don't have a fifteenth one for you. Which is sad, because I really wanted to roast you in the exact format of the video.

[@gujargee717]

Hi there all your videos are great. Please can you do a step by step video as to how u r at the fron of your videos and slides are back and you are still able to pin point at the right place. Many thanks

[@SANDABHI13]

which software was used to make this video? Like seeing the presenter talking infront while the slides are displayed behind...

[@JBWEBDEVELOPER]

Hey Sir, i like your presentations, how do i achieve this kind of presentation where the slide is the background

[@therusiru]

This lesson help me a lot

[@BelindaPort]

Made a lot of sense for this non-designer. Thanks

[@aritzoo.a]

Very clear and neat! thanks for sharing!

[@wazmink2459]

I have learned from your vlog, thanks, I'm an amateur graphic designer

[@verniecreamy]

Thanks for sharing! Do you happen to have the hex codes of the color palettes on 7:36 min mark? 😊😊😊

[@verniecreamy]

I mean, 2:36 :)

[@bantumorpheus4496]

Thank for the great tips! This was very informative, helpful and beautifully presented. Keep up the great work!

[@sagehare]

I love your video, great info for design students. One comment I have is the term leading is pronounced like a lead pencil not like i'm leading you down the path. It refers to a time when people typeset with lead type. "Lead" was placed in between lines according to the amount of space desired.

[@Dave1507]

so nr 1 and 2 are the same basically, readabillity is in there twice as well, and there are a few other repetitions.

[@msainathan]

Excellent way of expressing, I am a learner of Digital developer and the information shared was very useful...sainathan

[@VismeApp]

Thank you very much Sainathan.

[@VismeApp]

We're glad you found this useful !

[@maryorr5178]

Great content presented very effectively. One correction: "leading" should be pronounced "ledding" because the word 'leading' originates from the strips of lead between rows of metal type which hand-typesetters used to use to space out lines of text evenly. The word leading is essentially a typographer's term for line spacing.

[@fitnessdirection2660]

I just got started with wordpress and started by creating my website using the Astra theme and the outdoor adventure starter site. The header and menu text is white with transparent background to contrast with the background picture. When adding sub-menus, this causes a problem as the background of the sub-menus are white and the text is white… How do I change the sub-menu properties - both font and background (solid color or transparency)?

[@rbphotographix]

Ineffective color combination - agree much!

[@allinemagalhaes4194]

Can I use Visme to do this kind of animation showed in this video? Can de download videos in the software and start to build on over it? I thought we could only download projects in html 5 code

[@hughdidit]

Designers call it "leading" as in a lead slug that was physically put between the lines of text in the printing process. They didn't put "leed" between the lines. Seems important to get right when your premise is about mistakes ;)

[@robertcooper4467]

I thought that this was brilliant! The tips are great. I am a Digital Developer and using design themes and styles to create the 'look' and feel of our Learning Management System and soon, learning content. Looking forward to the next episode... enjoying the script too and Slide Deck Downloads. Pity no option to download the video. I'll find a stream recorder :-)

[@mrdeivydrodriguez1]

Hey man. You can download any video off KZbin just by typing ss before KZbin in the address bar. For example, wwwdotssyoutubedotcom and follow the instructions. Use actual dots, not the word dot like my example. Duh. Cheers.

[@bharathkumar2065]

🙆🙋Sir any vector graphic if we zoom it will not pixelate inside software but if we export vector graphic as a file .jpeg,PNG, GIF, TIFF no out put shows vector that vector graphic shows pixel so in what format I should export to see vector graphic ... without pixalation

[@mrebholz]

Your „ineffective color combination“ works pretty well for the German green party. Wonder why? Probably it represents their inefficiency pretty well, too: wysiwyg so to speak.

[@marvoinfo]

Direct and to the point!

[@ericmercury3187]

"When I got out a jail, As soon as I could I bought a computer and went in bizness for myself as a sign maker, I made a ton of money sellinig very cheap signs to everyone. I had red black and green vunyl thats it! Easy moNEY !The other shops complained my stuff was making the city look terrible but who cars, I make lot of monay! All cash money !" I really did have a 'designer' tell me that about 2 years ago. And he did make quite a few signs without spell check, just like it is above.. He covered every nook in the city with 'signs'. Then he went back to jail. Time to clean up. ' Thank you for making the video that simplifies the most common problems. Well done.

[@AngieWarloe]

Hello, I am a middle school and high school teacher within the Oxford School District. I would love to show my students some of your videos for educational purposes in the online component of my class if you are ok with it.

[@LandyVlad_Rides]

What's the font/s in the bottom examples at timecode 9:15 (ie last example) please ? Also what font does KZbin use on its site?

[@juliafedorova7075]

it is a perfect line up lesson for non-designers

[@sunmeetsinghbali1478]

Thank you so much for this great tutorial before that I am dealing with the designing a lot but now I know which points to keep in mind while designing:)

[@VismeApp]

That's Great Sunmeet. Thanks for the comment.

[@TheDudeway]

I think one of the main issus is missing design thinking, research, connotation, experimenting etc. I hope some day I will see a video talking about design rather some basic principle stuff...

[@gopalmanjigorsia]

Sir which font have you use for your entire presentation?? it's very modern and nice fonts, please share with us

[@manipmani-vs9hq]

Very nice and valuable tips

[@tumelomathews9531]

Hi, what font did you use on the video?

[@JolleanSmith]

Although I found your points very good. The constant reference to "Amatuers" and "Non Designers" was distracting. It felt as if you are insulting your target audience. If you are designing, you are a designer, even if you are not a master at your craft. I would just remember that in marketing & designing the words you use envoke a feeling, so choose them wisely too.

[@danrazART]

Smart! Suggested using 3 type fonts at most. Gives example of 3 font usage as bad! Very smart!

[@danrazART]

@@Stadno you missed my point completely. even when it was in front of you. check the video again and try to understand why it was not a smart example. it is not a question whether the rule is right or not. cheers.

[@datttrrr492]

sir i have problem my design quality poor pixelated design and execution why this happen in my design can yu explain me sir thank yu

[@amitabhjayaswal]

How do vector and raster images / pictures differ? What should be my ideal rationale when choosing any one of the two for a particular purpose? Please illuminate, or guide to a worthwhile tutorial. Thanks in advance! Regards and smiles 💐

[@bisdakaraokeatbp]

Hello! Vector images usually comes in different file or format (.eps/svg) and they can be scaled without becoming pixelated while raster images (usually in jpg/png format) becomes pixelated when the size is increased.

[@syedmuhammadsameer8299]

As a layman I loved the fonts on the rustic image. They were quite eye catching and I can see them being used to show progress from old to new methods.

[@sadaedost]

Great sensible examples

[@MaximilianBerkmann]

Some nice tips. But the audio quality needs to be reviewed. It seems like you are using the wrong (type of) microphone for the room (which sounds untreated, perhaps consider using a more appropriate mic) and you're close enough to the microphone which makes the reverbs even worse.

[@KTechy-]

Well explained, thanks to you❤️

[@jsrmanish123]

The negative space...ironically, most of the time not clients but the seniors who ruin this aspect in any perfectly used design by commenting "design looks too empty, fill something to make it busy". and when that done, they come up with another point "design looks too cramped let us rethink".

[@hdkatarina]

Great tips but audio not so much.

[@VismeApp]

We apologize; this was one of our first videos in series and we didn't do a good job on audio.

[@sbkmarkel]

@@VismeApp thanks for making the video.

[@gordonyork6638]

Its leading as in lead pencil. Not leading as in leading a parade. This dates back when they used lead to fix typography for a letterpress.

[@AwakeTruthSeeker]

Thanks for the helpful tips

I watched the video. I think that it 's very interesting and helpful for everyone, thanks.

[@GulfamHussainNoor]

"Failure to scale elements properly" looks better without scaling.

[@qfksspecial7866]

Some refer to this topic as "hierarchy", meaning important elements should grab more attention.

[@saimamunir4466]

where to use vector images?

[@xpez9694]

Color choices are arbitrary unless you know your audience. @ 2:01 these colors are great if you are talking to 18 year olds who do a lot of DIY web pages and snapchat design of crazy stuff they are making on their own.

[@PrincessofBuckhead]

Fantastic tutorial! Subscribed, thank you! =)

[@corbbing]

A fitness trainer walks into a bar and start talking about design into a can. Some people listen.

[@Fryzlr]

lol xD

[@hunkosaurusrex]

Thank you, Mr. Baddajoke

[@viktoriacarralesraichynets1851]

Awesome guyzzz!!!! Tons of useful info!

[@muhammadnoorain5063]

Great information

[@KishorKumar-ve7hx]

*0:13* what is the font name?

[@sayanisen9911]

Thank you very much. I needed this one.

[@SinaTravel]

Thanks for this very helpful video 🥰 I've many things to improve my work

[@gra-fix]

Nice. But i'm of the view that in the designers world nothing is a thumb rule actually, it is clients choice at the end which matters, if client want more or less colors you have to add/remove those, if he/she wants more or less text then you have to follow so in the designing or graphic world it's all about clients choice.

[@KevinStock12]

How are you looking at this presentation against a green screen?

[@VismeApp]

we have a screen in front of us for reference.

[@KevinStock12]

@@VismeApp ah, so this guy is acting like he can see things on the backdrop (super convincingly)!

[@VismeApp]

He can, because he sees the same thing on a screen in front of him.

[@munir07]

superb information! thank you.