10 Typography and Design Tips for Beginners

typography activities This is a topic that many people are looking for. star-trek-voyager.net is a channel providing useful information about learning, life, digital marketing and online courses …. it will help you have an overview and solid multi-faceted knowledge . Today, star-trek-voyager.net would like to introduce to you 10 Typography and Design Tips for Beginners . Following along are instructions in the video below:

“Everybody glad alexandrov here for creative shrimp calm welcome to the typography tutorial that booker booker pees everywhere. Whenever you create a thumbnail for your youtube. Video or designer. Wedding.

Or put. Something to instagram by learning. The basic typography rules. You make sure that you can convey the message in the most effective way and well typography is sexy.

So let s explore 10 typography tips and best practices. Let s start with a visual hierarchy. This block of text is readable. It serves its purpose.

But the visual impact of this block of text would be much stronger. If it had a stronger hierarchy just by resizing the elements and giving the emphasize to add visual hierarchy. In this case. You make the message easier to get at the glance just ask yourself what part of the message should really pop in what order do and want this to be read how can i make this easier for the reader.

This is the hierarchy and the next rule is don t use too similar fonts and this example you can see two phones that look very similar vole corn and roboto slab both of these phones have seraphs. And because of that they look kind of similar and better and comfortable. Instead let s take a pair of forms one or widget serif and the other one sounds serif or with no series also notice that they have a different weight. The top one is bold and the bottom one is hairline or we can reverse it anyway.

The key to finding the good pair of forms is contrast. Even if you use the phones from the same family like oswald you can write one part of the copy using all caps and increase. The dragging or we can call it letter spacing do what it takes..


But make sure that the phone don t look too similar and also try to not use too. Many fonts. There is a nice tool for prayer in phones called mixed phone calm. There s a artificial intelligence based.

Generator. Which you can use to try to find this cool forms combinations. You can press this button to refresh. It if you got stuck with finding the right typefaces for your project.

Give it a shot it even shows you to scroll down a bit how these typefaces will look in different contexts by all means. That s not the silver bullet. But if you struggle to find the right combination of poems. It may give you a head start all right the next thing to keep in mind is white space or six pace comping design elements together like you see.

Here is one of the most common type ography mistakes design element needs. Some air to breathe separate their elements from each other by adding their empty or say wide space in between them. This negative space will also allow you to group the elements in a logical way based on their relationship or lack of relationship to each other whitespace means not only the space between the objects. But also the margins outside the object.

So if you can stay away from the edges of the image alignment is the next typography rule. Without the proper alignment elements. Just pull apart for easy reading make sure that your text is aligned in the proper way that means that the elements are grouped. According to their logical relationships like all the social media links are grouped together in this example the blocks have the white space in between them and here all elements are aligned to the center of the image or to some imaginary line that runs across the elements.

We also can align elements to the left or to the right. But no matter what we do is good to stay consistent throughout the design one way to approach. It is to draw an imaginary greed on top of all elements then we can align everything..


According to the degree and avoid the parts that penetrate the outer walls of the greed inside this place again is good to be consistent say let s align all the elements to the left. But at the same time. We can align the title and the photo using the central line and if the design blocks are repeated. We also repeat the same alignment rules yay for consistency.

The point of great progress is to make the text readable not only fancy nobody wants to stare at gobbledygook to make the text readable make sure that it has enough contrast with the background that it has appropriate space between characters or tracking sufficient size that s important and why space around it and finally the phones. Without bells and whistles are easier to read so fight for readability in every way possible if you want to take your typography to the next level. Learn the basics of color theory. Fortunately there are many tools and websites that will help you with the basics of color theory color dot adobecom.

For example there you can just choose the color rule monochromatic try out complementary compound shade and so on and then you just click and drag these circles to set the route color and adobe helps you to set up their color harmony. So you can pick this sandy color. And this website will build the perfect complementary contrast. Then you can apply this set of colors to your design.

Or maybe like to try something else the compound color rule for example definitely that s very interesting way to learn this kind of learn example thing and voila. This is the compound color harmony applied to your typography. Okay. Fantastic one more resource that i m dying to share with you is color.

Hunt actually. It s color hunts. Dot co here. We have a bunch of ready to use color schemes.

Created by the community you can switch to popular or random. Just scrub down and pick whatever you like and as you selected something from the list you can see the hex codes for the individual colors. This hex codes are used to describe the color and use it later on in game..


