In this typography design tutorial, I will guide you on how to transform boring texts to your advantage. You will learn how to utilize typography for your website, or even for your print needs. This article will extend from web page design, to printing to graphic images.
They say letters are boring. Unlike videos and music, text is static. It does not move or tickle other senses besides the eyes. Texts are usually placed as information-dissemination tools which convey the detailed message of the media being used. For example, if you upload a YouTube video tutorial, the video is the dynamic medium which will aid the viewer to achieve the goal. On the other hand, the text will provide all the details needed in case something is not clear.
This fact might give you an impression that texts are really boring. But what if they are really not? What if texts, which are used mainly to detail, are used for the design function? How is that possible? Of course, through typography.
Typography has existed for a long time. It originated from a time we all couldn’t remember. Basically, typography is the technique of putting texts or types in an orderly manner to make it visible, attractive and readable. Simply put, typography is the art of working with texts, graphically.
The tutorial is divided into five parts:
- Creating Typographies Using Photoshop
- Choosing the Perfect Fonts for Every Occasion
- Where to Download Fonts (Free and Premium)
- How to Consider the Perfect Colors Fit for Your Design
- Sample Finished Product on a Website
I have spent some time browsing the Internet to find the highest quality and most influential web design blogs in industry. It turns out that it is really hard to find quality sources to trust. I was especially interested in the topics of web design, WordPress, UI, UX, HTML5, CSS3, jQuery, responsive web, and mobile design.
I came to the conclusion that while you can easily spot the top players, but if you are talking about sub-niches and finding blogs that aren’t quite as established, sources can be quite challenging! That is the reason why I decided to create this huge goal- find the most influential web design blogs in the industry. I am separating them into different categories and I have included my two cent’s why I think each site is included.
And I have also included influencer rankings: Google PageRank, Alexa Scores, Twitter, Facebook followers ( but I didn’t include RSS since it seems to be outdated already, but have included some interesting facts I found by accident).
With each blog I’ve included:
- Description of what’s special about this site and what topics they cover the best;
- What the site age is, influencer rankings, and traffic data. I also have interesting information about the person behind the site and community;
- Three- four best articles I found in the site that have been published recently to give you an even better idea of what kind of content you can expect there; and,
- Thumbnail to feed our visual satisfaction and memory!
Let’s get started shall we? Be prepared for total awesomeness.Read More
Get the chance to win Patrick McNeil’s The Web Designer’s Idea Book vol. 3 (shipped internationally) and be inspired all year long!
This idea book is a great resource for graphic and web designers who are looking for quick but solid ideas to be inspired from.
No matter what your style is, this book will definitely find its way to cater your preference.
Five lucky readers will get to take home signed copies of The Web Designer’s Idea Book volume 3.Read More
Some people may find flat web design boring while others totally love it. I find flat design interesting and more user friendly. It puts more emphasis on the content. It’s also very flexible, which is really ideal for responsive web design. If you, like me, love flat design, make sure to check out 40+ Flat Web Design Inspiration. I’m pretty sure you will get goosebumps after seeing several flat designs.
Feeling inspired seeing those designs? Good! Today I will teach you how to design a portfolio landing page- an almost an hour long free video tutorial!Read More
For the last couple of months, flat web design has been really a huge topic on the Web. Up to now, it is steadily dominating the Web. From UI, to the latest portfolio update, icons and even the top web design blogs are now using flat web design, not to mention Microsoft, Android and just recently Apple is going flat too!
So why are so many designers using this style?
Flat design makes things free from distractions, eliminating heavy background images, swirls, grunge that makes everything cluttered. It’s very easy to navigate, since there are no more gradients, drop shadows, glows and bevels. It puts more focus on the text, making everything readable from big screens down to mobile.
Oh, and besides if you want something more than inspiration we have nice flat countdown timer video tutorial created specially for you!
Okay, enough talking. Time to check our collection of flat web design for your inspiration!Read More
If you already know what is a Landing Page and what it is for, I will call you a “Smarty Pants”, but please give me just 58 seconds to explain it to those who don’t really know what it is.
So a Lead Capture Page, Lander or as most of us know it, a Landing Page, usually serves one, single, yet very important purpose. It is designed to be one large Call to Action.
Usually it’s a single web page and contains very focused and deliberate sales copy with Call to Actions throughout.
Brilliant! I managed to explain it in less than 58 seconds.
Now that you know what a Landing Page is, I’m going to show you how to create, and launch, your own.
What’s more exciting is that you do not need to be a coding guru or an über cool designer.
It’s just that simple – You and this ultimate guide.Read More
You know what’s cooler than an exclusive web hosting discount? A hosting giveaway, of course! The guys from Bluehost are very cool enough to give us shared hosting accounts to give away to five of our lucky readers, hosting and domain for free!Read More
As of late we’ve been receiving emails from people asking us for tips on how to earn money online as a web designer or web developer. As a response, I’ve written a quick list of things that web designers and web developers can start doing RIGHT NOW to earn sweet money. This post is for designers and developers of any skill level.Read More
To kick-off our series of Ultimate Guides about what WordPress can do, we will start by showing you how to build a blog the easiest way possible. From hosting to writing your very first post! This tutorial is meant for people who have zero experience building websites, now you know!
People blog for many reasons, among these reasons are to express what they feel, share what they know, or maybe just to keep an online journal available for public viewing. Sounds neat, yes?
Don’t know how to build a blog?
Don’t know where to start?
Let us help you with this Ultimate Guide on how to Build a Blog. The only guide that you will ever need.
No coding necessary. Just you and a tiny bit of your time.Read More
In this tutorial I am going to show you how to create a simple countdown timer, iOS 7 inspired!
Flat design is dominating the web and I’m sure you all know that Apple created a new look and feel for their OS. I’m really happy seeing the minimal look of the user interface and I know Apple fans are eagerly waiting to test iOS7 this fall. So, while we’re waiting I’m going to show you some great wallpapers and we’ll create a countdown timer in Photoshop. The look and the colour scheme will be based on the iOS 7 wallpapers that have been released. This tutorial will be very quick and beginners will find this Photoshop tutorial helpful in understanding the power of Free Transform.Read More