Creator photoshop or whatever i love this color is actually my favorite shrimpie color. So we have already been talking about contract for quite a. While it makes text enjoyable to read it helps to harmonize fonts. It makes things pop the first type of the contrast to keep in mind.

While doing the text design is the size contrast. This is closely tied to hierarchy. Then we have this weight contrast try using the phones from one family. But with the contrasted weights by the way this one is called quicksand.

If you want to be creative. With your typography color contrast is your friend. It can be split into three components first one is value contrast arguably is this is the most prominent one the difference between light and dark. It makes things readable and at the counters.

We can use this saturation. If we use just a saturation contrast. This is a little bit weaker than the value contrast and finally the hue contrast tells us how far apart are the cores on the color wheel. Often it s the least intensive type of contrast it s neither good or bad.

It can be used differently depending on the different context for example look at this. I think it looks beautiful just to shuttle hue contrast going on is common way to other contractors to play with fracking or letter spacing. But my friends never ever stretch the font never ever the final type of contours that we need to know is style contrast as we have already said try clashing forms with a complimentary moods. That looks far more elaborate in triggering and beautiful than just.

Two similar fonts as any take cover of a nerd will tell you consistency and simplicity is good be humble stick with no more than a couple phones per image limit. The cheesy effects like brightens and shadows use. A repetition to your advantage and stick to one visual language throughout the image..


Remember the kiss mantra. Keep it simple stupid. The next thing is layout then layout in typography simply how you arrange the text of the page or rather in the image. You can be creative with the layout.

Ask yourself where do i want to place the text do i want to flow around the glaad left shoulder hmm or maybe i want to slap it to the back wall. So it kind of stays behind the figure for this parallax effect. Or maybe. Add a little bit more pseudo 3d.

All notes worth experimenting with the layout and making the text interact with the image as a finishing touch add some chocolate chips. It can be anything as long is it adds to the overall oomph factor you can do labels icons lines hem payton elements modified symbol like reversed. V. Letter.

Instead of the a letter extra irregularities like this golden eve. The f. Letter. Use variety and non textural elements to bring the extra cool to your typography.

Now go ahead. And try this tip by making the new cool typography for your instagram rank. And thanks for watching. That was left alexander for creative spring calm feel free to subscribe to our channel and share this video that s very important to us just go ahead and share this.

A million times brings more coffee and will change the ” ..

Thank you for watching all the articles on the topic 10 Typography and Design Tips for Beginners . All shares of star-trek-voyager.net are very good. We hope you are satisfied with the article. For any questions, please leave a comment below. Hopefully you guys support our website even more.

“http://www.creativeshrimp.com/typography-design-tutorial.html – Learn more!nGet the Typography Geekmaster achievement by following through this typography tutorial for beginners. Watch these 10 tips that ll help you to fast-track your typography education.n0:24 – 1. Hierarchyn0:54 – 2. How to Pair Fontsn2:09 – 3. White Spacen2:48 – 4. Alignmentn3:53 – 5. Readabilityn4:21 – 6. Color in Typographyn5:44 – 7. Contrastn7:12 – 8. Consistencyn7:33 – 9. Text layoutn8:04 – 10. Variety in DesignnnFollow me online here:nnYoutube: https://www.youtube.com/user/GlebAlexandrovnFacebook: http://www.facebook.com/CreativeShrimpnTwitter: http://twitter.com/gleb_alexandrovnArtstation: https://www.artstation.com/artist/gleb_alexandrovnInstagram: http://instagram.com/gleb.alexandrov/nGoogle Plus: https://plus.google.com/nVimeo: https://vimeo.com/glebalexandrovnCreative Shrimp website: http://www.creativeshrimp.comnnNew Here? nnMy name is Gleb Alexandrov, I m a coffee maniac and the founder the Creative Shrimp blog which has an amazing following (I appreciate you!). I upload the video tutorials about computer graphics, Blender, 3D, art and various creative stuff.nnSubscribe to My Channel Here: https://www.youtube.com/user/GlebAlexandrov?sub_confirmation=1nnMY PERSONAL COLLECTION OF LINKS AND RESOURCES FOR CG GEEKS: http://www.creativeshrimp.com/resources.html”,

typography, tutorial, design, tutorials, typography design, layout, how to, photoshop, text design, lettering tutorial, typography rules, tips, hierarchy, co…

Leave a Comment